css tutorials

The principles of beautiful web design

0
3 years ago
in , ,

The Principles of Beautiful Web Design | By Jason Beaird1st Edition | PDF | 180 Pages | 978-0-9758419-6-9 | March 2007 | 6.67 MB“You don’t need to go to Art School to design great looking web sites!”

This book will show you how to:* Create amazing designs from scratch* Understand why some designs “work”* Unleash your creative talents* Master the design fundamentals: layout, color, texture, typography and imagery* Uncover the trade secrets the great designers keep to themselves…and much more. Far too many things to mention here!Book Description:Tired of making web sites that work absolutely perfectly but just don’t, well, look very nice? Using The Principles of Beautiful Web Design, you’ll see just how easy it can be to create aesthetically pleasing and usable web site designs.This gorgeous, full-color book will guide you through the complete design process from getting inspiration and sketching ideas

More >

 

Five Tools For Faking Advanced CSS …

0
3 years ago
in
When some people find a well-designed blog with a few neat tricks, they tend to automatically assume the owner is a CSS genius who’s the next big designer to hit the web.When some people find a well-designed blog with a few neat tricks, they tend to automatically assume the owner is a CSS genius who’s the next big designer to hit the web. That very well may be the case but more often than not the designer is using ‘tools’ that you just haven’t discovered yet. Here’s five web generators that will make you look like Nick La!CSSTypesetCSSTypset is handy tool for seeing the effect of CSS code while simultaneously seeing what’s going on behind the scenes with the actual code. It works both ways, you can type code and immediately see it applied to text, or you can type text and use a GUI with sliders to apply

More >

 

IE CSS Bugs That’ll Get You Every Time

1
3 years ago
in

IE 6 actually had the best CSS support of any browser when it firstcame out… SEVEN YEARS AGO. The little bugs in it’s CSS support stillhaunt us to this day. I still get comments from people who roundly reject any techniquethat doesn’t work in IE 6. While I generally refuse to pander to IE 6’slimitations, I still feel it is important to make things look right init whenever possible. Here are that major bugs in IE that’ll get youevery time:

The Box Model

This is perhaps the most common and frustrating bug of all in IE 6 and below. Let’s say you declare a box like this:

<code class="css"><span class="keyword">div</span><span class="id">#box</span> <span class="rules">{<br />   <span class="keyword">width</span>:<span class="value"> 100px</span>;<br />   <span class="keyword">border</span>:<span class="value"> 2px solid black</span>;<br />   <span class="keyword">padding</span>:<span class="value"> 10px</span>;<br />}</span></code></pre><p>IE 6 will calculate the width of the box

More >

Pro CSS and HTML Design Patterns

0
3 years ago
in , ,
Pro CSS and HTML Design Patterns by Michael Bowers Apress – PDF – English – 494 pages – ISBN 1590598040 – Size: 10MB

Description:Design patterns have been used with great success in software programming. They improve productivity, creativity, and efficiency in web design and development, and they reduce code bloat and complexity. In the context of CSS and HTML, design patterns are sets of common functionality that work across various browsers and screen readers, without sacrificing design values or accessibility or relying on hacks and filters. But until now they have not been applied systematically to HTML and CSS web design and development..With the help of Pro CSS and HTML Design Patterns, you can reap the benefits of using design patterns in your HTML and CSS code. The book provides you with all the CSS and HTML design patterns

More >

Professional CSS: Cascading Style Sheets for Web Design, 2nd Edition 2008

0
3 years ago
in , ,
Professional CSS: Cascading Style Sheets for Web Design, 2nd Edition 2008PDF | 323 Pag | English | May 2008 | 14 Mb | RapidShareDownload from RapidShareTechnorati Tags: Professional CSS: Cascading Style Sheets for Web Design, 2nd Edition 2008

5 TIPS FOR ORGANIZING YOUR CSS

0
3 years ago
in

1) This tip is perhaps the most useful because it can apply to both formats of CSS organization that I will describe later. I first saw this on Mike Rundle’s latest redesign of 9rules where he indents descendant and related rules.

For example: 

<br /><br /><code><br /><br />#main_side {<br />    width: 392px;<br />    padding: 0;<br />    float: right; }<br /><br />    #main_side #featured_articles {<br />        background: #fff; }<br /><br />    #main_side #frontpageads {<br />        background: #fff;<br />        margin: 8px 0; }<br /></code><br /></pre>  	<p>This structure makes it easier to define page areas and how they relate to each other.</p>  	<p>Also, the technique can be used when styling specific areas even if the base requires no rules. This can best be seen in the headlines:</p>  	<pre><br /><br /><code><br /><br />h2 { }<br /><br />    #snapshot_box h2 { <br />        padding: 0 0

More >

CSS techniques I use all the time

0
3 years ago
in

I’m always learning new things with CSS. It’s interesting because I’ve thought of myself as a CSS expert for a while now (I’ll challenge anyone to a competition, seriously) but I still keep learning and improving. I’ve come across some techniques lately that are extremely valuable and worth sharing. Have a look:

Initial Settings
Years ago I used the * selector as so in all my CSS: * { margin:0; padding:0; }. This eliminated all differences in padding and margin across browsers so I was free to go about styling my page. Unfortunately, this isn’t a good practice. It’s very heavy on the rendering agent to apply rules to every single element in the document, especially with large web pages, and this can also destroy a lot of good default styling, especially when you want to have default styled submit buttons. I learned from KuraFire Network that

More >

(The Only) Ten Things To Know About CSS

4
3 years ago
in
  1. The Point of CSS is to use clean, simple HTML in your page, then write CSS “rules” that style the objects on your page. The page stays clean and looks cool, and your HTML page works on both mobile devices and regular browsers. That’s the point of CSS. But The Art of CSS is quickly and easily referring to the right objects in your page from your CSS rules. The act of matching CSS rules to HTML tags is like a conversation: both sides need to be clear and in sync with each other, or they’ll talk over each other and you’ll get a headache from all the yelling.
  2. General or Specific Matching: suppose you want to style an <h1> header in your page. You can choose how general or specific your style is applied:
    • to style all <h1> tags, use css rule h1 {…
    • to

More >

Go to Top