Group items tagged css techniques - Web Development, Design & Programming

15 CSS3 Navigation and Menu Tutorials and Techniques - Speckyboy Design Magazine - 0 views

speckyboy.com/...-menu-tutorials-and-techniques

CSS3 navigation menu Tutorial

shared by Jochen Burkhard on 15 Mar 10 - Cached

Jochen Burkhard on 15 Mar 10

CSS3 is slowly but surely creeping into mainstream web design, more and more designers are using it, albeit in small doses, but it is certainly gathering momentum. It really is an exciting time for web design.

<div class="cArrow"> </div><div class="cContentInner">CSS3 is slowly but surely creeping into mainstream web design, more and more designers are using it, albeit in small doses, but it is certainly gathering momentum. It really is an exciting time for web design.</div>

...

Cancel

The Future Of CSS Typography - Smashing Magazine - 0 views

www.smashingmagazine.com/...css-and-the-future-of-text

css typography Web-Design

shared by Jochen Burkhard on 01 Apr 10 - Cached

Jochen Burkhard on 01 Apr 10

There has been an increasing and sincere interest in typography on the web over the last few years. Most websites rely on text to convey their messages, so it's not a surprise that text is treated with utmost care. In this article, we'll look at some useful techniques and clever effects that use the power of style sheets and some features of the upcoming CSS Text Level 3 specification, which should give Web designers finer control over text.

<div class="cArrow"> </div><div class="cContentInner">There has been an increasing and sincere interest in typography on the web over the last few years. Most websites rely on text to convey their messages, so it's not a surprise that text is treated with utmost care. In this article, we'll look at some useful techniques and clever effects that use the power of style sheets and some features of the upcoming CSS Text Level 3 specification, which should give Web designers finer control over text.</div>

...

Cancel

How to Create CSS3 Paper Curls Without Images - 0 views

blogs.sitepoint.com/pure-css3-paper-curl

sitepoint howto paper curls css3 design

shared by Jochen Burkhard on 27 Apr 11 - No Cached

Jochen Burkhard on 27 Apr 11

In my previous posts, we discovered how to create speech bubbles and ribbons without additional HTML elements or images. They were achieved using CSS3 effects applied to the :before and :after pseudo-elements. In this post, we'll use a similar technique to create a paper curl effect.

<div class="cArrow"> </div><div class="cContentInner">In my previous posts, we discovered how to create speech bubbles and ribbons without additional HTML elements or images. They were achieved using CSS3 effects applied to the :before and :after pseudo-elements. In this post, we'll use a similar technique to create a paper curl effect.</div>

...

Cancel

css flexible box with four custom corners - 0 views

codylindley.com/...e-box-with-four-custom-corners

css techniques webdev css

shared by mikhail-miguel on 05 Mar 18 - Cached

The CSS Cheat Sheet - 0 views

www.ilovejackdaniels.com/...css-cheat-sheet

css techniques webdev css

shared by mikhail-miguel on 05 Mar 18 - Cached

Ten more CSS tricks you may not know - 0 views

www.webcredible.co.uk/...more-css-tricks.shtml

css techniques webdev css

shared by mikhail-miguel on 05 Mar 18 - Cached

Vertical Centering in CSS - 0 views

www.jakpsatweb.cz/...-vertical-center-solution.html

css techniques webdev css

shared by mikhail-miguel on 05 Mar 18 - Cached

CSS Code Visual Grouping Techniques - 0 views

www.brownbatterystudios.com/...ode-visual-grouping-techniques

css techniques webdev css

shared by mikhail-miguel on 05 Mar 18 - Cached

two techniques for css transparency - 0 views

weblensblogs.blogspot.com/...ques-for-css-transparency.html

css techniques webdev css blog

shared by mikhail-miguel on 05 Mar 18 - Cached

Elastic CSS Framework - 11 views

elasticss.com

CSS framework web design

shared by jdr santos on 10 Feb 11 - Cached

jdr santos on 10 Feb 11

A simple css framework to layout web-based interfaces, based on the printed layout techniques of 4 columns but with capabilities to unlimited column combinations. and capacity to make elastic, fixed and liquid layout easily.

<div class="cArrow"> </div><div class="cContentInner">A simple css framework to layout web-based interfaces, based on the printed layout techniques of 4 columns but with capabilities to unlimited column combinations. and capacity to make elastic, fixed and liquid layout easily.</div>

...

Cancel

an overview of current css layout techniques - 0 views

particletree.com/...-current-css-layout-techniques

css layouts webdev css

shared by mikhail-miguel on 05 Mar 18 - Cached

mikhail-miguel on 05 Mar 18

Particletree is the beginning of something. This place, this collection of knowledge, is a gathering of forces, a sharpening of skills.

<div class="cArrow"> </div><div class="cContentInner">Particletree is the beginning of something. This place, this collection of knowledge, is a gathering of forces, a sharpening of skills.</div>

...

Cancel

CSS Image Pop UP Technique - 0 views

moneytreesystems.com/...picpopup.html

css techniques webdev css

shared by mikhail-miguel on 05 Mar 18 - Cached

The Easiest Way to Create Vertical Text with CSS | Nettuts+ - 0 views

net.tutsplus.com/...-create-vertical-text-with-css

css text design tip webdesign

shared by Jochen Burkhard on 18 Oct 10 - No Cached

Jochen Burkhard on 18 Oct 10

"Earlier this morning, I needed to create vertical text for a project I'm working on. After trying out a couple ideas, I took to Twitter to find what sorts of thoughts our followers had on the subject. There were plenty of great responses and ideas that we'll go over today! "

<div class="cArrow"> </div><div class="cContentInner">"Earlier this morning, I needed to create vertical text for a project I'm working on. After trying out a couple ideas, I took to Twitter to find what sorts of thoughts our followers had on the subject. There were plenty of great responses and ideas that we'll go over today! "</div>

...

Cancel
Jochen Burkhard on 18 Oct 10

Sooo short the tip, so useful.

<div class="cArrow"> </div><div class="cContentInner">Sooo short the tip, so useful.</div>

...

Cancel

How to Make All Browsers Render HTML5 Mark-up Correctly - Even IE6 | Nettuts+ - 0 views

net.tutsplus.com/...ml5-mark-up-correctly-even-ie6

HTML 5 Compatibility IE6 javascript css Rendering

shared by Jochen Burkhard on 07 Apr 10 - Cached

Jochen Burkhard on 07 Apr 10

HTML 5 provides some great new features for web designers who want to code readable, semantically-meaningful layouts. However, support for HTML 5 is still evolving, and Internet Explorer is the last to add support. In this tutorial, we'll create a common layout using some of HTML 5's new semantic elements, then use JavaScript and CSS to make our design backwards-compatible with Internet Explorer. Yes, even IE 6.

<div class="cArrow"> </div><div class="cContentInner">HTML 5 provides some great new features for web designers who want to code readable, semantically-meaningful layouts. However, support for HTML 5 is still evolving, and Internet Explorer is the last to add support. In this tutorial, we'll create a common layout using some of HTML 5's new semantic elements, then use JavaScript and CSS to make our design backwards-compatible with Internet Explorer. Yes, even IE 6.</div>

...

Cancel