css
What do I need to read to be great at CSS?
100 Bytes of CSS to look great everywhere
Changing Our Development Mindset
So many little design helper sites!
Whostyles
A Definition by Kicks CondorThe 'whostyle' is a way of styling syndicated hypertext from other writers. This could be a quoted excerpt or a complete article. A feed reader could use a 'whostyle' to show a post without stripping all of its layout.
This page is a truly naked, brutalist html quine
An Article by Leon BambrickI decided to make a truly naked, brutalist html page, that is itself a quine. And this page is it.
Viewing the source of this page should reveal a page identical to the page you are now seeing. Nothing is hidden. It's a true "What you see is what you get."
this vs. that
A Website by Phuoc NguyenAn Interactive Guide to CSS Transitions
A Reference Work by Josh W. ComeauIn this tutorial, we'll dig in and learn a bit more about CSS transitions, and how we can use them to create lush, polished animations.
CSS at the Intersection
A TalkThroughout the talk I discuss the mental models we construct in tech, the cognitive dissonance we experience when confronted with new ideas, specifically about CSS.
We know CSS has a separate mental model because we keep hearing the same debate rage on: “Is CSS broken or awesome?” This talk is about enabling teams to communicate and accommodate these different mental models. I share examples of effective tools, and how they change the way designers and developers interact.
The Great Divide
An Article by Chris CoyierOn one side, an army of developers whose interests, responsibilities, and skill sets are heavily revolved around JavaScript.
On the other, an army of developers whose interests, responsibilities, and skill sets are focused on other areas of the front end, like HTML, CSS, design, interaction, patterns, accessibility, etc.
The Best Interface is No Interface
"There's an app for that."
Slap an interface on it!
How do you make a better car?
How do you make a better fridge?
How do you make a better trash can?
How do you make a better restaurant?
How do you make a better vending machine?Aim higher
“There’s one more thing you need to do: Aim higher the merely trying to recreate Silicon Valley. You should try to kick our butt instead.” — Guy Kawasaki
This is UX
When you hire someone to generate UI, you won’t get new, innovative solutions. You’ll get more UI, not better UX.
This is UI:
Navigation, sub navigation, menus, drop-downs, buttons, links, windows, rounded corners, shadowing, error messages, alerts, updates, checkboxes, password fields, text inputs, radio selections, text areas, hover states, selection states, pressed states, tooltips, banner ads, embedded videos, swipe animations, scrolling, clicking, iconography, colors, lists, slideshows, alt text, badges, notifications, gradients, pop-ups, carousels, OK.cancel, etc. etc. etc.
This is UX:
People, happiness, solving problems, understanding needs, love, efficiency, entertainment, pleasure, delight, smiles, soul, warmth, personality, joy, satisfaction, gratification, elation, exhilaration, bliss, euphoria, convenience, enchantment, magic, productivity, effectiveness, etc. etc. etc.
The most seamless and wonderful way
I believe our job as designers is to give you what you need as quickly and elegantly as we can. Our job as designers is to take you away from technology. Our job as designers is to make you smile. To make a profit by providing you something that enhances your life in the most seamless and wonderful way possible.
The best interface
Let’s end the confusion between UI and UX. Let’s stop slapping sirens on children’s toys. Let’s prioritize personal goals over addiction. Let’s get our lives and our health back in balance by interacting with the real world instead of staring into a light, checking new notifications. Let’s think beyond screens.
The best result for any technology is to solve meaningful problems in impactful ways.
The best design reduces work.
The best computer is unseen.
The best interaction is natural.
The best interface is no interface.Adapt
Digital products can do so much more than have a fancy front end.
Even if your company’s core product is an interface, not everything that comes after has to be an interface. If things were that rigid, Apple Computer, the personal computer company, would never become Apple Inc., the world’s largest consumer electronics company. If companies didn’t go after opportunities beyond what they do today, Netflix would still be mailing DVDs in red envelopes.
Great thinkers adapt. Great companies offer their customers the best possible solutions, whether they have a graphical user interface or not.
Let them serve us
Instead of us serving computers,
let computers serve us.Forgetting
Inactivity could be another automatic trigger to erase any stored information. If they haven’t utilized the system in a long time, their food data could automatically clear. With so many services out there trying to grab out attention, knowing that a system collecting more general information will just forget everything it knows about you if you don’t use it for a long time might ease the resistance to trying out the new software in the first place.