When IE9 was released, I was really happy to see all the great CSS3 features it supported. 2D Transforms, advanced selectors, border-radius, rgba/hsla colors, WOFF fonts … the list goes on. And no polyfills required! I was, however, disappointed that IE9 doesn’t support two of my favorite CSS3 effects: border-image and text-shadow. I’m sure that I will notice other CSS3 effects missing over time, but these are two features that I currently find incredibly useful. How does CSS3 text-shadow Work? Before we go on about IE, let’s have a quick overview of how the CSS3 specification works. Here are some examples: You are not restricted to just one shadow. Renders white text legibly on a white background: Well … What About IE? Basic Text-Shadow The equivalent Visual Filter syntax is: Text Glowing Conclusion. CSS3 Gradient Generator. Ultimate CSS Gradient Generator - ColorZilla.com.
/* Permalink - use to edit and share this gradient: */ background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
Top 10 Free Resources for Background Patterns and Textures for Web Designers. Quite often we stumble on to a blog that looks bland, in dire need of some color, a little bit of character, these sites maybe aren’t very familiar with blog design, let alone CSS.
The simplest way to freshen up a site is with a new theme or to do a little CSS tweaking with your current theme. You could be surprised with the results. In this article I will show you the best resources for backgrounds and textures. For those of you who aren’t familiar with CSS, here is a brief tutorial on how to change your themes background: 1. Download and save your background tile to your images folder stored in your root directory. 2. Were it says pattern this is the name you give to your pattern tile and the .png is the format in which your pattern comes in ( could be: .jpg, .png, .bmp, or .gif). …below are a list of my Top 10 Free Resources for Background Patterns and Textures for Web Designers. 1. 2. 3. 4. milleseicentopercento ( Website: Simple page layout, one page full of great patterns.
Build a Feed You Can Cut 'n Paste. CSS3 Generator - By Eric Hoffman & Peter Funk. Stripe Generator - ajax diagonal stripes background designer. TIP: You can modify slider values by directly typing in the desired value. stripe sizespacingstripe color(s)background styleshadowgradient heightbackground color(s)stripe orientation preview Tile size: 40px * 40px open fullscreen preview Tiled 15 seconds how-to Play with sliders and color pickers, untill you obtain a super-cool stripe tile Press "Download" to save your creation Edit your css adding this line to the element you want to stripe:background-image: url("path-to-stripe.png"); If you want to only repeat horizontally your tile (as in the case of tiles with gradient), you must add this line too: background-repeat: repeat-x; stay tuned about new webdesign, ajax, web 2.0 tools!
Tiled Background generator. 25 Awesome Tools for Choosing a Website Color Scheme. As a designer, color management should be an integral part of your workflow.
A website’s color scheme helps shape its identity and therefore should not be carelessly thrown together. Here are 25 online, desktop and iPhone applications to help you live and breathe color management no matter where you are. Online Tools There are simply a ton of free color tools available on the web. However, a cursory search reveals that most are extremely basic and simply mimic everything else out there. Kuler Kuler is one of the best free online color scheme creation tools out there and my personal favorite. Color Scheme Designer Color Scheme Designer has a beautiful interface that helps you create beautiful color schemes in seconds. colorblind simulation is built in so you can ensure usability will be optimized for all users. Colour Lovers An online community where color aficionados can create, share and browse color schemes.
Pictaculous The guys at MailChimp created this excellent free service. 40 Online Generators for Web Designers Should Bookmark. Online Generators for Web Designers can be a great way to save time in your web design projects.
High-quality generators can create graphics or code or even layouts in a matter of seconds or minutes, things that might take an hour or more if done by hand. Online generator are those tools that help us to create those popular “XHTML valid” CSS banners, micro buttons or css website templates in seconds. In such cases online generators can be of great help which do the necessary job and some tools don’t have to be downloaded also. We all know that backgrounds play a crucial role in a design. Web Designers sometimes spend a lot of time in making pattern or stripe backgrounds and there are also tool to help you out here. Advertisement.