Главная
Study mode:
on
1
Intro
2
Extend placeholder
3
Color lightness
4
Background color
5
Design logic
6
Layer styles
7
Drop shadow
8
Trigonometry
9
Compass
10
BoxShadow
11
DropShadow
12
TextShadow
13
Button
14
Text Shadow
15
Linear Gradient
16
Angle Conversion
17
Scale
18
Gradients
19
Psychedelic
20
Linear Grain
21
Plot Twist
22
Blend Modes
23
Blend Mode Limitations
24
Gradient Overlay Conversion
25
Tool Kit
26
Refactoring
27
Styling Buttons
28
Conclusion
Description:
Explore advanced CSS techniques for recreating subtle design details using Sass in this 20-minute conference talk from CSSConfUS 2013. Dive into topics such as extending placeholders, manipulating color lightness, implementing background color design logic, and creating layer styles. Learn how to craft intricate drop shadows using trigonometry, master Compass box shadows, and apply drop shadows and text shadows to buttons. Discover the art of linear gradients, including angle conversion and scaling techniques. Experiment with psychedelic linear grain effects and plot twists. Understand blend modes, their limitations, and how to implement gradient overlay conversions. Gain insights into refactoring and styling buttons efficiently. This talk provides a comprehensive toolkit for developers looking to elevate their CSS skills and achieve pixel-perfect designs.

Sweating the Small Stuff - Recreating Subtle Design Details Using Sass

JSConf
Add to list
0:00 / 0:00