Difference between revisions of "Category:Cascading Style Sheets"

From perpendicular angel knowledgebase
Jump to navigation Jump to search
(Created page with "Category: Design")
 
Line 1: Line 1:
[[Category: Design]]
[[Category: Design]]
== Layers ==
Overlays: also called layers, info layers, help bubbles, modals, dialogues (but not HTML dialogs or Javascript dialogs...) anyway, they're things that pop up on top of the page you're on.
* [http://nicolasgallagher.com/pure-css-speech-bubbles/ Pure CSS Speech Bubbles] by Nicholas Gallagher - aka "how to give your help bubble a tail"
== Layout ==
[[CSS Grid]]
== Animation ==
Animation is a design technique for drawing the eye to a specific piece of content on the page. CSS allows for designers to animate elements on the page efficiently and with little performance overhead.
=== Training classes ===
[http://rachelnabors.com/css-animations-course/ Web Animation Essentials: CSS Animations and Transitions] by Rachel Nabors
== Sticky ==
[https://advent2017.digitpaint.nl/21/ Adhesive action with position:sticky!] by Digitpaint explains how to put nav elements and similar items sticky to the top or bottom of a page using no Javascript.

Revision as of 21:05, 21 April 2018


Layers

Overlays: also called layers, info layers, help bubbles, modals, dialogues (but not HTML dialogs or Javascript dialogs...) anyway, they're things that pop up on top of the page you're on.

Layout

CSS Grid

Animation

Animation is a design technique for drawing the eye to a specific piece of content on the page. CSS allows for designers to animate elements on the page efficiently and with little performance overhead.

Training classes

Web Animation Essentials: CSS Animations and Transitions by Rachel Nabors

Sticky

Adhesive action with position:sticky! by Digitpaint explains how to put nav elements and similar items sticky to the top or bottom of a page using no Javascript.

Pages in category "Cascading Style Sheets"

The following 3 pages are in this category, out of 3 total.