I caught wind of a friend making the transition from in-house designer to freelancer or proprietor of a small design studio and looking for advice. I've never truly done the freelance thing, so I outsourced the advice thing to y'all on Twitter. It's surprising how consistent the advice is, when distilled.
Zach Leatherman digs under the cover of the presidential candidates’ websites and reveals that font loading is a nuanced and complicated business:
Using a web font service doesn’t necessarily mean that your web site will use best practices. We must be knowledgeable about the internals of the tools we use in order to best utilize them to our advantage. At the end of the day if you don’t want to put any effort into it, it’s safer to use TypeKit.
There are plenty of form building services, plugins, and frameworks in the wild that make the tedious task of form design and development much easier. We're going to look at some of those in this post.
The question I am asked most frequently: what animation tool do you recommend?
Having worked with a slew of them, I can tell you there is no right answer. It's a complicated question and complicated answer. This post serves to clarify what to use, and when, to get you working with the right tool for the job.
If you’re here for React, we’ve got you covered! Jump down to the React section below and we’ll break down what to use and how to use it.
Say you're working on a website that uses an icon system. Lots of people who work on the site interact with the icon system. Designers create new icons, they tweak existing ones, they have ideas on what they want the icons to do. Developers building out the pages of the site use the system.
Say you're the front-end developer. You're implementing this system. You're the middle man. You're the creator and consumer of this system.
What do you ask of the designers?
The following is a guest post by Aleks Hudochenkov. Aleks does a great job here of showcasing what PostCSS is good at and the role it has grown into in the front end stack. That is: doing little useful jobs within CSS. You're about to see a variety of PostCSS plugins at work that are all related to working with images. By the end, I bet you'll be able to imagine how PostCSS can be useful for other niches within working with CSS.
- Have an all-new design that allows for a split-view (code on the left, preview on the right) when the responsive design allows.
- Can be editable.
Along with all the same great features they have always had like themes (total design control! change all your embeds at once!) and optional click-to-play (for increased performance).
I attempt to make the case that creating content in Markdown is a good plan for you and your team, now and especially in the future.
In this pairing screencast, Sarah Drasner joins me and guides me through some of my very first learnings of React. We tackle some "real world" style functionality: a comment form.
This turned out to be a pretty useful bit of UI to work with, as it required a lot of things rather fundamental to React (or at least, it seems to me). For example, a master "App" that deals with the
state (our big "state" thing is the comments themselves) …