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.

Improving Smashing Magazine's Web Performance: A Case Study

by Vitaly Friedman

62 min read
No meows just yet

September 8, 2014 — Today Smashing Magazine turns eight years old. Eight years is a long time on the web, yet for us it really doesn’t feel like a long journey at all. Things have changed, evolved and moved on, and ... Read More…

248 more articles

Maxim Shirshin wrote

Scaling Down The BEM Methodology For Small Projects

July 17, 2014 — Front-end development is no longer about individual frameworks. Tools are available — we merely have to choose. To make the right choices for your project, you need to start with a general approach, or methodology. But most methodologies have been created by big companies? … Read More…

Obinwanne Hill wrote

Breakpoints And The Future Of Websites

July 8, 2014 — When the iPhone came out in 2007, the demonstration of its web browser by the late great Steve Jobs gave the not-so-subtle impression that Apple wasn’t too perturbed about its users pinching to zoom and swiping to scroll as part of the browsing experience. Responsive web … Read More…

Maksim Chemerisuk wrote

CSS-Driven Internationalization In JavaScript

June 23, 2014 — Writing front-end code often requires developers to address the problem of internationalization at some level. Despite the current standard, which introduces a bunch of new tags, simply adding support for different languages in a JavaScript plugin is still complicated. As a … Read More…

Julian Shapiro wrote

Faster UI Animations With Velocity JS

June 18, 2014 — From a motion design perspective, Facebook.com is phenomenally static. It’s purposefully dumbed down for the broadest levels of compatibility and user comfort. Facebook’s iOS apps, on the other hand, are fluid. They prioritize the design of motion; they feel like … Read More…

Jackie Balzer wrote

Sassy Z-Index Management For Complex Layouts

June 12, 2014 — Z-index is an inherently tricky thing, and maintaining z-index order in a complex layout is notoriously difficult. With different stacking orders and contexts, keeping track of them as their numbers increase can be hard — and once they start to spread across CSS files, … Read More…

Tim Wright wrote

Picturefill 2.0: Responsive Images And The Perfect Polyfill

May 12, 2014 — Not since the early days of web standards have I seen our community rally around a seemingly small issue: responsive images. Over the last four years (yeah, it’s been about four years), we’ve seen many permutations of images in responsive design. Read More…

Stephen Greig wrote

Understanding The CSS3 transition-timing-function Property

April 15, 2014 — People of the world, strap yourself in and hold on tight, for you are about to experience truly hair-raising excitement as you get to grips with the intricacies of the hugely interesting CSS timing function! Read More…

Rik Schennink wrote

Frizz-Free JavaScript With ConditionerJS

April 3, 2014 — Setting up JavaScript-based functionality to work across multiple devices can be tricky. When is the right time to load which script? Do your media queries matches tests, your geolocation popups tests and your viewport orientation tests provide the best possible results for … Read More…

Ilya Pukhalski wrote

Rethinking Responsive SVG

March 5, 2014 — If you haven’t seen Joe Harrison’s responsive icons technique yet, you’ll most probably be impressed as much as I was when I first discovered it. In this article, I’d like to explore what we can do with SVG beyond “traditional” scalable vector graphics that are used to … Read More…