Tab Styles Inspiration

By Mary Lou on

A couple of modern and subtle tab styles and effects for your inspiration. We use pseudo-elements, SVGs and CSS transitions for some of the techniques. ...

Making SVGs Responsive with CSS

By Sara Soueidan on

An article on how to make embedded SVGs cross-browser responsive. We're going to cover embedding techniques, how to apply the "Padding Hack" and how to use inline me ...

Sticky Table Headers & Columns

By Terry Mun on

A tutorial on how to create sticky headers and columns for tables using jQuery. The solution is an alternative to other sticky table header approaches and it address ...

A Collection of Separator Styles

By Mary Lou on

A collection of separator styles for horizontally dividing sections on a website. The dividers are created using several techniques, including styling pseudo-element ...

Responsive Multi-Level Menu

By Mary Lou on

A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage. ...

Creating Nestable Dynamic Grids

By Larry Botha on

Learn how to create flexible and fluid grids which make nesting at arbitrary depths easy, while allowing full freedom for how the grid behaves in all viewports. ...

Becoming Device-Agnostic

By Patrick Cox on

Responsive Web Design is more than just adjusting a web experience to different screen sizes. Becoming device-agnostic is an important step for creating future-proof ...

Elastislide Revised

By Mary Lou on

Elastislide, the responsive image carousel, has been updated and improved. It can be used vertically or horizontally and a minimun number of visible images can be sp ...

3D Restaurant Menu Concept

By Mary Lou on

A responsive 3D menu concept for a restaurant website. The idea is to show the menu as a folded flyer and unfold it in order to show the menu items. ...

Responsive 3D Panel Layout

By Mary Lou on

A responsive layout experiment where we arrange panels in a grid-like structure and transition the elements with 3D effects. ...

Slideshow with jmpress.js

By Mary Lou on

Today we will create a slideshow using jmpress.js. The jQuery plugin that is based on impress.js will allow us to use some interesting 3D effects for the slides. ...

Responsive Horizontal Layout

By Mary Lou on

In this tutorial we'll create a horizontal website layout with individually scrollable content panels. We'll change the layout for smaller screens, making it respons ...

  • Page 1 of 2
  • 1
  • 2
  • >