CSS: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
(→Modal) |
(→Modal) |
||
| Zeile 48: | Zeile 48: | ||
==Modal== | ==Modal== | ||
* [http://drublic.github.io/css-modal/ CSS-Modal] - Modals built out of pure CSS. | * [http://drublic.github.io/css-modal/ CSS-Modal] - Modals built out of pure CSS. | ||
| − | * [http://tympanus.net/Development/ModalWindowEffects/ Nifty Modal Window Effects] | + | * [http://tympanus.net/Development/ModalWindowEffects/ Nifty Modal Window Effects] ([http://tympanus.net/codrops/2013/06/25/nifty-modal-window-effects/ blog]) |
==Animations and Effects== | ==Animations and Effects== | ||
Version vom 24. August 2013, 19:08 Uhr
OSEG Wiki
See what CSS code you can use in the OSEG Wiki:
- in Commons.css under /** OSEG CSS Code **/
- The class .round makes tables, divs and spans (everything with a border) round with 10px.
Guidelines
Initialize
Fonts
- Font Squirrel - handpicked free fonts for graphic designers with commercial-use licenses.
Colors
- Harmonic Colors
- COLOURlovers - palettes and more.
- Adobe Kuler - needs an Adobe account.
- Find the Perfect Colors for Your Website
Equal Height Columns
- http://stackoverflow.com/questions/10987821/two-columns-equal-height-only-css-no-display-table-table-row-table-cell
- http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks
- At the bottom are examples with 2, 3, 4 and 5 columns.
Layouts
Two Horizontal Divs
CSS Div Tables
Others
CSS3 gradient background
Menus
Forms
Modal
- CSS-Modal - Modals built out of pure CSS.
- Nifty Modal Window Effects (blog)
Animations and Effects
Images
- http://placehold.it/ - a quick and simple image placeholder service.