trello2

Trello’s placeholder for name input set to Ayra Stark

I like to see companies getting involved with stuff that’s trending, makes users feel that people actually work for companies instead of robots…

trello

Trello logo changes when loading

While the page is loading, the Trello icon turns into a loading icon.

Changing Between Spaces and Tabs in Sublime Text

Sublime Text is pretty dang good at making it easy to switch between using tabs and spaces to indent your

How fast is fast enough?

http://ift.tt/eA8V8J 100ms is the ultimate goal since that feels instantaneous. 20% faster than a competitor will be noticed. 1000ms is

CSS Animation Tricks: State Jumping, Negative Delays, Animating Origin, and More

http://ift.tt/eA8V8J The following is a guest post by Zach Saucier. Zach cooks up some pretty inspiring animations over on CodePen.

When to use target=”_blank”

http://ifttt.com/images/no_image_card.png Anchor links1 may have a target attribute which controls what happens when that link is clicked. One of the

“Look Inside” Book Preview with BookBlock

http://codropspz.tympanus.netdna-cdn.com/codrops/wp-content/uploads/2014/01/BookPreview.jpg View demo Download source There is something really fascinating about (real) books. Although we live in times where everything

// in CSS

http://ifttt.com/images/no_image_card.png A lot of people, me included, wish we could use // for single line comments in CSS. Tab Atkins

Myth Busting: CSS Animations vs. JavaScript

http://ift.tt/eA8V8J The following is a guest post by Jack Doyle, author of the GreenSock Animation Platform (GSAP). Jack does a

The Syntax vs The Spirit

http://ifttt.com/images/no_image_card.png Sometimes I literally can’t remember how to write a for loop. Not like funny ha-ha I can’t remember how

Front End Ops

http://ifttt.com/images/no_image_card.png As Alex Sexton laid out, it’s a thing. More and more people will be hired to do it specifically

Labels: Managing User Expectations

http://codropspz.tympanus.netdna-cdn.com/codrops/wp-content/uploads/2014/01/Labels_ManagingUserExpectations.png Users have expectations — it’s surprising, I know. Users expect a button to perform an action: submit a form,

When To Use The Button Element

http://ifttt.com/images/no_image_card.png You use it when, uhm, you want a button on your page that users can click, right? Well, unfortunately

Shape Hover Effect with SVG

http://codropspz.tympanus.netdna-cdn.com/codrops/wp-content/uploads/2014/01/ShapeHoverEffect.png View demo Download source If you have visited the fantastic new edition of The Christmas Experiments then you might

Web Standards Killed The HTML Star

http://ifttt.com/images/no_image_card.png Jeff Croft argues that because the web standards movement did such a good job, the “HTML and CSS guru”

“A nicer color palette for the web.”

http://ifttt.com/images/no_image_card.png Adam Morse with a set of named colors that are a lot more, well, palatable. Comes as CSS classes

The Intrinsic Value of Blogging

http://ifttt.com/images/no_image_card.png Speaking of writing tips, Matt Mullenweg on how you should write for just two people: yourself, and a single

Words To Avoid in Educational Writing

http://ifttt.com/images/no_image_card.png I’m no English major, but as a writer and consumer of loads of educational (mostly tech) writing, I’ve come

What is the DOM?

http://cdn.css-tricks.com/wp-content/uploads/2013/12/is-html-the-dom.jpg A reader recently wrote in asking me what the DOM was. They said they’ve heard it mentioned and eluded

On interviewing front-end engineers

http://ifttt.com/images/no_image_card.png Nicholas C. Zakas with a follow up to Philip Walton’s article. Front-end engineers are, of course, specialists. We care

LICEcap

http://ifttt.com/images/no_image_card.png Animated GIFs, aside from being megalolfunny, can be tremendously useful in communicating an idea. Like this or this. I

Make Sure Your Columns Don’t Collapse Horizontally

http://cdn.css-tricks.com/wp-content/uploads/2013/12/mental-model.png You might be familiar with elements collapsing vertically. If an element only contains other elements that are floated, the

The Mobile Web Designer’s Idea Book Giveaway

http://codropspz.tympanus.netdna-cdn.com/codrops/wp-content/uploads/2013/12/GiveawayMobileBook1.jpg In this Christmas giveaway you can win one of five signed copies of The Mobile Web Designer’s Idea Book

Interviewing as a Front-End Engineer in San Francisco

http://ifttt.com/images/no_image_card.png The following is a guest post by Philip Walton (@philwalton). Philip recently went through a slew of interviews for

The Growth of CSS Repos on GitHub

http://ifttt.com/images/no_image_card.png Interesting statistic uncovered by Donnie Berkholz: the number of repos that GitHub classifies as “CSS” (has more CSS in

Myth

