html
Aias
Every element is an html.
Can I include?
A WebsiteThis site helps you understand which tag you can include in another using the WHATWG HTML specification.
So many little design helper sites!
An Article by Chris CoyierI’m sure y’all find these things just as useful as I do. They don’t make us lazy, they make us efficient. I know how to make a pattern. I know how to draw a curve with a Pen Tool. I know how to convert SVG into JSX. But using a dedicated tool makes me faster and better at it. And sometimes I don’t know how to do those things, but that doesn’t mean I can’t take advantage. Fake it ’til you make it, right?
Element diversity
An Article by Manuel MatuzovicDid you know that there are 112 elements in HTML?!
It would be a bit too easy to only blame JS frameworks [for the overuse of
div
s]; there are several reasons we use divs so much:- Poor knowledge of HTML elements
- Lack of understanding why
- Insufficient CSS skills
- Default styles
- JS frameworks
- We don't care enough about the page
- Some elements are hard to style
Guidelines for Brutalist Web Design
An Article by David Bryant Copeland- Content is readable on all reasonable screens and devices.
- Only hyperlinks and buttons respond to clicks.
- Hyperlinks are underlined and buttons look like buttons.
- The back button works as expected.
- View content by scrolling.
- Decoration when needed and no unrelated content.
- Performance is a feature.
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 NguyenThe 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.
HTML Elements Memory Test
A WebsiteMy first attempt was 54. Not even half!
How many HTML elements can you remember?
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.