Internet Brain » Cascading Style Sheets

Sneak — Fixing the background 'bleed'

Laura — Tue, 10 Aug 2010 01:35:15 +0000

Sneak — Fixing the background ‘bleed’.

CSS3 Border-Radius & Rounded Avatars | Trent Walton

Laura — Mon, 09 Aug 2010 12:12:48 +0000

CSS3 Border-Radius & Rounded Avatars | Trent Walton.

css3-mediaqueries-js

Laura — Mon, 02 Aug 2010 20:49:33 +0000

css3-mediaqueries-js – Project Hosting on Google Code.

css3-mediaqueries.js is a JavaScript library to make IE 5+, Firefox 1+ and Safari 2 transparently parse, test and apply CSS3 Media Queries. Firefox 3.5+, Opera 7+ and Safari 3+ already offer native support.

A Guide on Layout Types in Web Design

Laura — Fri, 23 Jul 2010 15:16:16 +0000

A Guide on Layout Types in Web Design.

CSS Media Queries & Using Available Space | CSS-Tricks

Laura — Wed, 21 Jul 2010 08:55:27 +0000

CSS Media Queries & Using Available Space | CSS-Tricks.

CSS Media queries let you set the layout of a webpage based on the size of the screen it’s being displayed on. The webpage includes the code for the iPhone and iPad screens.

Proportional leading with CSS3 Media Queries | Stuff and Nonsense

Laura — Wed, 30 Jun 2010 17:07:57 +0000

Proportional leading with CSS3 Media Queries | Stuff and Nonsense.

Create A Clean and Stylish CSS3 Contact Form | Voosh Themes

Laura — Wed, 30 Jun 2010 17:07:43 +0000

Create A Clean and Stylish CSS3 Contact Form | Voosh Themes.

Overflow: hidden; – CSS Tutorial – Correcting Orphans w/ Overflow – CSS Overflow Tricks and Tips | HTML/CSS Tutorials | Web Design Tutorials and Front-end Development Blog by Soh Tanaka

Laura — Sun, 06 Jun 2010 04:31:33 +0000

hidden; to fix the problem. Add overflow: hidden; to your targeted

tag with CSS Specificity, or wrap the paragraph with a container that has overflow:hidden; applied to it.
… As you can see, the paragraphs do not wrap around the floated image. Take a look at the HTML and CSS below for a demonstration.
via Overflow: hidden; – CSS Tutorial – Correcting Orphans w/ Overflow – CSS Overflow Tricks and Tips | HTML/CSS Tutorials | Web Design Tutorials and Front-end Development Blog by Soh Tanaka.

Liquid, Fluid and Elastic Layout Templates, Tools and Frameworks – Speckyboy Design Magazine

Laura — Mon, 31 May 2010 13:38:44 +0000

In recent years, screen resolutions are getting both bigger (large monitors) and smaller (in the mobile sense), as such, a static or fixed web layout may no longer be deemed completely viable. Maybe its time to change.

Liquid, fluid and elastic layouts, have as many supporters as fixed layouts, despite what ever your feelings are on these styles of layouts, having some knowledge on adapting a site to liquid or elastic would most definitely be a plus in your arsenal.

In this article you will find a collection of starter and basic fluid/liquid and elastic layouts, CSS frameworks and some useful tools to help you with your next project.

via Liquid, Fluid and Elastic Layout Templates, Tools and Frameworks – Speckyboy Design Magazine.

Fluid Images — Unstoppable Robot Ninja

Laura — Wed, 26 May 2010 11:17:00 +0000

Fluid Images — Unstoppable Robot Ninja.