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 ABC's of ▲■●: The Bauhaus and Design Theory
The cultivation of inherent faculties
Rousseau’s Emile argued that education is the cultivation of inherent faculties, rather than the imposition of knowledge. Taking this path, Pestalozzi recast the teacher as a protective figure who follows and stimulates the child’s inherent intelligence.
The basic course
The Basic Course was a general introduction to composition, color, materials, and three-dimensional form that familiarized students with techniques, concepts, and formal relationships considered fundamental to all visual expression, whether it be sculpture, metal work, painting, or lettering. The Basic Course developed an abstract and abstracting visual language that would provide a theoretical and practical basis for any artistic endeavor.
It is a little world
See how many a pretty thing
I always from the cube can bring:
Chair and sofa, bench and table,
Desk to write at when I’m able,
All the household furniture,
Even baby’s bed I’m sure;
Not a few such things I see;
Stove and sideboard here can be.
Many things, both old and new,
My dear cube brings into view;
So my cube much pleases me,
Because through it so much I see.
It is a little world.- Cubed
A universal correspondence
In 1923 Kandinsky proposed a universal correspondence between the three elementary shapes and the three primary colors: the dynamic triangle is inherently yellow, the static square is intrinsically red, and the serene circle is naturally blue.
The series ▲■● represents Kandinsky’s attempt to prove a universal correlation between color and geometry; it has become one of the most famous icons of the Bauhaus. Kandinsky conceived of these colors and shapes as a series of oppositions: yellow and blue represent the extremes of hot/cold, light/dark, and active/passive, while red is the intermediary between them. The triangle, square, and circle are graphic equivalents of the same polarities.
The arbitrariness of the sign
A key difference between verbal language and the modernist ideal of a visual “language” is the arbitrariness of a verbal sign, which has no natural, inherent relationship to the concept it represents. The sound of the word “horse”, for example, does not innately resemble the concept of a horse. Ferdinand de Saussure called this arbitrariness the fundamental feature of the verbal sign. The meaning of a sign is generated by its relationship to other signs in the language: the sign’s legibility lies in its difference from other signs.
Reduced to an act of selection
“The more exact and complete the criteria are, the more creative the work becomes. The creative act is reduced to an act of selection.”
— Karl Gerstner, Designing Programmes (1963)
Separation of surface and structure
The nineteenth century saw an increasing separation between the treatment of the surface and the structure of designed objects. Mass production and a mobile market economy encouraged the production of heavily ornamented yet cheaply fabricated products. Affordable manufacture allowed the burgeoning middle class to acquire “luxury” goods fashioned after objects formerly reserved for an elite.
Gifts and occupations
Between 1835 and 1850 Froebel worked on his “Gifts and Occupations” — a set of geometric blocks (Gifts) and basic craft activities (Occupations), that would become the centerpiece of his pedagogical theory. The Gifts and Occupations were introduced in a highly ordered sequence, which began in the child’s second month and concluded in the last year of kindergarten.
Typographic grid
Just one of many examples of beautiful typography and layout throughout the book. Love the page design.