Along with the introduction of CSS3 comes many new features that are available for use in creating great effects; one of the most useful is the transition property.
Not so long time ago, when we create a box in a web page, let’s say with a div, we specify 100px for both the width and the height, followed by padding for 10px and borders of about 10px as well. The browsers will expand the box’s size to 140px, where this amount 140px of […]
On a whim the other day I thought I’d build out an idea for navigation I had. It’s nothing but a visual effect in which the hovered (or active) navigation item becomes the tallest “stair” and other items before and after it step down. It’s simple, but it’s not something you see very often. Probably […]
Then I had another idea. What if the code on the shirt, when typed out on a computer and run, produced itself: another Firefox logo made up of code. And this code could be run again to produce itself again, and so on.
The first thing I want to say is in regards to design. You cannot have a responsive site without a responsive design. I recommend taking a “mobile first” approach because it forces you to focus on the most critical elements in your app. Once the most important elements are established, the rest can be deemphasized […]
CSS might sound like a language that only geeks can decipher, but its accessibility and power has turned the web into a beautiful playground. This is the language of design, and it’s about to blow your mind. We all know there’s something called HTML that powers the internet, but it only represents the content on […]
These days I’m using Sass for all my projects. Sass provides things that I’m sure you are all aware of — like variables and mixins, but it also provides a very simple and vital feature: includes. Just like you might use an include() function in PHP, or render a partial in Rails, you can @import […]
The world of online sales, whether of products or services, can be daunting at first; the options seem confusing and the information conflicted. Yet as the designer or developer of an online store, you will need to guide your client through the maze of choices in order to get it up and running. I have […]
Too often, we fall back on the same old design techniques and aesthetic feel. Why not mix it up every now and then and try something new? One technique that really seems to be gaining traction lately is the implementation of strong diagonal lines in web design. After years of strict, standard grids that utilize […]
With the right fonts, we can do anything, and create anything. Fonts help portray a mood or emotion. Your font choice can make or break your designs, so you must careful in choosing the right one. Typography matters not just because it looks good, but because what’s being said is extremely important. Typography in web […]
Today’s project is going to be a fun one. We’re going to build a basic HTML/CSS demo page, then add in a button that allows the user to toggle the page’s color scheme between to states: day and night. As the colors switch, so will various other elements on the page. The really awesome part […]
jQuery is so easy to use that sometimes we just forget that it’s not CSS. While using CSS, we don’t have to give much thought to performance, because it’s so fast that it’s not worth the effort to optimize it. But when it comes to the real world, jQuery can drive developers crazy with performance […]