Skip to main content

Home/ CSS Evangelist/ Group items tagged class

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
mikhail-miguel

css bloom - 0 views

cssbloom.com

webdev css

shared by mikhail-miguel on 18 Feb 07 - Cached
  • (16 votes, average: 3.88 out of 5)  Loading ... Comments (4) | Permalink CSS Bloom is a website showcasing the best CSS based designs used by Blog's and Online Portfolio's. By providing links, and previews of the best designs, we aim to provide our viewers with inspiration for their websites. If you have come across a design which is missing from CSS Bloom, but you feel should be added, or if you would like to submit your own design, then please use the Submit link at the top of the page. PetrSimi January 26th, 2007 (11 votes, average: 3.09 out of 5)  Loading ... Comments (0) | Permalink Blog PetrSimi January 26th, 2007 (11 votes, average: 3 out of 5)  Loading ...
wen071

CSS Bloom | CSS Gallery with Blog's and Online Portfolio's - 0 views

www.cssbloom.com

css

shared by wen071 on 19 Feb 07 - Cached
  • CSS Bloom is a website showcasing the best CSS based designs used by Blog's and Online Portfolio's. By providing links, and previews of the best designs, we aim to provide our viewers with inspiration for their websites. If you have come across a design which is missing from CSS Bloom, but you feel should be added, or if you would like to submit your own design, then please use the Submit link at the top of the page. PetrSimi January 26th, 2007 (11 votes, average: 3.09 out of 5)  Loading ... Comments (0) | Permalink Blog PetrSimi January 26th, 2007 (11 votes, average: 3 out of 5)  Loading ... Comments (0) | Permalink CreativeBits January 26th, 2007
enmail

CSS Templates - Solucija - 0 views

www.solucija.com/...css-templates

css templates

shared by enmail on 25 Feb 07 - Cached
  • View DemoDownload Template Artificial Intelligence View DemoDownload Template Internet Sharing View DemoDownload Template Internet Broadcast View DemoDownload Template Internet Management View DemoDownload Template Internet Music View DemoDownload Template City Nightlife View DemoDownload Template Internet Services View DemoDownload Template Internet Market View DemoDownload Template Internet Center View DemoDownload Template What's Your Solution? View DemoDownload Template Internet Jobs View DemoDownload Template Internet Jobs #2 View DemoDownload Template Small Studio View DemoDownload Template Modern World View DemoDownload Template Blue Blog Template View DemoDownload Template Sonia Template View DemoDownload Template Happy Blog View DemoDownload Template Blue Blog Template View DemoDownload Template Strategic Business Designs View DemoDownload Template Life Is Simple View DemoDownload Template Please Smile Again View DemoDownload Template Recent article: sNews 1.5.31 - Better Security and Math Captcha
yc c

Dynamic Drive CSS Library- Practical CSS codes and examples - 0 views

www.dynamicdrive.com/style

css examples sniplet

shared by yc c on 14 Feb 07 - Cached
  • var rate87=new rateit(87, "26", "090%") rate87.displaytext("26") 4.5 CSS Gradient Shadow var rate74=new rateit(74, "72", "078%") rate74.displaytext("72") 3.9 CSS Thick Tabs var rate47=new rateit(47, "71", "080%") rate47.displaytext("71") 4 SuckerTree Vertical Menu (v1.1) var rate52=new rateit(52, "60", "074%") rate52.displaytext("60") 3.7 Overlapping horizontal tabs var rate51=new rateit(51, "128", "080%") rate51.displaytext("128") 4 Animated link underlines var rate50=new rateit(50, "78", "075%") rate50.displaytext("78") 3.8 SuckerTree Horizontal Menu <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xm
Vernon Fowler

Web Designer Notebook » How to use Modernizr - 0 views

webdesignernotebook.com/...how-to-use-modernizr

html5 css3 javascript library browser modernizr css webdesign

