Skip to main content

Home/ CSS Evangelist/ Group items tagged CSS

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
yc c

Pure CSS Twitter Fail Whale - Subcide - 5 views

www.subcide.com/...pure-css-twitter-fail-whale

CSS3 experiment animation

shared by yc c on 14 Jun 10 - Cached
  • yc c on 14 Jun 10
     
    Developers continue to do crazy things to show us what can be done with CSS3. The latest is a fully animated Twitter fail whale by Steve Dennis: The idea for this came to me this morning after being greeted first thing this morning by another Twitter outage. I'd been looking for something to stretch my CSS muscles on, and the Fail Whale seemed perfect. Also I think the animation only adds to his (or her?) charm. How was this made? The short answer is very painfully, by hand, using trial and error. Curves are done using various uneven border-radius properties, stranger angles (such as the strings) are masked using containers with overflow: hidden; set on them. I hope someone else gets a bit of enjoyment out of my wasted Sunday. It was a fun experiment that I don't plan on repeating any time soon. Take a look at the source to see the mass of code such as: PLAIN TEXTCSS:@-webkit-keyframes flutter1 {  0%   { -webkit-transform:rotate(0deg) }  50%  { -webkit-transform:rotate(-25deg) }  100% { -webkit-transform:rotate(0deg) }}.right .wing {  background: transparent !important;  z-index: 22 !important;  width: 15px;  height: 18px;  bottom: 4px;  left: 8px;  -webkit-animation: 'flutter1' 0.1s linear;  -webkit-animation-iteration-count: infinite;} 
yc c

CSS3 Playground by Mike Plate - 7 views

css3.mikeplate.com

css3 playground

shared by yc c on 11 Aug 10 - Cached
  • yc c on 11 Aug 10
     
    The CSS3 Playground is a web application for experimenting with some new css3 capabilities. Primarily those than conform to the progressive enhancement philosophy, which means that the styles can be used on all sites without severely changing/limiting the experience on browsers that does not support them (=Internet Explorer 8.0 and older). But there are also styles that may need better replacements on Internet Explorer such as rotation, and I hope I will have the time to add more in the future.
yc c

CSS Filters | Speaking | Hicksdesign - 6 views

hicksdesign.co.uk/...css-filters

CSS filters video browser howto

shared by yc c on 23 Jul 10 - Cached
  • yc c on 23 Jul 10
     
    A 5 minute microslot on how to make sure the browser you want gets the CSS that you want it to have! Exclude IE6 and earlier from seeing your CSS3, and specify styles for mobiles and IE versions.
Jungle Jar

8 Free And Useful CSS Tools For Your Development Toolkit - 0 views

www.junglejar.com/...css-applications

css style sheets web development web tools

shared by Jungle Jar on 14 Mar 09 - Cached
kie guy liked it
  • Jungle Jar on 14 Mar 09
     
    This is a nice collection I've put together of both online CSS web applications and desktop applications to assist the web developer with his/her project. Both the CSS veterans and beginners should find these tools useful and at least worth a bookmark or quick download.
Frederik Van Zande

How to get Cross Browser Compatibility Every Time | Anthony Short | Web Design & Develo... - 0 views

anthonyshort.com.au/...rowser-compatibility-everytime

best practice browser compatibility css reference

shared by Frederik Van Zande on 20 Jun 08 - Cached
  • Here is a quick summary for those of you who don't want to read the whole article: Always use strict doctype and standards-compliant HTML/CSS Always use a reset at the start of your css Use opacity:0.99 on text elements to clean up rendering in Safari Never resize images in the CSS or HTML Check font rendering in every browser. Don't use Lucida Size text as a % in the body, and as em's throughout All layout divs that are floated should include display:inline and overflow:hidden Containers should have overflow:auto and trigger hasLayout via a width or height Don't use any fancy CSS3 selectors Don't use transparent PNG's unless you have loaded the alpha
  • Frederik Van Zande on 20 Jun 08
     
    Cross-browser compatibility is one of the most time consuming tasks for any web designer. We've seen many different articles over the net describing common problems and fixes. I've collated all the information I could find to create some coding conventions for ensuring that your site will work first time in every browser. There are some things you should consider for Safari and Firefox also, and IE isn't always the culprit for your CSS woes.
Frederik Van Zande

Better Image Caching with CSS * Perishable Press - 0 views

perishablepress.com/...css-image-caching

css caching preload images best practice

shared by Frederik Van Zande on 21 Jan 09 - Cached
  • Frederik Van Zande on 21 Jan 09
     
    I have written previously on the fine art of preloading images without JavaScript using only CSS. These caching techniques have evolved in terms of effectiveness and accuracy, but may be improved further to allow for greater cross-browser functionality. In this post, I share a "CSS-only" preloading method that works better under a broader set of conditions.
Jungle Jar

Submit Your Site To 101 Current CSS Galleries - 0 views

www.junglejar.com/...css-galleries

CSS CSS gallerys CSS galleries design junglejar website design webpage design

