Differences between revisions 3 and 4
Revision 3 as of 2011-12-30 06:29:40
Size: 496
Editor: SamatJain
Comment: Add more block widths
Revision 4 as of 2017-04-14 07:48:23
Size: 1571
Editor: SamatJain
Comment: Merge CSS into CascadingStyleSheets
Deletions are marked like this. Additions are marked like this.
Line 1: Line 1:
 * [[http://markapp.io/|MarkApp: Building apps with HTML]]. Widgets and libraries that can be used without writing any JavaScript.
 * [[http://youmightnotneedjs.com/|You Might Not Need JavaScript]]. Various widgets and libraries that are HTML/CSS only.

 * [[http://kushagragour.in/lab/hint/|Hint.css]]: Pure CSS-only tooltip library



== Highlight styles ==

Lorem Ipsum e-mail: background-color: gold, which is the same as Gary Johnson's e-mail campaign: #FFD700

Highlight text-shadow, from http://www.audiocheck.net/testtones_highdefinitionaudio.php:

{{{#!highlight css numbers=off
text-shadow: -3px 0px 3px yellow, 3px 0px 3px yellow, 6px 0px 6px yellow, -6px 0px 6px yellow;
}}}

== Flexbox ==

 * [[http://yoksel.github.io/flex-cheatsheet/|Flexbox Cheatsheet]]

== Animations ==

 * [[http://animista.net/|Animista]]: Wizard that lets you browse and create keyframe-based animations

== Twitter Bootstrap ==

 * [[https://github.com/winjs/winstrap|winjs/winstrap: The official Bootstrap theme for Microsoft's Modern design language]]

Highlight styles

Lorem Ipsum e-mail: background-color: gold, which is the same as Gary Johnson's e-mail campaign: #FFD700

Highlight text-shadow, from http://www.audiocheck.net/testtones_highdefinitionaudio.php:

text-shadow: -3px 0px 3px yellow, 3px 0px 3px yellow, 6px 0px 6px yellow, -6px 0px 6px yellow;

Flexbox

Animations

  • Animista: Wizard that lets you browse and create keyframe-based animations

Twitter Bootstrap

Ems for block widths

  • 20 em ≈ 320px
  • 30 em ≈ 480px
  • 40 em ≈ 640px
  • 50 em ≈ 800px
  • 60 em ≈ 960px
  • 64 em ≈ 1024px

from Responsive enhancement

Clearfix

Clearfix is the original method for clearfix. At SitePoint, apparently using overflow: auto also works for container elements.

SamatsWiki: CascadingStyleSheets (last edited 2021-11-03 07:16:48 by SamatJain)