ZURB Foundation turns 4.0
We originally covered Foundation back at 2.0. That was before Foundation 3.0 where they re-wrote the styles in Sass (SCSS) and Compass rather than pure CSS. Now, ZURB is at it again with Foundation 4.0...
View ArticleFlat UI user interface kit from Designmodo
If you haven’t heard, flat design is pretty trendy right now. Last September, LayerVault shared their thoughts (and some would say coined the term too) on The Flat Design Era. Since then, many sites...
View ArticleCSS PhotoEditor for iOS 6 demos CSS filters you can use today
Last week on episode #39 of The Industry, my buddy Drew Wilson mentioned this CSS photo editor he bookmarked a few months back. It’s a test site for new CSS features in iOS6 and other modern browsers...
View ArticleEasings.net helps select the right easing for an animation
If you need help with selecting the right easing for an animation, Easings.net could be the help you’re looking for. It includes an explanation about easing, helpful animated graphs to visually...
View ArticleMeet grunticon: a mystical CSS icon solution
grunticon — yet another cool project by Filament Group — is a Grunt.js task that takes a folder of SVG files and turns them into SVG data urls, PNG data urls, and plain old PNG files to be referenced...
View Articlecsscss parses your CSS and shows your duplicated declarations
Yesterday, a neat little gem called csscss celebrated a 1.0 release! csscss will parse any CSS or Sass file you give it and let you know which rulesets have duplicated declarations. It’s super easy to...
View Articleshame.css — a best practice for handling CSS hacks
@tkenny seems you missed his point. He’s not advocating hacks. @csswizardry is advocating a best practice for handling them.— Adam Stacoviak (@adamstac) April 18, 2013 Harry Roberts (aka CSS Wizardry)...
View ArticleClik here to view.
CSS Zen Garden turns 10 and the source is now open on GitHub
If you started a project like CSS Zen Garden today, it would be natural to put the source code on GitHub and ask for contributions via pull request. However, CSS Zen Garden just turned 10, so its life...
View ArticleNamespace support is being added to Sass
Thank you @nex3 for adding namespaces to Sass!— The Sass Way™ (@TheSassWay) May 26, 2013 Namespace support has been long-requested by those writing CSS the Sass way. The feature is still in development...
View ArticleAdapt and respond with Responsive Elements
From Media Queries are a Hack: The big buzzwords in CSS these days are “modular” and “responsive” — and for good reasons. But we’re still trying to achieve those goals with the wrong tool: Media...
View ArticleResponsive Nav: a drop-in burger menu for your responsive website
I’ve been using Responsive Nav by Viljami Salminen for a few projects recently. It’s the quickest way to add the trendy menu to your site. Add in the fact that is has no external dependencies and uses...
View Article#106: Semantic UI with Jack Lukic
Andrew and Adam talk with Jack Lukic about Semantic UI. Download: MP3 Audio Sponsored by DigitalOcean – Use the code mentioned on the show to save $10! If you’re a member you can save $20 with...
View ArticleThe Matrix in Sass
This is a true testament to the awesomeness of Sass, and of course John W. Long. In his own words, “You would never want to write this in CSS.” Make sure you check out the code behind this pen too....
View ArticleSay goodbye to the horrible default color for anchor tags
Colors is a simple idea, but a well executed one. It’s self described as: Better colors for the web. It provides humane defaults for the colors used by your browser. This would be a great addition to...
View ArticleA nice collection of CSS-based loading indicators
SpinKit from GitHub’s Tobias Ahlin uses CSS animations to create smooth and easily customizable animations, but look out if you need to support older browsers: The goal is not to offer a solution that...
View ArticleAutoprefixer wants you to forget about vendor prefixes
CSS preprocessors have been around for awhile, but Andrey Sitnik’s Autoprefixer takes the opposite approach: it parses your CSS after you write it and adds any necessary vendor prefixes using data from...
View ArticleSimple guide to Mobile-First Responsive Design
Who doesn’t want their web projects to be useable on all devices? If you’ve been looking for a simple primer on the fundamentals of responsive web design, Adam Kaplan’s project, nicely dubbed Grid, is...
View Article#118: The Sass Way and Open Publishing with John Long
Adam talks with John Long about Sass, The Sass Way, Middleman, and open publishing on GitHub. Download: MP3 Audio This week’s episode is kindly sponsored by: DigitalOcean – Use the code mentioned on...
View ArticleClik here to view.
GutterColor displays CSS colors in Sublime Text’s gutter
GutterColor looks like a neat Sublime Text 3 plugin by Gordan Grasarevic that displays a colored icon in the gutter of any line that contains a color. Here it is in action: (Requires ImageMagick)...
View ArticleA handpicked collection of beautiful color gradients for design and code
uiGradients is a great resource for picking gradients for your next project. With 34 contributors and ~80 color combinations, you’re sure to find a gradient to suit your needs. Check out the site’s...
View Article