Category CSS

CSS is the language for styling websites, including their colors, layouts, and typography. With CSS, you can propagate styles to your HTML components, ensuring a consistent design across all types of devices, browsers, and operating systems. We highly recommend Heydon Pickering’s introduction to two key CSS features on creating consistent designs with minimal effort, in addition to using Semantic CSS With Intelligent Selectors.

A Few Different Ways To Use SVG Sprites In Animation

by Sarah Drasner

16 min read
No meows just yet

March 17, 2015 — There are some things we know and like about SVGs. First, SVGs have smooth, clean edges on any display, so using SVGs can reduce the number of HTTP requests for image replacement. Second, it’s easy to ... Read More…

248 more articles

Karen Menezes wrote

Harnessing Flexbox For Today's Web Apps

March 2, 2015 — Although the syntax might be initially confounding, flexbox lives up to its name. It creates intelligent boxes that are stretchable, squeezable and capable of changing visual order. It provides simple solutions to layout paradigms that CSS has always struggled with: vertical … Read More…

Benjamin De Cock wrote

Designers: Start Coding With uilang

February 11, 2015 — Editor’s Note: Designers could learn how to code, and developers could learn how to design. Sometimes it might not be an option. In this article, the author makes a suggestion to designers without coding skills on how to start crafting code. You might want to take the … Read More…

Rachel Andrew wrote

Designing For Print With CSS

January 7, 2015 — If you mention printing with CSS to many people who work on the web, print style sheets are the use that comes to mind. We are all well used to creating a style sheet that is called upon when a web document is printed. These style sheets ensure that the print version is … Read More…

Gauthier Eloy wrote

How To Master Fireworks’ CSS Properties Panel And CSS Professionalzr

December 10, 2014 — Today, being a designer is about much more than drawing beautiful interfaces in Photoshop or Fireworks. To properly design a website or application, a UI designer must understand the technology with which their products will be built; therefore, they must have a minimum set … Read More…

Maksim Chemerisuk wrote

Making A Complete Polyfill For The HTML5 Details Element

November 28, 2014 — HTML5 introduced a bunch of new tags, one of which is <details>. This element is a solution for a common UI component: a collapsible block. Almost every framework, including Bootstrap and jQuery UI, has its own plugin for a similar solution, but none conform to the … Read More…

Rachel Nabors wrote

The State Of Animation 2014

November 18, 2014 — The post-Flash era is hardly free of animation. CSS animation is quickly becoming a cornerstone of user-friendly interfaces on mobile and desktop, and JavaScript libraries already exist to handle complex interactive animations. In the wake of so much “CSS versus JavaScript … Read More…

Daniel Sternlicht wrote

Creating A “Save For Later” Chrome Extension With Modern Web Tools

November 17, 2014 — Creating an extension for the Chrome browser is a great way to take a small and useful idea and distribute it to millions of people through the Chrome Web Store. This article walks you through the development process of a Chrome extension with modern web tools and libraries. … Read More…

Sara Soueidan wrote

Styling And Animating SVGs With CSS

November 3, 2014 — Why is it so important to optimize your SVGs? Also, why even put in the effort to make them accessible? In this article, Sara Soueidan explais why, and also how to style and animate with CSS. Read More…

Krasimir Tsonev wrote

CSS-Only Solution For UI Tracking

October 16, 2014 — The web is growing up. We are building applications that work entirely in the browser. They are responsive; they have tons of features and work under many devices. We enjoy providing high-quality code that is well structured and tested. But what matters in the end is the … Read More…