Optimize Image File Size You might be familiar with this trick from the old days, batch when using progressively-loading JPEGs was the height of image optimization techniques. While these methods can still be of some use today, there are many more ways to shave off some loading time today. Use a program like ImageOptim or […]
7 Things You Must Remove From Your Website Before 2019
If you’ve got these things in your website, you better remove them before 2019. Here’s our “favorite” outdated or regrettable content choices. Mouseover Navigation Menus The most obvious problems with mouseover navigation menus is that not every visitor has a mouse. How does a mobile user “mouseover” something? Obviously, they don’t. This leads to slapped […]
CSS Variables: An Introduction, With Code Examples
CSS variables, also known as CSS custom properties, expand the script-like functionality of CSS into something that resembles a programming language. If you’re at all familiar with any type of programming language, you know that variables are the foundation of any action. Variables are set, compared, altered, and saved throughout the program as the means […]
What is Z-Index and How Does It Work?
Elements on a web page can stack for a variety of reasons. With basic CSS positioning tools, it’s possible to stack elements on top of one other with negative margins, floats, and other tools. Even without specific position, elements stack, with div stacking on backgrounds on table cells stacking on tables. But default stacking is […]
Using CSS Pseudo-elements and Pseudo-classes like ::before and ::after
CSS wasn’t always as flexible as it is today. By using CSS pseudo-elements and pseudo-classes, designers can target elements based on their dynamic states or positioning in relation to other elements.
Learn Web Development With These Web Developer Courses
If you’re a newbie hoping to learn web development, these web developer courses below will be powerful tools in your journey to greater knowledge. As you embark on this journey, remember that Google and websites like StackOverflow are your best friends. You will encounter many frustrating problems along the way, but they are all problems […]
Recreating Photoshop Effects in CSS – Part 2 – The CSS Code
In part 1 of this tutorial series I demonstrated how to create vector shape buttons with layer styles in Photoshop. For part 2 I’ll explain how to write code to recreate these layer styles in CSS. Modern development techniques have advanced along with browser support to make CSS3 a viable option for everyone. Photoshop layer […]
When To Use JavaScript vs. CSS3 for Animation
Animated web content has been around for years in the form of GIFs and Flash content. But as those older methods fall to the wayside newer techniques have grown in their place. Back in the early 2000s JavaScript was widely-regarded as the best solution for animated web content. Then an update to CSS created the […]
Modern Tools for Advanced CSS Development
Web development has taken a turn towards more candid and fluid information. More people are willing to release free open source code just to help the community and other developers working on similar projects. But aside from free code samples there are dozens of handy webapps, resources, tools, and programs built to enhance the frontend […]
33 Amazing Frontend Design Patterns using CSS3 and jQuery
Website layouts are typically seen as a combination of design and development meshed together. UI design can be performed using graphics software, code, or in most cases both. This subject offers an interesting combination of skills that work hand-in-hand with each other. Frontend inspiration can offer a lot of great ideas for anyone who builds […]