OUT OF THE BOX
The !important CSS declaration is extremely powerful but like they say, with great power comes great responsibility! Check out this article to find out when you should and shouldn't be using !important.
!important declarations are best reserved for special needs and users who want to make web content more accessible by easily overriding default user agent or author stylesheets. So you should do your best to give your CSS proper forethought and avoid using !important wherever possible. Even in many of the uses described above, the inclusion of !important is not always necessary.Read More
Keeping your eye out for emerging trends is essential in any industry. Here are some of the trends emerging in the world of web design for May 2017
From a purely aesthetic trend in shallow hero headers and diagonal corner layouts to a user interaction trend in this or that calls to action, there are plenty of interesting ways to draw the attention of users. Here’s what’s trending in design this month:Read More
It is arguable that there is no goal in web design more satisfying than getting a beautiful and intuitive design to look exactly the same in every currently-used browser. Unfortunately, that goal is generally agreed to be almost impossible to attain. Some have even gone on record as stating that perfect, cross-browser compatibility is not necessary. While I agree that creating a consistent experience for every user in every browser (putting aside mobile platforms for the moment) is never going to happen for every project, I believe a near-exact cross-browser experience is attainable in many cases. As developers, our goal should not just be to get it working in every browser; our goal should be to get it working in every browser with a minimal amount of code, allowing future website maintenance to run smoothly. In this article, I’ll be describing what I believe are some of the most important CSS principles and tips that can help both new and experienced front-end developers achieve as close to a consistent cross-browser experience as possible, with as little CSS code as possible.Read More
Looking for some relevant reading? Here are some free ebooks to help you keep up with web design trends.
Improving your web design skills is a continuous, constant process, so it's important to track down useful resources to help you step up your game. In this article we'll explore some of the most useful free ebooks out there, which cover topics spanning from web design trends to CSS best practices.Read More
A great technique to apply on a hero banner or any type of large image size item to give the user a better loading time experience.
I’m on a train right now, which means the wifi is awful. A lot of sites are refusing to load at all, and those that do have lots of images missing, leaving big blank holes in their web pages.Read More
The web is made of text! It’s time to upgrade your typography game with these tips that you can apply today to improve your web design.
"Web typography on the web is not as daunting as you may think. One can go a long way with a few basic tips.”Read More
Browser support for new features - particularly in CSS - has come a LONG way in the last few years. But there's still a long delay between a new feature being defined and it being widely enough supported for general use. Houdini seeks to remove that delay by allowing custom extensions for CSS to be built by developers - effectively meaning that support for new features can be built by regular developers instead of having to wait for browsers to catch up. Of course before we can use it we have to wait for Houdini to be supported by browsers, so it's a few years away from being useful - but it's certainly a move in the right direction.
Have you ever wanted to use a particular CSS feature but didn’t because it wasn’t fully supported in all browsers? Or, worse, it was supported in all browsers, but the support was buggy, inconsistent or even completely incompatible? If this has happened to you — and I’m betting it has — then you should care about Houdini.Read More
We love Gravity Forms, but its default errors are frankly pretty ugly. A couple of small snippets in your PHP and CSS however can make them much more attractive.
Do you want to change the standard error text (when people did something wrong on your form). It looks quite unfriendly, the standard validation error. So let’s make it a little bit more friendly.Read More
The next iteration of Foundation by Zurb is looking great. We'll be integrating this into our next boilerplate shortly. Stay tuned.
Sass is an amazing tool, but like any tool, you need to know the right time to use it. After two years working with Foundation 5, we found we were using Sass a little too much. But we can't imagine life without it, and when Foundation 6 ships later this year, you'll be able to leverage our slimmed down, simpler codebase to learn and build faster than ever.Read More