There have been occasions where I’ve wished I was able to select a parent element with CSS–and I’m not alone on this matter. However, there isn’t such thing as a Parent Selector in CSS, so it simply isn’t possible for the time being. In this tutorial we will walk through a few cases where having a CSS… Continue reading Selecting Parent Elements with CSS and jQuery
Tag: browsers
Chart.js – Flexible JavaScript Charting for Developers
Posted · Category: Charts, MIT License Chart.js is a simple yet flexible JavaScript charting for designers & developers. Chart.js merges configurations and options in a few places with the global defaults using chart type defaults and scales defaults. This way you can be as specific as you want in your individual chart configs, or change… Continue reading Chart.js – Flexible JavaScript Charting for Developers
How to Use BrowserSync for Faster Development
BrowserSync is an automation tool that makes web development faster. In the past we’ve automated a lot of actions like compilation of SASS files, image compression etc. BrowserSync brings a whole new type of automation to the table with batteries included. BrowserSync makes your tweaking and testing faster by synchronizing file changes and interactions across… Continue reading How to Use BrowserSync for Faster Development
10 Free Favicon Generators For Web Designers
In this showcase, we are presenting 10 best favicon generators for web designers. These favicon generators are free to use and some of them come with premium features too that will help you generate attention grabbing and appealing favicons for your websites. To wrap it up, they are all free to download, so dig in.… Continue reading 10 Free Favicon Generators For Web Designers
How to Optimize Images on Websites to Improve Performance and UX
As the number of images and videos on a website continue to grow, slower load times, which result in a negative user experience, are growing concerns for any company. An article in The Fiscal Times, citing Internet data measurement company HTTP Archive, noted that the average website is now 2.1 MB in size, compared to… Continue reading How to Optimize Images on Websites to Improve Performance and UX
Sushi Bar Responsive Website Template
Over the past few years, sushi continues to win hearts of people throughout the world, and for part of the population Japanese cuisine enters a daily diet. There is a question, why people begin to give their preference to this beautiful and tasty dish? It seems very simple – boiled rice, nori, raw fish and… Continue reading Sushi Bar Responsive Website Template
How to Make Floating Input Labels With HTML5 Validation
TL;DR Replace your JavaScript validation with HTML5 validation. It’s easier than you think, and gives you a ton of markup and styling control. Try this demo: What We’re Doing Here So you need to validate a form. You do the right thing and start with server-side validation. Then, if you’re a good web-designer, you add… Continue reading How to Make Floating Input Labels With HTML5 Validation
9 Free Cross Browser Testing Tools
Web developers constantly need to check the website compatibility across a variety of browsers in order to make sure that the website works perfectly on all the browsers. For this, there are plenty of cross browsers testing tools available that will help developers to check their websites before their website is up. Here is the… Continue reading 9 Free Cross Browser Testing Tools
20 Free WordPress Themes (2016 Edition)
Thinking about launching a WordPress site? Not sure if you want to hire a professional web designer or buy a WordPress theme? What about a nice cocktail of free WordPress themes for any kind of project, all collected together in this blog post? Will these freebies brighten your mood? We are sure they will. So,… Continue reading 20 Free WordPress Themes (2016 Edition)
Project: Build a Complete Website With Middleman
In part three of this series we’re going to get our hands dirty and start building a site for a fictitious podcast site: “Matcha Nerdz”. We’ll be using Middleman, Bourbon, Neat and Bitters. Let’s go! In This Post Roadmap Basic Blog Setup LiveReload Organizing Posts GitHub Pages Deployment Smarter Assets Bourbon Setup Normalize and jQuery… Continue reading Project: Build a Complete Website With Middleman
11 CSS3 Animation Tools For Developers
This post showcases 11 best and most amazing CSS3 animation tools that will be extremely helpful for the developers. CSS3 has got excellent reputation among designers and developers. It is here to help them create amazing results. With these animation tools, you can create breath taking animations in a hassle free manner. These resources will… Continue reading 11 CSS3 Animation Tools For Developers
CSS And Javascript Animation Libraries To Create Awesome Effects
Velocity.js Velocity is an animation engine with the same API as jQuery’s animate(). It works with and without jQuery. It’s incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Vivus Vivus is a lightweight JavaScript class (with no dependencies) that… Continue reading CSS And Javascript Animation Libraries To Create Awesome Effects
The Recently Released Webdev Resources You Would Need
Want to use Vanilla JS but find native APIs a bit unwieldy? Bliss is for you. Bliss is just a collection of helpers and light syntactic sugar over Vanilla JS. It does not account for browser bugs or lack of support of certain APIs, although it only uses features that are both supported across most… Continue reading The Recently Released Webdev Resources You Would Need
36 Excellent Free Image Galleries: JavaScript, React, PHP, or CSS
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Here are some of our favourite free image galleries that you can quickly plug into a design. They’ve been built with everything from JavaScript to PHP to jQuery and more… A shout-out to all the developers involved in sharing their work with the community! JavaScript Galleries jQuery… Continue reading 36 Excellent Free Image Galleries: JavaScript, React, PHP, or CSS
Google Web Designer ? Cool HTML5 and CSS3 Animation Made Easy
The web giant has released a tool called Google Web Designer. I downloaded it but haven’t got a time to play with it yet. After I run the app, first thing came into my mind- it looks like Adobe Flash. Second thing came into my mind – I think Google is trying to kill Flash… Continue reading Google Web Designer ? Cool HTML5 and CSS3 Animation Made Easy
20+ Responsive jQuery Slider Plugin Compilation
In today’s world it is vital to have a mobile-ready website. A responsive jQuery slider plugin will allow your image sliders to adapt to the screen resolution of different viewing devices. These highly popular plugins will assist you in creating stunning responsive image sliders that feature awesome website transitions and effects. Image sliders in general… Continue reading 20+ Responsive jQuery Slider Plugin Compilation