http://ifttt.com/images/no_image_card.png I thought I’d weigh in here… Calling it a “postprocessor” is weird. It gets parsed into CSS before the

About Variables in CSS and Abstractions in Web Languages

http://ifttt.com/images/no_image_card.png Variables are coming to CSS. They already have implementations, so there is no stopping it now. Firefox has them

Perspective Page View Navigation

http://codropspz.tympanus.netdna-cdn.com/codrops/wp-content/uploads/2013/12/PerspectiveNavigation.png View demo Download source Pushing the site content aside to reveal a navigation has certainly become a trend for

Line Menu Icon… That Is A Menu

http://cdn.css-tricks.com/wp-content/uploads/2013/12/line-menu.gif I had a dumb little idea the other night so I just coded it up (as you do). You

What You May Not Know About Z-Index

http://ifttt.com/images/no_image_card.png It controls which element is “on top” visually when they happen to overlap, right? Right. But there is more

New Poll: Command Line Usage

http://cdn.css-tricks.com/wp-content/uploads/2013/12/terminal.jpg I have a feeling the readers of CSS-Tricks represent a fairly wide range of job types and skill levels.

Progress Button Styles

http://codropspz.tympanus.netdna-cdn.com/codrops/wp-content/uploads/2013/12/ProgressButtonStyles.png View demo Download source Today we’d like to share some progress button styles with you. You surely know “Ladda”

Grunt for People Who Think Things Like Grunt are Weird and Hard

http://ifttt.com/images/no_image_card.png My article on 24 ways that hopefully inspires a few of you to try and take your own front

Why You Should Use Continuous Integration and Continuous Deployment

http://ifttt.com/images/no_image_card.png The following is a guest post by Florian Motlik. Florian is CTO of Codeship, a hosted Continuous Integration and

Animated SVGs

http://ifttt.com/images/no_image_card.png Mike Fortress explains animation with <svg> with a specific example involving charts on Sprout. It’s funny how SVG has

Exploring canvas drawing techniques

http://ifttt.com/images/no_image_card.png Juriy Zaytsev with a very in-depth exploration of free drawing on <canvas> with his library Fabric.js. Direct Link to

Chrome DevTools for Mobile

http://ifttt.com/images/no_image_card.png Emulate mobile devices directly through DevTools, simulating touch events, mimicking screen size, and spoofing user agent. Plug in a

SVG Tabs (Using an SVG Shape as Template)

http://cdn.css-tricks.com/wp-content/uploads/2013/12/using-svg-template1.jpg An excellent feature of SVG is that you can define a shape (or set of shapes) once, and then

Dreamweaver, I hate you.

and I’ll tell you why. Dreamweaver has the most frustrating FTP client I’ve ever come across. I would expect a product of this size that has been around for as long as it has to have a pretty advanced FTP client or at very least be able to handle multiple files being downloaded / uploaded without terminating by itself.

Colorpeek, Part 2: Building Your First Chrome Extension

http://cdn.css-tricks.com/wp-content/uploads/2013/12/ikea-colorpeek.png The following is a guest post by Tyler Sticka. Tyler created a tool called Colorpeek. Yesterday we looked at

Colorpeek: A Simple Way to See and Share CSS Colors

http://s.cdpn.io/62127/palette_4.png The following is a guest post by Tyler Sticka Tyler created a tool called Colorpeek. In this article, he’ll

Techniques for Creating Textured Text

http://codropspz.tympanus.netdna-cdn.com/codrops/wp-content/uploads/2013/12/TexturedText.jpg View demo Download source In this article we’re going to explore several techniques that can be used to create

A Blue Box

http://cdn.css-tricks.com/wp-content/uploads/2013/11/a-blue-box.png A little meme went around CodePen the other night. A Blue Box. I’m not sure how it started, but

Turn Off Hovers on Scroll

http://ifttt.com/images/no_image_card.png Sometimes hover effects can cause redraws and repaints and whatnot that take time and reduce performance. As you scroll

Responsive Comments

http://ifttt.com/images/no_image_card.png Meaning like <!– these kind of comments –>. You put a media query in a data-* attribute of a

SVG Icons FTW

http://codropspz.tympanus.netdna-cdn.com/codrops/wp-content/uploads/2013/11/SVGIcons.png A lot of great methodologies and principles arose making our CSS more and more modular, structured and flexible. But

The HTML5 meter Element

http://cdn.css-tricks.com/wp-content/uploads/2013/11/meter.png The following is a guest post by Pankaj Parashar. Pankaj has written here before, last time about the progress

Flexbox Cheat Sheet

http://ifttt.com/images/no_image_card.png Sean Fioritto has some great flexbox content lately with this cheat sheet and this fun interactive video thingy. If

What Screens Want

http://ifttt.com/images/no_image_card.png I’m happy to be the last person in our industry to link to Frank Chimero’s beautiful essay on screen