Quantcast
Channel: The Changelog » CSS
Browsing latest articles
Browse All 63 View Live

Image may be NSFW.
Clik here to view.

WatchWednesday for 20100922

We’re bringing back #FollowFriday, but for GitHub. On Friday, we’ll kick off our #FollowFriday series and showcase GitHub users you should follow. But it’s Wednesday, you say. That’s right, we’re...

View Article



Image may be NSFW.
Clik here to view.

Feeds: Popular WebOS feed reader now open source

Delicious Morsel, makers of apps like WootOn! and Twee, have open sourced their Feeds app on GitHub. Features Feeds is a full-featured Google Reader client and includes Notifications Offline reading...

View Article

Image may be NSFW.
Clik here to view.

snoopy and sniffer: Detection scripts and bookmarklets for mobile browsers

One of the great things about being a front-end web developer is that you can always improve your craft. You can inspect the work of others by simply viewing the source for a web page to see what...

View Article

WatchWednesday for 20101013

Another Wednesday, another set of projects you might want to watch. mauricemach / coffeekup Released as a celebration of whyday, CoffeeKup brings the Markaby concept to CoffeeScript (featured in...

View Article

Image may be NSFW.
Clik here to view.

CompassApp: Compile Sass stylesheets easily without resorting to the command...

One of the biggest adoption hurdles to reaching the designer masses for Sass and Compass has been the intimidation level presented to designers when mentioning “the command line” … ooh, I just scared...

View Article


Episode 0.4.6 – YUI 3, Node.js, JSLint, and Douglas Crockford code reviews

Adam and Wynn caught up with Adam Moore and Satyen Desai from the YUI team to talk about YUI 3, Node.js, and working with Douglas Crockford. Items mentioned in the show: YUI is the Yahoo! User...

View Article

stylus: Expressive, robust, feature-rich CSS language built for Node.js

This isn’t the first time we’ve covered the latest fresh and new creation from LearnBoost. Stylus is an expressive, dynamic, robust CSS pre-processor for Node.js. If you are familiar with Sass.js, Sass...

View Article

Image may be NSFW.
Clik here to view.

Stylebot introduces social stylesheet sharing

Since we first covered Stylebot a few months back, I’ve been using it every day to bend web pages to my will. GitHub gets a healthy dose of Menlo on all code blocks and my TeuxDeux list seems a bit...

View Article


compass-magick: Extend Sass with power of ImageMagick

Compass delivers powerful features on top of Sass including support for CSS3 and image sprites. With Compass-Magick, Stan Angeloff pushes the envelope a bit and adds the power of ImageMagick (via...

View Article


rack-pagespeed: Rack middleware for page speed optimization

Thanks to work by Google and Yahoo, we’re all better informed about how to speed up our web pages. For those on Apache, Google has made it easier to implement these ideas at the Apache Module level....

View Article

Episode 0.5.3 – Formalize and News Roundup Design Edition with Nathan Smith

Episode 0.5.3 – Formalize and News Roundup Design Edition with Nathan Smith Adam and Wynn were joined by Nathan Smith, creator of 960.gs to talk about his new project Formalize and the latest news on...

View Article

Adapt.js: More efficient responsive design

As the mobile space continues to grow, there has been a growing interest in Responsive Web Design, making use of CSS media queries to selectively target device screen size and layout orientation in CSS...

View Article

Sass 3.1 released, now with functions, lists, and @media bubbling

Sass continues to provide innovative new ways to DRY up our CSS. Version 3.1 is out and offers many new language features, compilation performance improvements, and some new command line options. Sass,...

View Article


Image may be NSFW.
Clik here to view.

scrollability: Native scrolling for the mobile web

Perhaps even more than advanced features like GPS, camera access, contacts, and App stores, the lack of viewport-aware position:fixed is what drives many apps to be developed as a native experience....

View Article

Image may be NSFW.
Clik here to view.

AssetHat: Load your CSS and JS faster. Your assets are covered.

Ron DeVera reached out to us a few weeks back to let us know about a new project he’s working on at Mint Digital called AssetHat. AssetHat is a Rails gem that hopes to make the web a little bit...

View Article


Image may be NSFW.
Clik here to view.

CSS1K: A demonstration of what can be accomplished with only 1k of CSS

CSS isn’t a subject we cover too often here on The Changelog. Most often, we are talking about Sass (drink!), Compass, Stylus, Less or some other blend of “pre-processor” we, fan boys, love to cover....

View Article

Image may be NSFW.
Clik here to view.

Zurb Foundation – Design scaffold for your web app

The talented team at Zurb has released Foundation, a design scaffold for building web applications. Much like HTML5 Boilerplate, Foundation comes with some sensible markup defaults, however it goes...

View Article


Episode 0.7.0 – Foundation and other Zurb goodies

Wynn caught up with Jonathan and Matt from Zurb to talk about Foundation, their HTML5 front end scaffold and many projects from the Zurb playground. Items mentioned in the show: Jonathan Smiley –...

View Article

Cassette – Web asset manager for .NET with support for Less and CoffeeScript

Asset packaging is a hot topic these days. Andrew Davey brings the fun to .NET with Cassette, an asset bundler for .NET web apps. Much like Jammit or Sprockets for Ruby apps, Cassette concatenates,...

View Article

Photon – CSS 3D Lighting Engine

Tom Giannattasio authored a very powerful lighting engine using JavaScript and CSS3, and it is very easy to use – Photon. There are three basic concepts in Photon: Photon.Light (A point in 3D space...

View Article

Holmes – CSS based error detection, watson.

A unique take on HTML ‘validation’, Luke Williams has made finding erroneous markup elementary. It’s a two step process: add the stylesheet to your markup, and add the following class to the...

View Article


Nodefront – Node.js-powered rapid front-end development utility

Nodefront from Karthik Viswanathan aims to make a front-end developer’s life easier. Built in Node.js, Nodefront bundles a local web server for serving up HTML, CSS, and JavaScript assets and supports...

View Article


The Good Man experiments with basic CSS3 animations

From the readme: This project is about experimentations. About CSS3 animations and a graduation project. My name is Pedro Ivo Hudson and this is my debut. And what a debut. Wow, I’m impressed. Check it...

View Article

gradientD is a CSS3 Gradient Designer using Dojo

Tom Pryor: I wanted to try out Dojo’s new AMD pattern, as well as widigtize (finally) the gradient code spagetti I am currently using in my CSS3 Button Tool (Beta) and I finally got some time to play...

View Article

Image may be NSFW.
Clik here to view.

Unsemantic, Nathan Smith’s fluid grid successor to 960.gs

From the homepage: Unsemantic is a fluid grid system that is the successor to the 960 Grid System. It works in a similar way, but instead of being a set number of columns, it’s entirely based on...

View Article


hint.css makes pure CSS tooltips too easy

From the hint.css homepage: hint.css is written as a pure CSS tooltip library which you can use to create cool tooltips for your site. It does not rely on JavaScript, but instead uses data-* attribute,...

View Article

Image may be NSFW.
Clik here to view.

Custom user styles that simplify the UI and focus on the content of popular...

While recording The Industry Radio Show one of our listeners linked out to these custom user styles from Connor Sears, a Product Designer at Pinterest. If you caught our original post on Stylebot a...

View Article

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 Article

Flat 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 Article



CSS 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 Article

Easings.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 Article

Meet 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 Article

csscss 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 Article


shame.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 Article

Image may be NSFW.
Clik 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 Article

Namespace 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 Article


Adapt 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 Article


Responsive 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 Article

The 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 Article

Say 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 Article


A 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 Article

Autoprefixer 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 Article


Simple 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 Article


Image may be NSFW.
Clik 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 Article

A 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

Image may be NSFW.
Clik here to view.

Analyze your CSS in a whole new way with CSS Dig

CSS Dig gives you a new way to analyze your CSS (using Google Chrome). Consolidate, refactor, and gawk at the 37 shades of blue your site somehow ended up with. CSS Dig is a Chrome Extension that...

View Article

Google’s Material Design just got much easier to utilize

I’m not 100% sold on Google’s Material Design language. But if I were, I’d be super excited by this CSS framework and set of React components by the team at Call-Em-All. Demo here. Subscribe to The...

View Article


#143: Front-end Developer Interview Questions with Darcy Clarke

Darcy Clarke joins us this week to talk about his repo on the HTML5 Boilerplate org — “Front-end Developer Interview Questions”. This project is second to only the HTML5 Boilerplate itself with 14,000+...

View Article

Browsing latest articles
Browse All 63 View Live




Latest Images