A Close Look at CSS Box Shadow

Oct 17 2014 by Jacob Gube | 1 Comment

The CSS box-shadow property can be used to give block elements a drop shadow or an inner shadow. Let’s take a close look at this CSS property.

continue reading »

A List of CSS Style Guides for Inspiration

Sep 26 2014 by Jacob Gube | 1 Comment

Creating a set of CSS conventions — often called a CSS style guide — can streamline your web development workflow. It’s useful for large teams and solo developers alike.

continue reading »

5 Standardized Methods for Writing CSS

Sep 24 2014 by Jacob Gube | 4 Comments

CSS is hard to maintain and scale without a well-defined approach. Here are five CSS development methodologies and style guides that can help.

continue reading »

CSS Development at Large-Scale Websites

Sep 22 2014 by Jacob Gube | 2 Comments

A slew of posts about CSS development at websites like GitHub, Groupon, and CodePen came out recently. They’re interesting to read, and will provide you with many tips and ideas for creating your own CSS development guidelines.

Here are links to seven blog posts that give an overview of the tools, philosophies, and techniques being used to develop CSS at large-scale sites and apps.

continue reading »

How to Create a Fixed Navigation Bar

Aug 13 2014 by Jacob Gube | 11 Comments

A fixed navigation bar, also referred to as a "sticky" navigation bar, is a toolbar that stays in place while the user is scrolling the web page.

It’s a commonly-used site navigation design pattern for displaying a site’s main navigation menu, as well as other essential interface components such as a search box, social media buttons, and notifications. The design pattern guarantees that important interface components are easily viewable and accessible regardless of where the user currently is on a web page.

continue reading »

Responsive Full Background Image Using CSS

Jun 30 2014 by Jacob Gube | 12 Comments

In this tutorial, we’ll go over the simplest technique for making a background image fully stretch out to cover the entire browser viewport. We’ll use the CSS background-size property to make it happen; no JavaScript needed.

continue reading »

5 CSS Effects Libraries for Supercharging Your Designs

Apr 9 2014 by Jacob Gube | 1 Comment

CSS3 gives designers many new properties and modules (like the CSS Animations and CSS Transitions modules) that allow them to add fascinating interactivity onto their work.

If you want to take advantage of these modern CSS capabilities, one quick way to do that would be to use (or study) CSS effects libraries. Let me talk about a few open source collections of CSS that will help you craft great transitional interfaces.

continue reading »

Mobify empowers marketers and developers to create amazing mobile web experiences.

Mobify