Last week I asked people to participate in some group design thinking around a specific design pattern: email settings. This was the premise:
…Imagine there are three events that can happen in a web app that could trigger an email.
While doing a bit of cross-browser poking around on CodePen, I noticed that the font for the code editors was notably duller and weaker in WebKit browsers (Safari and Chrome) than it was in Firefox or Opera. I quite …
There isn’t any super simple standardized way to set web type on a circle (or any kind of curve). But it can be done! We’ll explore one way to do it here. But be forewarned, we’re going to use some …
The transform-style property, when applied to an element, determines if that element’s children are positioned in 3D space, or flattened.
.parent {
transform-style: preserve-3d;
}It accepts one of two values: flat (the default) and preserve-3d. To demonstrate the …
The perspective-origin property determines the origin for the perspective property. Think of it as the vanishing point of the current 3D-space.
Note as for the perspective property, perspective-origin has to be defined on the parent element in order to give …
The perspective CSS property gives an element a 3D-space by affecting the distance between the Z plane and the user.
The strength of the effect is determined by the value. The smaller the value, the closer you get from the …
The transform-origin property is used in conjunction with CSS transforms, letting you change the point of origin of a transform.
.element {
transform: rotate(360deg);
transform-origin: top left;
}As indicated above, the transform-origin property can take up to two space-separated …
Here’s for Google Code Prettify (found at this source).
.prettyprint {
color: #839496;
background-color: #002b36;
}
.prettyprint .pln {
color: inherit;
}
.prettyprint .str,
.prettyprint .lit,
.prettyprint .atv {
color: #2aa198;
}
.prettyprint .kwd {
color: #268bd2;
}
Dave and I were joined by David DeSandro where we talk about working in this industry, JavaScript versus CSS3, accessibility, David’s various projects, and more. Thanks to Harvest (use code SHOPTALK for 50% off first month) and Environments for Humans…
Media queries are already awesome. Media queries in Sass are already awesome. Media queries in Sass 3.2 are going to be really awesome. This is how you can get CodeKit to start using it.…
