Your Web News in One Place

Articles by CSS Tricks from November 2013

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
< Return to CSS Tricks details.
08:13 pm GMT - Fri, November 29, 2013
CSS Tricks A Blue Box
A little meme went around CodePen the other night. A Blue Box. I'm not sure how it started, but lots of people started posting code of different ways to draw a blue box. It's weird, it's funny, but it...
06:41 pm GMT - Fri, November 29, 2013
CSS Tricks Turn of Hovers on Scroll
Sometimes hover effects can cause redraws and repaints and whatnot that take time and reduce performance. As you scroll down a page, you're likely inadvertently triggering hover events that have no me...
06:41 pm GMT - Fri, November 29, 2013
CSS Tricks Turn Off Hovers on Scroll
Sometimes hover effects can cause redraws and repaints and whatnot that take time and reduce performance. As you scroll down a page, you're likely inadvertently triggering hover events that have no me...
06:38 pm GMT - Fri, November 29, 2013
CSS Tricks Dom Monster
A bookmarklet you can click to give you performance information specifically related to the DOM. E.g. duplicate IDs, excessive stylesheets, excessive nesting, empty nodes, HTML comments, etc.Direct Li...
06:34 pm GMT - Fri, November 29, 2013
CSS Tricks Responsive Comments
Meaning like <!-- these kind of comments -->. You put a media query in a data-* attribute of a parent element and it will determine if that block of commented HTML should be un-commented or no...
02:45 am GMT - Wed, November 27, 2013
CSS Tricks The HTML5 meter Element
The following is a guest post by Pankaj Parashar. Pankaj has written here before, last time about the progress element. Fitting indeed then to write again about the very related meter element. They ar...
04:21 am GMT - Tue, November 26, 2013
CSS Tricks Flexbox Cheat Sheet
Sean Fioritto has some great flexbox content lately with this cheat sheet and this fun interactive video thingy.If you can't get enough flexbox, there is a new video by Ryan Seddon on it and Solved by...
04:17 am GMT - Tue, November 26, 2013
CSS Tricks What Screens Want
I'm happy to be the last person in our industry to link to Frank Chimero's beautiful essay on screen design (watch the colors slowly fade emphasizing the "flux" point). A small point I like:We need ab...
03:59 am GMT - Tue, November 26, 2013
CSS Tricks SVG Line Animations
Nice post by the Vox Media team detailing how the line animations work in their epic PS4 review. Little weird not to credit Jake though.Direct Link to Article — Permalink…SVG Line Animatio...
08:59 pm GMT - Thu, November 21, 2013
CSS Tricks Introducing Scut, a new Sass utility library
The following is a guest post by David Clark. I think David's new Sass library "Scut" is pretty interesting. It's like a design utility library, which is distinct from a design pattern library in that...
08:05 pm GMT - Wed, November 20, 2013
CSS Tricks Why Responsive Images Is So Hard
Perhaps you've been keeping up on the responsive images #hotdrama? If you have no idea what "responsive images" means, it means serving different images under different circumstances. How to do that a...
06:11 pm GMT - Mon, November 18, 2013
CSS Tricks Namespaced Events in jQuery
It's really easy to add an event listener in jQuery. It's equally easy to remove an event listener. You might want to remove a listener because you don't care to perform any actions on that event anym...
07:32 pm GMT - Sat, November 16, 2013
CSS Tricks Caption Everything
Help Dave Rupert build a thing:I started a repository called WordCast under the Accessibility Project with the goal of converting that CodePen into a Node/Express/Socket.IO app that can brodcast subti...
07:28 pm GMT - Sat, November 16, 2013
CSS Tricks CSS Stats
Some heuristics on CSS that you can run on any site. Started with the sharing of that data from several popular sites. It's open source and I would think the most valuable feedback to give would be "w...
09:23 pm GMT - Fri, November 15, 2013
CSS Tricks The CSS Standards Process
The following is a guest post by Sebastian Ekstrm (@seb_ekstrom) a web developer from Sweden. I was interested in it because we talk a lot about CSS around here but have never talked about how CSS com...
08:45 pm GMT - Thu, November 14, 2013
CSS Tricks Brand New Course in The Lodge: Learning jQuery From Scratch
I couldn't be more pleased to announce that I finished a brand new course for The Lodge. It's called Learning jQuery From Scratch and I bet you can guess what it's about. 30 Video ScreencastsFrom the ...
08:41 pm GMT - Wed, November 13, 2013
CSS Tricks Sass for Web Designers
Speaking of books, Dan Cederholm's new book on Sass is out. Forwarded by yours truly (!).Direct Link to Article — Permalink…Sass for Web Designers is a post from CSS-Tricks...
08:38 pm GMT - Wed, November 13, 2013
CSS Tricks Grade components, not browsers
Scott Jehl (who is writing a book on the subject) on why you might want to progressively enhance on a component-by-component basis based on what that component needs, rather than a sweeping capability...
08:33 pm GMT - Wed, November 13, 2013
CSS Tricks pattern lab
Make your own "tiny bootstraps, for every client."Direct Link to Article — Permalink…pattern lab is a post from CSS-Tricks...
11:43 pm GMT - Tue, November 12, 2013
CSS Tricks CSSOff 2013
It's live!If this is the first you've heard of it, it's a contest where you get a Photoshop document and have two weeks to convert it into HTML and CSS. You're judged on an established set of criteria...
11:38 pm GMT - Tue, November 12, 2013
CSS Tricks HTML Imports
Essentially a way to import a block of dependancies (scripts and styles) into an HTML document. <link rel="import" href="imports.html">It doesn't actually just plop the content from the refere...
11:29 pm GMT - Tue, November 12, 2013
CSS Tricks -moz-gone
Mozilla says they "will no longer ship new 'moz'-prefixed APIs" as part of an overall philosophy of: "Is this good for the Web?"Blink has also said this. Word has it WebKit still plans to use them as ...
10:09 pm GMT - Tue, November 12, 2013
CSS Tricks Multi-Line Padded Text
This is one of those tricky CSS things that I see come up every few months. I guess what better place to address it than CSS-Tricks eh?The situation involves ragged-right inline text. Like when a para...
08:17 pm GMT - Mon, November 11, 2013
CSS Tricks A Guide to Web Components
The following is a guest post by Rob Dodson (@rob_dodson). Rob and I were going back and forth in CodePen support getting Polymer (a web components polyfill, kinda) working on a demo of his. We did ge...
12:32 am GMT - Wed, November 6, 2013
CSS Tricks Transformer Tabs
Tabs are a simple design pattern in which a row of links are obviously clickable navigation and when a link is clicked, new content is shown. There are loads of variations of course, but it's one of t...
06:21 pm GMT - Mon, November 4, 2013
CSS Tricks Which CSS Measurements To Use When
I agree with these general guidelines from Dudley Storey. Funny how these general-purpose length measurements have fallen into to some pretty specific niches.Direct Link to Article — Permalink&#...
05:41 pm GMT - Mon, November 4, 2013
CSS Tricks Tinted Images with Multiple Backgrounds
The background property in CSS can accept comma separated values. "Multiple" backgrounds, if you will. You can also think of them as layered backgrounds since they have a stacking order. If we layer a...
09:42 pm GMT - Fri, November 1, 2013
CSS Tricks Bookmarklet to Colorize Text Between 45 and 75 Characters (for line-length testing)
Recently at the CSS Dev Talk, I attended Clarissa Peterson's talk on responsive web typography. One part of it was about line length and readability. Of course, there are exceptions to every rule and ...
12:39 am GMT - Fri, November 1, 2013
CSS Tricks Email Domain Datalist Helper
What if someone signs up for your web app and they type in their email address as [email protected]? They don't notice, they never get their confirmation email, they never can log in again, the "...