the new code

?

I’m Dudley Storey, author of Using SVG with CSS3 and HTML5, Smashing Magazine contributing editor, teacher and speaker. I write about all aspects of web development, including:

  • HTML
  • CSS
  • JavaScript
  • SVG
  • Responsive Design
  • Galleries
  • PHP
  • MySQL
  • SEO
  • Accessibility
  • Servers & Hosting
  • Business
  • Exercises & Quizzes

To receive more information, including news, updates, and tips, follow me on Twitter or add me on Google+.

Become a Patron

This site helps millions of visitors while remaining ad-free. For less than the price of a cup of coffee, you can help pay for bandwidth and server costs while encouraging further articles.

projects

The New DefaultsA Sass color keyword system for designers. Replaces CSS defaults with improved hues and more memorable, relevant color names.

CSSslidyAn auto-generated #RWD image slider. 3.8K of JS, no JQuery. Drop in images, add a line of CSS. Done.

Massive Head CanonMassive Head Canon. Intelligent discussion of movies, books, games, and technology.

books

Pro CSS Animation (Apress, 2013)

Image Compression Tools
Web Developer Podcasts 2016
8 Sources for Free Web Video
Part of the Web Dev Tools Reading List

Four New Browsers To Consider As Your Daily Drivers

Updated 2016-04-11 00:46:20

Share onTwitterFacebookGoogle+

Browser development has been somewhat moribund recently, dominated by Google Chrome, with Mozilla Firefox, Apple Safari and Microsoft Edge trailing. Greater browser diversity is always a good thing… so it’s nice to see several new browsers on the scene, each with compelling features.

Read more about Four New Browsers

Forcing a Webkit Repaint

Updated 2016-09-05 02:04:00

Share onTwitterFacebookGoogle+

Under certain conditions, Webkit will not repaint the browser window to reflect DOM additions or changes. This is a known bug: in the case of Wednesday’s article on making an automatic image checkerboard with SVG and JavaScript, switching from rectangular to circular clipping areas in Chrome will produce an effect that looks like Figure 1:

Read more about Forcing a Webkit Repaint

Chrome viewport on left, Element Inspector in the middle, editor (Coda) on right. Note the value of background for the html tag, which changes in all three views, across two different applications, without saving or refreshing.
Part of the Web Dev Tools Reading List

Eliminate the Browser Gap with Chrome Workspaces

Updated 2016-02-02 19:23:52

Share onTwitterFacebookGoogle+

The cycle of most front-end web development goes something like this:

Read more about HTML & CSS Editing w/ Chrome