CSS: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Zeile 89: | Zeile 89: | ||
* [http://www.minimamente.com/magic-css3-animations/ Magic CSS Animations] | * [http://www.minimamente.com/magic-css3-animations/ Magic CSS Animations] | ||
* [http://www.justinaguilar.com/animations/ CSS3 Animation Cheat Sheet] | * [http://www.justinaguilar.com/animations/ CSS3 Animation Cheat Sheet] | ||
+ | * [http://tympanus.net/Development/TripleViewLayout/ Sliding Triple View Layout] - ([http://tympanus.net/codrops/2013/09/05/sliding-horizontal-layout/ Site]) | ||
==Footers== | ==Footers== |
Version vom 6. September 2013, 08:47 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
Web Components
- Web Components Resources
- UIBox - curated HTML, CSS, JS UI Component Library
- Custom Elements - A Web Components Gallery for Modern Web Apps
Fonts
- Font Squirrel - handpicked free fonts for graphic designers with commercial-use licenses.
Heading Fonts:
Others:
- Dripicons - a completely free, vector line-icon font.
Typography
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.
Centering
Layouts
Two Horizontal Divs
CSS Div Tables
Equal Height
Rowspan
Colspan
Others
CSS3 gradient background
Menus
Forms
- jQuery prettyCheckable - replaces the default checkboxes and radio inputs for better looking ones.
- jQuery EasyDropDown - a Drop-down Builder for Styleable Inputs and Menus.
- HeapBox - jQuery HTML selectbox replacement.
Modal
- CSS-Modal - Modals built out of pure CSS.
- Nifty Modal Window Effects (blog)
- iosOverlay.js - iOS-style overlays/notifications for the web.
Animations and Effects
- Effekt.css
- 25 CSS3 Transitions and Animations Effects Tutorials
- Magic CSS Animations
- CSS3 Animation Cheat Sheet
- Sliding Triple View Layout - (Site)
Images
- http://placehold.it/ - a quick and simple image placeholder service.
Preprocessors
Frameworks
- Bootstrap
- Bootsnipp - snippets about Bootstrap.
- bootstrap-grid-builder
- Bootstrap Magic - easily create your own Twitter Bootstrap theme.
- Pure - a set of small, responsive CSS modules that you can use in every web project. (4.3KB* minified and gzipped)
CSS Processors
Structure
- MVCSS - Sass-based CSS architecture for creating predictable and maintainable application style.
Code Styles
- Front-end Code Standards & Best Practices (CSS)
- Principles of writing consistent, idiomatic CSS
- GitHub CSS Style Guide
Tutorials
Follow
- Webtools weekly - newsletter and archive.