Your Web News in One Place

Articles by CSS Tricks from December 2013

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
< Return to CSS Tricks details.
11:19 pm GMT - Sun, December 29, 2013
CSS Tricks What is the DOM?
A reader recently wrote in asking me what the DOM was. They said they've heard it mentioned and eluded to, but aren't sure they really understand it. We can fix that. But the HTML you write is parsed ...
08:00 pm GMT - Sun, December 29, 2013
CSS Tricks On interviewing front-end engineers
Nicholas C. Zakas with a follow up to Philip Walton's article.Front-end engineers are, of course, specialists. We care about things that seem insane to others: understanding differences between dozens...
05:34 am GMT - Sun, December 29, 2013
CSS Tricks LICEcap
Animated GIFs, aside from being megalolfunny, can be tremendously useful in communicating an idea. Like this or this. I get asked often how I make those. There is nothing to it, just use this app.Dire...
09:30 pm GMT - Fri, December 27, 2013
CSS Tricks Make Sure Your Columns Dont Collapse Horizontally
You might be familiar with elements collapsing vertically. If an element only contains other elements that are floated, the parent element will collapse to zero height. We often employ the clear fix f...
08:23 pm GMT - Mon, December 23, 2013
CSS Tricks Interviewing as a Front-End Engineer in San Francisco
The following is a guest post by Philip Walton (@philwalton). Philip recently went through a slew of interviews for front-end jobs at tech companies in the Bay Area and found them to be not what he ex...
05:02 am GMT - Sat, December 21, 2013
CSS Tricks CSS is 17
Some nice history on the birth of CSS by John Allsopp.Direct Link to Article — Permalink…CSS is 17 is a post from CSS-Tricks...
05:01 am GMT - Sat, December 21, 2013
CSS Tricks The Growth of CSS Repos on GitHub
Interesting statistic uncovered by Donnie Berkholz: the number of repos that GitHub classifies as "CSS" (has more CSS in it than any other language) grew 13.6x in 2013. Doubling would be crazy, this i...
02:44 am GMT - Thu, December 19, 2013
CSS Tricks Myth
I thought I'd weigh in here...Calling it a "postprocessor" is weird. It gets parsed into CSS before the browser sees it, so it's a preprocessor. If something parses the CSS out from the browser, it ca...
11:18 pm GMT - Wed, December 18, 2013
CSS Tricks About Variables in CSS and Abstractions in Web Languages
Variables are coming to CSS. They already have implementations, so there is no stopping it now. Firefox has them in version 29 and Chrome has them unprefixed in 29+ if you have the "Enable experimenta...
10:20 pm GMT - Mon, December 16, 2013
CSS Tricks Line Menu Icon That Is A Menu
I had a dumb little idea the other night so I just coded it up (as you do). You know those little icons that have come represent navigation? We've called them Three Line Menu icons around here, but ot...
07:36 pm GMT - Mon, December 16, 2013
CSS Tricks What You May Not Know About Z-Index
It controls which element is "on top" visually when they happen to overlap, right? Right. But there is more to the stacking order, much of which you can't control. You can control stacking contexts th...
03:36 am GMT - Fri, December 13, 2013
CSS Tricks New Poll: Command Line Usage
I have a feeling the readers of CSS-Tricks represent a fairly wide range of job types and skill levels. It would be interesting to know how frequently used command line usage is amongst the general we...
08:49 pm GMT - Wed, December 11, 2013
CSS Tricks Grunt for People Who Think Things Like Grunt are Weird and Hard
My article on 24 ways that hopefully inspires a few of you to try and take your own front end ops by the horns. Plus a video.Direct Link to Article — Permalink…Grunt for People Who Think T...
03:44 am GMT - Tue, December 10, 2013
CSS Tricks Why You Should Use Continuous Integration and Continuous Deployment
The following is a guest post by Florian Motlik. Florian is CTO of Codeship, a hosted Continuous Integration and Continuous Deployment platform. What the heck is that, you might ask? It's kind of a ph...
08:12 pm GMT - Sat, December 7, 2013
CSS Tricks Animated SVGs
Mike Fortress explains animation with <svg> with a specific example involving charts on Sprout. It's funny how SVG has all these great features like gradients and filters and animations that w...
07:56 pm GMT - Sat, December 7, 2013
CSS Tricks Exploring canvas drawing techniques
Juriy Zaytsev with a very in-depth exploration of free drawing on <canvas> with his library Fabric.js.Direct Link to Article — Permalink…Exploring canvas drawing techniques is a po...
11:41 pm GMT - Fri, December 6, 2013
CSS Tricks Poll Results: Sites vs Apps
Time to wrap up our last poll on how useful it is to distinguish between "web apps" and "web sites". The exact question was:Is it useful to distinguish between "web apps" and "web sites"?First, the da...
02:40 am GMT - Thu, December 5, 2013
CSS Tricks Chrome DevTools for Mobile
Emulate mobile devices directly through DevTools, simulating touch events, mimicking screen size, and spoofing user agent.Plug in a mobile device over USB and use Chrome DevTools on the actual mobile ...
10:53 pm GMT - Wed, December 4, 2013
CSS Tricks SVG Tabs (Using an SVG Shape as Template)
An excellent feature of SVG is that you can define a shape (or set of shapes) once, and then use it multiple times throughout a page. You can even apply different fills and filters and whatnot to the ...
08:01 pm GMT - Tue, December 3, 2013
CSS Tricks Colorpeek, Part 2: Building Your First Chrome Extension
The following is a guest post by Tyler Sticka. Tyler created a tool called Colorpeek. Yesterday we looked at the what and why of things. Today we'll look at how he built the Chrome Extension, which wi...
08:23 pm GMT - Mon, December 2, 2013
CSS Tricks Colorpeek: A Simple Way to See and Share CSS Colors
The following is a guest post by Tyler Sticka Tyler created a tool called Colorpeek. In this article, he'll introduce you to what the web app does and why, and then how the Chrome Extension works to e...