Friday, July 11, 2014
Flat Design
Is less more in web design? Decide for yourself after seeing this flat design aesthetic discussion.
Subscribe to:
Post Comments
skip to main |
skip to sidebar
more examples
css by w3c
key css concepts
css properties by w3c
- background
- background-color
- background-image
- background-position
- background-repeat
- border
- border spacing
- bottom
- caption-side
- clear
- clip
- color
- display
- direction
- empty cells
- float
- font
- font-family
- font-size
- font-style
- font-weight
- height
- left
- letter-spacing
- line-height
- list-style
- margin
- opacity
- overflow
- padding
- position
- right
- table-layout
- text-align
- text-decoration
- text-transform
- top
- vertical-align
- visibility
- white-space
- width
- word-spacing
- z-index
- index
search
html conversion
HTML Codeno interpretationimage captioning
I Love CSS
© 2024 www.cssrule.com
tools
- Regular Expressions
- Groovy Color
- HTML Conversion
- Image Captioning
- CSS Web Developer
- PuTTY
- Cyberduck
- W3 Markup Validator
- Jigsaw CSS Validator
- Browser Compliance
- Unicode Characters
categories
-
HTML - Giving Structure to Content
-
CSS Syntax
-
The Box Model
-
Padding and Margins
-
The Flow
- Fonts and Text
-
Selectors
-
Background
-
Classes
-
ID's
-
The Cascade
-
Layout
- Positioning Elements
-
Positioning Context
-
Floating Elements
-
Faux Columns
-
Multi-Columns
-
Inheritance
-
Styling a Page
-
Javascript and jQuery
-
PHP
-
The Internet
-
Website Design
-
Adobe Photoshop
-
Modifying Blogger with CSS/HTML
-
The Recipes
for css
for server side
videos
food
other links
Hi! My analume this Ian
wookieMadeleiné, and I awozarite this blog.
All content and images, except where noted, are copyrighted.
See copyright notice. Thanks.
See copyright notice. Thanks.
Posts
Labels
- -moz-border-radius (1)
- -moz-linear-gradient (1)
- -webkit-gradient (1)
- :after (1)
- :before (2)
- @keyframes (1)
- $geo_status (1)
- 3 Column Layout (3)
- 400 BC (1)
- 9-slice Scaling (1)
- 960 Grid (2)
- a href (4)
- a:hover (3)
- a2ensite (1)
- Abduction by Hades (1)
- Abiword (1)
- Absolute Positioning (10)
- Acrolith (1)
- Adjusting Blogger Profile Image (1)
- Adobe (1)
- Adobe Photoshop Tutorials (6)
- Aidone Museum (1)
- Angular (1)
- animation-direction (1)
- animation-duration (1)
- animation-iteration-count (1)
- animation-name (1)
- animationPlayState (1)
- Anti-Virus Software (1)
- Apache (9)
- Apache Server on Local Environment (2)
- API (1)
- app.js (3)
- app.use (1)
- Array (3)
- Art (10)
- article (1)
- ASCII (1)
- aside (1)
- Assignment by Reference (1)
- asynchronous (1)
- Atom (1)
- Attribute Selectors (2)
- Author Style Sheet (2)
- Auto Margins (3)
- background (7)
- Background Positioning (3)
- Background Property (13)
- background-color (3)
- background-image (6)
- background-position (4)
- background-repeat (2)
- Backup (1)
- Backward Slash (1)
- Beginner (16)
- Bind (1)
- Bing (1)
- block (1)
- Block Element (4)
- Blockquotes (5)
- Blog Software (7)
- Blogger Template (2)
- Blogspot (4)
- Blueprint (2)
- BNF Notation (1)
- Bob Parsons (1)
- border (3)
- border-bottom (1)
- border-image (1)
- border-radius (2)
- box-shadow (2)
- Browser Default Style Sheet (1)
- Browser Internals (5)
- Browser Wars (1)
- Browsers (1)
- Byte (1)
- C (2)
- C# (1)
- C++ (5)
- Cache (1)
- Caching (2)
- Calcite Rind (1)
- Callback Function (1)
- Caltech (1)
- caniuse.com (1)
- Canvas (1)
- Captioning (3)
- Cascade (4)
- CDN (1)
- Centering Images (2)
- CEO (1)
- certbot (1)
- chown (1)
- Chrome Developer (1)
- Class (8)
- Classes and IDs (4)
- clear (3)
- Cloud Computing (1)
- Cloud Hosting (1)
- Code Igniter (3)
- CodeEval (1)
- Color Swatch (1)
- column-count (1)
- column-gap (1)
- Compiler (3)
- Computing News (5)
- Constructor Function (1)
- containing block (1)
- Content Delivery Network (1)
- Content-type (1)
- Cookies (1)
- Copyright Symbol (1)
- CPU (1)
- CREATE TABLE (1)
- Creating MySQL Tables (1)
- Cron Job (1)
- Crop an Image Using CSS (1)
- Cross Browser Platforms (1)
- cross-domain (1)
- CSR (1)
- CSS (30)
- CSS 3 (3)
- CSS 3.0 Gradient (1)
- CSS 3.0 last-child (1)
- CSS 3.0 Multiple Background Images (1)
- CSS 3.0 Transforms (1)
- CSS Bar Graphs (3)
- CSS Content Property (1)
- CSS Framework (3)
- CSS Grid (1)
- CSS Layout (1)
- CSS Quote Property (1)
- CSS Resets (1)
- CSS Syntax (14)
- CSS Tutorials (11)
- CSS visibility (1)
- CSS Zen Garden (8)
- CSS Zen Garden Dave Shea (2)
- CSS3 (1)
- CSS3.0 (1)
- Cufon (7)
- Curl (1)
- Cypress (1)
- Data Cells (1)
- Data Recovery (1)
- Dave Shea (3)
- Dedicated Server (1)
- Definition Lists (1)
- Demeter (1)
- Descendant Selector (3)
- Descendants (4)
- Developer (1)
- Development Cycle (1)
- Diagonal Menu (1)
- Digg (2)
- Digital Ocean (1)
- Disk Drill (1)
- Disk Partitions (1)
- display (3)
- display: none (1)
- display:block; (1)
- display:block; Cookie Cutter Method (1)
- display:block; display:none (1)
- display:block; Fonts and Text (1)
- DIV (5)
- DNS (3)
- Docker (1)
- document.createElement (1)
- DOM (1)
- Domain Name Server (1)
- Domain Registrar (1)
- Door County (2)
- Dot Notation (1)
- Drop Cap (5)
- Drop Shadow (1)
- DSL (1)
- Dual Stack (1)
- DuckDuckGo (1)
- E Ink (1)
- Eclipse (1)
- Editor (1)
- Embedded Styles (2)
- Encryption (1)
- Eric Meyer (2)
- Escaping Characters in CSS (1)
- Ethernet (1)
- Expand Widget Templates (1)
- Express (4)
- External Enclosure (1)
- External Stye Sheets (1)
- Fading Image (1)
- falsey (1)
- FAT32 (1)
- Faux Columns (1)
- Favicon (1)
- FileZilla (2)
- Firefox (3)
- Firefox Personas (1)
- first-child (2)
- Flash (1)
- Flash of Unstyled Text (2)
- Flat Design Aesthetic (1)
- Fleischman Collection (1)
- Flexbox (2)
- Float (21)
- float next to ul (2)
- Floating (9)
- Floating IMG element (3)
- Floating LI element (2)
- Floats (3)
- Fluid Rose for Zen Garden (8)
- font-face (4)
- font-style (2)
- Fonts (1)
- Fonts and Text (13)
- Footer (3)
- Foreign Keys (1)
- Form Element (1)
- Form Tag (1)
- Forms (1)
- FOUT (2)
- Framing an Image (1)
- Frankfurt Am Main (1)
- Friends of Apache (2)
- FTP/SFTP Clients (2)
- Functions (1)
- Funny (3)
- Gamify (1)
- Getty Museum (2)
- git (1)
- github (1)
- Godaddy (7)
- Google (4)
- Google AdSense (2)
- Google API (1)
- Google Chrome (7)
- Google Font (1)
- Google GeoCoding (1)
- Google Maps (1)
- Google Search (1)
- Google Webfonts (3)
- gparted (1)
- Graph (3)
- GraublauWeb (2)
- Grep (1)
- Grid (1)
- gutter (1)
- h1 (1)
- h3 (1)
- Haas Neue Grotesk (1)
- Happy 4th (2)
- Hardware (1)
- header (1)
- Headings (1)
- height (2)
- Helvetica (1)
- Hex Codes (1)
- hgroup (1)
- High Level Design (1)
- History (1)
- Hollow Photoshop Circles (1)
- Horizontal Bar Graph (2)
- How CSS Works (2)
- hr (1)
- HTML (11)
- HTML Blockquote (3)
- HTML Elements (1)
- HTML Forms (1)
- HTML Table (2)
- HTML5 (3)
- HTML5 Rocks (1)
- HTTP (4)
- HTTP Daemon (1)
- HTTP GET (1)
- HTTP Headers (1)
- HTTP Request (1)
- HTTP Request Headers (1)
- HTTP Response Headers (1)
- httpd.exe (1)
- HTTPS (1)
- ID (3)
- id_rsa (1)
- id_rsa.pub (1)
- IDE (1)
- IE (2)
- IE Compatibility Mode (1)
- IE Punches (1)
- IE6 (2)
- IETF.org (1)
- Image Captioning (1)
- Image Captioning Tool (3)
- Image Grid (5)
- Image Replacement (3)
- img (5)
- important (1)
- Inheritance (2)
- Inline Element (4)
- inline style (1)
- Inline-block (1)
- Input (2)
- INSERT INTO (1)
- Inserting MySQL Records (1)
- Inserting Records into Database (1)
- inside (2)
- Intermediate (1)
- Internet (15)
- Internet Explorer (2)
- IP (1)
- IP Address (3)
- IP Header (1)
- IP Packet (1)
- IP Packets (1)
- IP Route (1)
- IPC (1)
- IPv4 (1)
- IPv6 (1)
- italic (1)
- Java (1)
- Javascript (22)
- Javascript Apply (1)
- Javascript arguments (1)
- Javascript Bind (1)
- Javascript Closures (2)
- Javascript Objects (1)
- jQuery (5)
- jQuery UI (1)
- JS Join Method (1)
- JS Map Method (2)
- JS Spread Operator (1)
- jsfiddle (1)
- JSON (1)
- JSX (1)
- JW Player (1)
- jwplayer (1)
- Kindle (1)
- LAMP (2)
- last-child (1)
- Latency (1)
- Layout (10)
- left (2)
- let (1)
- li (11)
- Life (5)
- line-height (3)
- linear-gradient (1)
- link (1)
- Linux (5)
- list marker (2)
- list-style-image (1)
- list-style-position (2)
- list-style-type (2)
- LMS (1)
- Loading Times (1)
- localhost (3)
- longtailvideo (1)
- loop (1)
- LTI (1)
- Margin (3)
- Margin Collapsing (1)
- Margins between Floated and Cleared Elements (1)
- Marion True (1)
- Markdown (1)
- markup (2)
- Meddon (1)
- media player (1)
- Menu (1)
- Microsoft (1)
- Microsoft Security Essentials (1)
- Microsoft Word (2)
- mime-type (1)
- Mobile Device Testing on Chrome (1)
- Modifying Blogger (35)
- Mondrian (1)
- MongoDB (1)
- moz (1)
- ms (1)
- Multi-Column Layout (8)
- Multiple Backgrounds (1)
- multiple class (4)
- MVCS (1)
- MySpace (8)
- MySpace Layout Tutorials (8)
- MySQL (10)
- MYSQLI_ASSOC (1)
- mysqli_connect (1)
- mysqli_fetch_array (1)
- mysqli_num_rows (1)
- mysqli_query (1)
- Nameserver (1)
- nav (1)
- Navigation Menu (2)
- Negative Margin (2)
- Net Neutrality (1)
- Network Address Translation (2)
- networking (1)
- Networking Driver (1)
- New Beginnings (1)
- NexStar (1)
- NodeJS (11)
- Notepad++ (2)
- NPM (1)
- NTFS (1)
- o (1)
- Object Literal (1)
- Objects (1)
- Octal Notation (1)
- ol (1)
- Opacity (7)
- Oracle (1)
- Order (1)
- Ordered Lists (3)
- Origin (1)
- outline:none (1)
- outside (1)
- overflow (2)
- overflow : hidden (1)
- overflow property (1)
- overflow: hidden; (1)
- overflow:auto (1)
- p (1)
- p element (1)
- Padding and Margins (14)
- Parallelism (1)
- Parent-Child Relationship (1)
- Parsing RSS Feed (2)
- Particular Attribute Selector (1)
- Period in a Class/ID Name (1)
- Perl (1)
- Permissions (1)
- Permissions Calculator (1)
- Persephone (1)
- Peter Paul Rubens (1)
- photo gallery (1)
- Photoshop (14)
- Photoshop Action (1)
- Photoshop Action Palette (1)
- Photoshop Macro (1)
- PHP (22)
- PHP Array of Arrays (1)
- PHP count (2)
- PHP empty (1)
- PHP foreach (2)
- PHP if (1)
- PHP in_array (1)
- PHP Short Tags (1)
- PHP sort (1)
- PHP Syntax (1)
- PHP Variable Dump (1)
- phpMyAdmin (9)
- PNG Format (1)
- PNG Transparency Files (1)
- Points of Sail (1)
- Pop-ups (1)
- port (1)
- Port Number (1)
- Positioning (5)
- Positioning Context (6)
- Positioning Elements (7)
- POST (1)
- Primary Keys (1)
- print_r (1)
- Private Key (2)
- Programming Languages (1)
- Promises (1)
- Protocol (2)
- PS Find Edges (1)
- PS Lens Flare (1)
- PS Mosaic (1)
- PS Perspective (1)
- Pseudo Element (1)
- public key (1)
- Pullqutoes (2)
- Python (1)
- Raspberry Pi (1)
- React (3)
- React Inline Styles (1)
- react.createEleement (1)
- Reader Style Sheet (1)
- Reading (1)
- Recipes (3)
- REGEX (1)
- Regular Expression (3)
- Relational Database (3)
- Relative Path (1)
- Relative Positioning (12)
- Reloading Apache (1)
- Removing Hard Disk in a Laptop (1)
- Reset (1)
- REST API (2)
- Return Statement (1)
- RFC (2)
- right-margin (1)
- Rounded Corners (1)
- Rounding Corners of an Image (1)
- Router (1)
- routes (1)
- Routing (2)
- RSS (1)
- RSS Feed (3)
- Safari (1)
- Sailing (10)
- Scope (1)
- script (1)
- Scrolling Tables (1)
- Search (3)
- Search Engine (2)
- Search Engine Optimization (1)
- Searching RSS Feed (1)
- Secure Shell (2)
- SELECT (2)
- Selectors (7)
- SEO (2)
- Server (7)
- server side (2)
- Sessions (1)
- SFTP (1)
- Shared Hosting (2)
- Simple Attribute Selector (1)
- simpleXML (1)
- Size an Image Using CSS (1)
- Skeuomorphism (1)
- Software Design (1)
- Software Testing (2)
- Solr (1)
- Sonet OC3 (1)
- span (7)
- Specificity (5)
- splash image (1)
- Sprite (6)
- Sprites (3)
- Square Bracket Notation (1)
- SSH (3)
- ssh-keygen (2)
- SSL (3)
- stable treemaps (1)
- stack frame (1)
- Stu Nicholls (1)
- StumbleUpon (1)
- Style Sheets (1)
- Styling a Page (16)
- Substring Matching Attribute Selector (1)
- SUDO (1)
- SWFObject (1)
- Symbolic Link (1)
- Syntax Highlighting (1)
- Table Layout (1)
- Tables with Fixed Headings (1)
- Tantek Celik (1)
- tbody (1)
- TCP/IP (4)
- td (2)
- Teamwork (1)
- Technorati (2)
- Ternary Statement (1)
- text-align (1)
- text-indent (2)
- text-shadow (1)
- textarea (1)
- th (2)
- The Cascade (2)
- The Flow (10)
- The Site (2)
- The Squaire (1)
- thead (1)
- this (1)
- Tools (2)
- top (2)
- Toshiba R500 (1)
- Transferring Code (1)
- transform: rotate( ) (2)
- Transparency (2)
- Transparent Border in Photoshop (1)
- Truncation (1)
- truthy (1)
- Tweet (2)
- Twitter (1)
- Typekit (2)
- Ubuntu (4)
- Ubuntu 10.04 (1)
- UDP (1)
- ul (11)
- Unix (1)
- Unordered List (2)
- Unordered Lists (4)
- Upgrading NodeJS (1)
- urlencoded (1)
- USB Device (1)
- User Style Sheet (1)
- Value Attribute Selector (1)
- var (1)
- vendor prefix (1)
- Venus of Morgantina (1)
- Version Control System (1)
- Virtual Host (1)
- Virtual Private Server (1)
- visibility (2)
- visualization (1)
- VPS (1)
- watermark (1)
- WebFontConfig (1)
- Webkit (3)
- Website Design (21)
- Websites (1)
- Wet Drapery Style (1)
- wf-active (1)
- wf-inactive (1)
- wf-loading (1)
- width (4)
- WIFI (2)
- Windows (1)
- Windows 7 (1)
- Windows Driver (1)
- XAMPP (2)
- XHTML (27)
- XML (1)
- xpath (1)
- xpath query (1)
- YUI Grids (1)
- z-index (5)
Post a Comment
Note: Only a member of this blog may post a comment.