shared by Vernon Fowler on 15 Mar 14 - No Cached
  • Modernizr doesn’t actually magically enable these properties for browsers that don’t support them. It just tells the page whether that feature is supported on the browser the visitor is using or not.
  • To install Modernizr, download the file from this page. Then, on your site’s head tag, add a link to the file. For example: ?1&lt;script src="js/modernizr-1.0.min.js"&gt;&lt;/script&gt; The second step is to include on your html tag a class of “no-js”: ?1&lt;html class="no-js"&gt; Why add this tag? Because that will be the default state of the page. If JavaScript (js) isn’t on, then Modernizr won’t work at all (and probably other features of your site won’t work either…), so it’s good that we have a fallback for that case. If JavaScript is indeed enabled, once that page is loaded on the browser, that class will be replaced dynamically and it may look something like this: ?1&lt;html class="js canvas canvastext geolocation rgba hsla no-multiplebgs borderimage borderradius boxshadow opacity no-cssanimations csscolumns no-cssgradients no-cssreflections csstransforms no-csstransforms3d no-csstransitions&nbsp; video audio cufon-active fontface cufon-ready"&gt;
  • Vernon Fowler on 15 Mar 14
     
    "There is a tool that came to make our lives as progressive web designers a bit easier: Modernizr. In this short tutorial, learn how to apply this handy script to maximum effect on your sites."
mikhail-miguel

Design Shack - Inspirational CSS and Blog Design - 0 views

www.designshack.co.uk/index.php

webdev css

shared by mikhail-miguel on 19 Feb 07 - Cached
  • Brand's Vistro 415 Views - Visit Site 5 Elan Snowboards 143 Views - Visit Site 6 Stock Temple 115 Views - Visit Site 5 Mein Brandenburg 347 Views - Visit Site 7 Kineda 277 Views - Visit Site 4 Emma's Bridal Jewelry 220 Views - Visit Site 8 Footnote 552 Views - Visit Site 5 Triple Crown 343 Views - Visit Site 7 Arts and Sciences
Vernon Fowler

Box Sizing | CSS-Tricks - 0 views

css-tricks.com/box-sizing

css box-sizing webdesign css3

shared by Vernon Fowler on 21 Aug 12 - No Cached
  • The box-sizing CSS3 property can do just this. The border-box value (as opposed to the content-box default) makes the final rendered box the declared width, and any border and padding cut inside the box.
  • -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */
Vernon Fowler

Box Sizing | CSS-Tricks - 0 views

css-tricks.com/box-sizing

box sizing layout boxmodel CSS webdesign

shared by Vernon Fowler on 26 Jan 12 - No Cached
  • -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */
Vernon Fowler

An introduction to LESS, and comparison to Sass | Smashing Coding - 0 views

coding.smashingmagazine.com/...to-less-and-comparison-to-sass

less sass css comparison webdesign css3 preprocessor