shared by Jungle Jar on 04 Dec 08 - Cached
  • Jungle Jar on 04 Dec 08
     
    Here at JungleJar.com, we have aggregated a list of 101 CSS galleries that you can submit your own website to. Fantastic for self or group website promotion and gaining traffic and page rank.
Jungle Jar

JungleJar - Useful CSS Classes For The Masses - 0 views

www.junglejar.com/css-classes

CSS CSS classes design junglejar website design style sheets webpage design website development

shared by Jungle Jar on 31 Oct 08 - Cached
  • Jungle Jar on 31 Oct 08
     
    I've put together a list of useful CSS classes I find myself using on a regular basis, and a few of these are actually required by the Wordpress gang if you're going to submit a free Wordpress template to them.
yc c

CSS Properties Index - Jens Meiert - 0 views

meiert.com/...css-properties

css reference css1 css3

shared by yc c on 20 Feb 09 - Cached
  • yc c on 20 Feb 09
     
    A continuously updated list of all CSS , 2, 3 properties
Gary Edwards

Typogridphy - A Typographical and Grid Layout CSS Framework From Harry Roberts of CSS W... - 2 views

csswizardry.com/typogridphy

css layout-grid

shared by Gary Edwards on 31 May 08 - Cached
  • Grids & Typography Typogridphy is a CSS framework constructed to allow web designers and front-end developers to quickly code typograhically pleasing grid layouts. Based on the popular 960 Grid System, Typogridphy allows you to create grid layouts which are versatile and great looking. Typogridphy is made of fully validate, semantic and strict xHTML, and validate CSS.
  • Gary Edwards on 31 May 08
     
    Very nice. Great looking lists! Found this link at CSS-Tricks
anonymous

CSS Dock Menu - 0 views

www.ndesign-studio.com/...css-dock-menu

css

shared by anonymous on 14 May 07 - Cached
  • If you are a big Mac fan, you will love this CSS dock menu that I designed. It is using Jquery Javascript library and Fisheye component from Interface and some of my icons. It comes with two dock styles - top and bottom. This CSS dock menu is perfert to add on to my iTheme. Here I will show you how to implement it to your web page.
Uzair Ahmed

CSS HTML Converter / Stuff / Andy Langton's Website - 0 views

andylangton.co.uk/...css-html-converter

imported Bookmarks_Menu css

shared by Uzair Ahmed on 18 May 09 - Cached
  • Uzair Ahmed on 18 May 09
     
    Convert between CSS and HTML instantly, or create new CSS styles with this handy online tool.
kie guy

NealGrosskopf.com l CSS Template Layouts: A Simpler CSS Layout System, Now Possible Wit... - 1 views

www.nealgrosskopf.com/...thread.asp

webdev webdesign css jquery template layouts layout toread todo

shared by kie guy on 07 May 09 - Cached
  • kie guy on 07 May 09
     
    A new layout system to replace floats or display:table or html tables. Based on the W3C's proposed 'CSS Template Layout Module' for CSS3; but using jquery to take advantage of this technique today.
yc c

Complete CSS Guide The missing manual for CSS - Westciv Wiki - 7 views

westciv.com/CSS_Guide

css reference guide

shared by yc c on 14 Mar 10 - Cached
  • yc c on 14 Mar 10
     
    This Guide is a reference to all of CSS 2.1, the W3C recommended standard for web page appearance, as of July 2008. We will also cover some aspects of CSS 3, currently a work in progress.
yc c

Which email clients support CSS3? - Blog - Campaign Monitor - 4 views

www.campaignmonitor.com/...css3-support-in-email-clients

CSS3 email support client

shared by yc c on 05 May 10 - Cached
  • yc c on 05 May 10
     
    The results: CSS3 support across the major email clients The following chart displays the results of our CSS3 tests for the 7 most popular email clients. For the 24 most popular email clients, download our full guide.
Hussain M Elius

CssUserAgent (cssua.js) - 9 views

cssuseragent.org

css javascript js

shared by Hussain M Elius on 03 Jan 11 - No Cached
  • Hussain M Elius on 03 Jan 11
     
    Avoid CSS hacks! Use cssua.js to apply special CSS classes to your pages allowing you to use valid CSS to work around browser-specific quirks
Vernon Fowler

The CSS Property Value inherit » Learn CSS3 | Cheat Sheet | CSS Tutorial | Se... - 0 views

reference.sitepoint.com/...inheritvalue

css properties browser support webdesign

shared by Vernon Fowler on 14 Jan 14 - Cached
  • Internet Explorer 7 and earlier versions don’t support the value inherit for any properties other than direction and visibility.
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 &, 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 <, >, <=, >= and == operators.
yc c

BonBon Buttons - Sweet CSS3 buttons - 10 views

lab.simurai.com/buttons

buttons css3 css download webdev

shared by yc c on 03 Sep 10 - Cached
  • yc c on 03 Sep 10
     
    There was a goal: Create CSS buttons that are sexy looking, really flexible, but with the most minimalistic markup as possible.
« First ‹ Previous 41 - 60 of 1613 Next › Last »
Showing 20▼ items per page