Skip to main content

Home/ CSS Evangelist/ Group items tagged css3

Rss Feed Group items tagged

Frederik Van Zande

Introduction to CSS3 - Part 4: User Interface | Design Shack - 0 views

  •  
    This tutorial will be taking a look at some of the new ways you can manipulate user interface features in CSS3. But what do we mean by "user interface"? CSS3 brings some great new properties relating to resizing elements, cursors, outlining, box layout and more. We're focusing on three of the most significant user interface enhancements in this tutorial. The examples shown below can be seen at our CSS3 examples page. Many, however, can only be appreciated in the latest builds of various browsers:
yc c

CSS3 Playground by Mike Plate - 7 views

shared by yc c on 11 Aug 10 - Cached
  •  
    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

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

  •  
    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.
webExplorations

CSS3 Generator - By Eric Hoffman & Peter Funk - 0 views

  •  
    Generate code for four common CSS3 effects
Alexis Sgavel

How to Create CSS3 Paper Curls Without Images » SitePoint - 0 views

  •  
    I n 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.
Vernon Fowler

No More Need For Some CSS3 Vendor Prefixes | MightyMeta - 0 views

  • Safari (5% of global share) still requires a prefix for box-shadow
  • Hopefully some of the other more exciting CSS3 properties such as transform will follow suit soon.
yc c

welcome // CSS3 Playground - 8 views

  •  
    This is a demo site for CSS3. For most stuff you need Safari 4+, Chrome, Firefox 4 beta or Opera 10.5x to make these demos work. For 3D stuff, you need Safari 5 or the WebKit Nightly build.
yc c

CSS Selectors testsuite - CSS3 . info - 0 views

  •  
    A quick way to see if your browser supports CSS3 selectors (if you turn Javascript on first…)
webExplorations

Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8 - 0 views

  •  
    Make your CSS3 web pages backward compatible with IE 6=8
Alexis Sgavel

How to Create CSS3 Ribbons Without Images » JavaScript & CSS » SitePoint Blogs - 0 views

  •  
    I n my last post, Pure CSS3 Speech Bubbles Without Images, we saw how the :before and :after pseudo-elements could be used to create different effects. In this post we'll use similar techniques to create a variety of ribbons.
Vernon Fowler

Battle of the LESS Mixin Libraries: LESS Elements vs. LESS Hat vs. Bootstrap | Design S... - 0 views

  •  
    LESS is a friendly, easily-approachable CSS preprocessor. Though ultimately, Sass and Stylus are more powerful and robust, LESS has a certain charm that keeps it as a forerunner in the battle of the preprocessors. If you're a Sass fan, then you can take advantage of Compass, an incredible framework that makes coding with complex CSS3 properties a breeze. But what about LESS users? Where's their Compass? Today we'll look at three awesome mixin libraries that will help fill that void.
Vernon Fowler

HTML5 Please - Use the new and shiny responsibly - 0 views

  •  
    Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them - with polyfills, fallbacks or as they are.
yc c

Pure CSS Twitter Fail Whale - Subcide - 5 views

  •  
    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

magnifyma - Project Hosting on Google Code - 1 views

  •  
    Magnifying glass experiment using CSS3. Only works in Google Chrome at the moment and has very limited usage capability. But the initial idea is there and hope to extend with more features later on.
1 - 20 of 141 Next › Last »
Showing 20 items per page