shared by Vernon Fowler on 25 Feb 14 - No Cached
  • The only difference in variables between LESS and Sass is that, while LESS uses @, Sass uses $. There are some scope differences as well, which I’ll get to shortly.
  • With Sass, you declare @mixin prior to the style to identify it as a mixin. Later, you declare @include to call it.
  • Parametric Mixins Like having functions in your CSS (*swoon*), these can be immensely useful for those seemingly redundant tasks of modern-day CSS.
  • ...8 more annotations...
  • .border-radius( @radius: 3px ) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; }
  • The syntax in Sass is very similar to that of LESS. Just use the $ for variables, and call the mixins with the @mixin and @include method mentioned earlier.
  • Selector Inheritance Here’s something not provided in LESS. With this ability, you can append a selector to a previously established selector without the need to add it in a comma-separated format. .menu { border: 1px solid #ddd; } .footer { @extend .menu; } /* will render like so: */ .menu, .footer { border: 1px solid #ddd; }
  • With LESS, you can nest ids, classes and elements as you go.
  • You can also refer in element styles to their pseudo-elements by using the &amp;, which in this case functions similar to this in JavaScript.
  • Sass is a lot more versatile with numbers than LESS. It has built into it conversion tables to combine comparable units.
  • Sass seems to have a lot more color options — not that I would need them all. Lighten and darken are the only ones that I see myself using often.
  • Conditionals and Control This is rather nifty, and another thing not provided by LESS. With Sass, you have the ability to use if { } else { } conditional statements, as well as for { } loops. It supports and, or and not, as well as the &lt;, &gt;, &lt;=, &gt;= and == operators.
Vernon Fowler

Choosing great variable names - 0 views

thesassway.com/...variable-naming

variable namespace name sass scss css webdesign DIG252

shared by Vernon Fowler on 19 Jun 14 - No Cached
  • try to choose semantic names for your variables
  • describe its function or purpose
  • // Better $brand-color: red; $accent-color: yellow;
  • ...3 more annotations...
  • postfix color names with -color:
  • add a prefix like header- or footer- for specific sections: // Header $header-height: 100px; $header-background-color: $color-brand; // Footer $footer-height: 200px; $footer-background-color: #aaa;
  • I like to keep all my variables in a single file, called _config.scss, that I include in my primary stylesheet using the @import directive.
Jamil Silva

&lt;!DOCTYPE html P - 3 views

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &nbsp; &lt;!-- Thi...

theme tumblr isadora blanch cultura visual bigtheme

started by Jamil Silva on 01 Sep 12 no follow-up yet
Mr. DiGi

Beautiful and Simple CSS Button Styling - 8 views

www.narga.net/-and-simple-css-button-styling

html css webdesign design buttons images tips

shared by Mr. DiGi on 02 Nov 09 - Cached
igmuska . and anonymous liked it
  • Particletree CSS Button Style
  • Scalable CSS Buttons Using PNG and Background Colors
  • Woork CSS buttons with icon set
  • ...5 more annotations...
  • Liquid &amp; Color Adjustable CSS Buttons When working on a large site with multiple buttons, it can be quite tedious to make all the buttons in Photoshop. Making future adjustments on the verbiage and colors can be also be time consuming.
  • Styling the Button Element with CSS Sliding Doors
  • Bold CSS Buttons
  • Pure CSS Buttons
  • Roll Over Button
mikhail-miguel

13styles.com :: Navigation menus online - 0 views

www.13styles.com

webdev css navigation menus

shared by mikhail-miguel on 22 Feb 07 - Cached
  • Saturday &nbsp; Photoshop template included for color customization. Pre-built in light green/auburn. Dolphin &nbsp; Photoshop template included for color customization. Pre-built in blue. Fox &nbsp; Photoshop template included for color customization. Pre-built in red. Background color controlled in css. Slate &nbsp; Photoshop template included for color customization. Pre-built in red, blue, green and purple. Wax &nbsp; Photoshop template included for color customization. Pre-built in blue, orange, red, green and grey. Style #1 Photoshop template not included. Pre-built in grey/blue. Style #2 Photoshop template not included. Pre-built in grey/blue. Style #4 Photoshop template not included. Pre-built in red/grey. Top red line controlled via CSS. Style #5 Photoshop template not included. Pre-built in dark blue. Bottom pink-ish line controlled nia CSS. &nbsp; &nbsp;
mikhail-miguel

CSS Drive - 0 views

www.cssdrive.com

webdev css galleries showcases

shared by mikhail-miguel on 15 Feb 07 - Cached
  • MediaGirl (0) Posted on: 02/15/2007 var rate1995=new rateit(1995, "", "") rate1995.displaytext("") Eskymo Media (0) Posted on: 02/14/2007 var rate1974=new rateit(1974, "6", "060%") rate1974.displaytext("6") 6 FuzeCreative (0) Posted on: 02/13/2007 var rate1970=new rateit(1970, "3", "043%") rate1970.displaytext("3") 4.3 SilverPoint (0) Posted on: 02/13/2007 var rate41=new rateit(41, "2", "070%") rate41.displaytext("2") 7 Scrapbook (0) Posted on: 02/12/2007 var rate1958=new rateit(1958, "3", "060%") rate1958.displaytext("3") 6 Extendio (0) Posted on: 02/10/2007 var rate1956=new rateit(1956, "10", "085%") rate1956.displaytext("10") 8.5 Last 20 unreviewed submissions Random showcases The Ranch Brokers (0) Posted on: 01/29/2007 var rate1895=new rateit(1895, "4", "082%") rate1895.displaytext("4") 8.2 Cre8d Design (0) Posted on: 01/22/2006
mikhail-miguel

Unmatchedstyle - 0 views

www.unmatchedstyle.com

webdev css galleries showcases

shared by mikhail-miguel on 16 Feb 07 - Cached
  • Dallas Logistics Hub | 7.7 Inkoherence | 7.1 Justin Shattuck | 7.3 nonstep radio | 6.7 Tweak! | 6.4 snagt | 6.7 More Gallery Entries » &nbsp;
moviele

Programming Designs Forums / Top Ten CSS Gallery/Showcase Websites - 0 views

forum.programming-designs.com/viewtopic.php

css

shared by moviele on 23 Feb 07 - Cached
  • Features:Submit websites? NoSubmit CSS Templates? YesRate websites/designs? YesComment on websites/designs? NoSite Functionality: 5/5Comments: CSSZenGarden is one of the first in it's class and showcases talent through customizing stylesheets to fit the site's design.2. StyleGala.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 5/5Comments: Style Gala not only showcases design but also brings resources into the mix, providing a great community for web designers./3. CSSRemix.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 5/5Comments: In my opinion, the best gallery showcase of CSS websites there is in terms of allowing people to interact.4. CSSReboot.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 5/5Comments: This site is more competitive than the others and submitting a site isn't as easy as the rest. But for what it does, it's great.5. CSSTux.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? NoComment on websites/designs? YesSite Functionality: 4/5Comments: Design is great, showcase is simple yet elegant.6. CSSMania.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? NoSite Functionality: 4/5Comments: A site with great functionality but commenting would be nice.7. CSSImport.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 4/5Comments: Another great showcase of design and talent, definitely a site you should check out.8. CSSDrive.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 4/5Comments: Great functionality, not the best design though.9. UnmatchedStyle.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 4/5Comments: They don't give quite enough room for effective showcasing, but overall it works.10. CSSBloom.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 3/5Comments: CSSBloom is based on WordPress, looks like a blog, but works well.Notable Mentions 11. CSS-Galleries.comFeatures:
    • Jason Bao
      Jason Bao on 23 Feb 07
       
      Zen Garden is an excellent one!
mikhail-miguel

CSS Import - 0 views

www.cssimport.com

webdev css galleries showcases

shared by mikhail-miguel on 14 Feb 07 - Cached
  • Contrabrand (0)Feb 14, 2007 12 Stone Art (0)Feb 5, 2007 Spouse Notes (0)Feb 4, 2007 Urban Dish Seattle (1)Feb 2, 2007 Agency Access (0)Feb 2, 2007 Fall in Tennessee (0)Feb 2, 2007 NorthColour (3)Feb 1, 2007 Noemie Chevaux (0)Feb 1, 2007 Incredible Box (3)Feb 1, 2007 Drew Warkentin (4)
wen071

CSSElite CSS Gallery - css gallery, website design gallery, web design resources, css d... - 0 views

www.csselite.com

css website

shared by wen071 on 19 Feb 07 - Cached
  • AJ Miles (0) Bluebolt (0) Pro Landscape (0) OhYouPrettyThings (0) SUM Agency (0) Igoo (0) Young Go Getter (0) Future of Web Apps (0)
stylist

Yet Another Multicolumn Layout | Ein (X)HTML/CSS Framework - 1 views

www.yaml.de

html

shared by stylist on 14 Feb 07 - Cached
  • Wilhelm Wagenfeld Haus Netzspielwiese Flexible/Elastische Layouts Gymnasium Blomberg Blogstoff-Weblog &nbsp;
1 - 20 of 91 Next › Last »
Showing 20▼ items per page