Articles by CSS Tricks from November 2013
An Interest In:
Web News this Week
- March 29, 2024
- March 28, 2024
- March 27, 2024
- March 26, 2024
- March 25, 2024
- March 24, 2024
- March 23, 2024
< 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 "...