background preloader

CSS3 gradients - Adobe - The Expressive Web - Beta

CSS3 gradients - Adobe - The Expressive Web - Beta

http://beta.theexpressiveweb.com/#!/welcome

Related:  technologies web

Raphaël · Australia New South Wales New South Wales (abbreviated as NSW) is Australia’s oldest and most populous state, located in the south-east of the country, north of Victoria and south of Queensland. It was founded in 1788 and originally comprised much of the Australian mainland, as well as Lord Howe Island and Norfolk Island. New Zealand was not initially part of the colony, although when Britain annexed New Zealand in 1840 it was briefly a part of New South Wales. During the 19th century large areas were successively separated to form the British colonies of Tasmania, South Australia, Victoria, Queensland, and New Zealand.

How To Create Depth And Nice 3D Ribbons Only Using CSS3 In this last period on PV.M Garage we have described many trends of the modern Web Design and many techniques for creating stunning and impressive web sites. In one of our tutorials we learned how to realize a nice 3D ribbon and how to play with the drop shadow in Photoshop to simulate depth in a web design layout. This is a widespread trends in recent web design: creating a 3D perception in a website and simulating a “world” in three dimensions are two great ways for the designers to play with their skills. Thanks to useful graphic softwares (2D) we can easily create 3D elements, like ribbons and shadows, but we can also reproduce 3D scene using perspective, focus, color shading and opacity. There is also the possibility of using 3D softwares, like Blender, to create some 3D objects and images that we can use in our designs. DesignM.ag

HTML5 Presentation In March 1936, an unusual confluence of forces occurred in Santa Clara County. A long cold winter delayed the blossoming of the millions of cherry, apricot, peach, and prune plum trees covering hundreds of square miles of the Valley floor. Then, unlike many years, the rains that followed were light and too early to knock the blossoms from their branches. Codecademy Prefix and Postfix increment/decrement operators Prefix increment / decrement operators are operators that first increase the value of the variable by 1 (increment) or decrease the value of an expression / variable by 1 (decrement) and then return this incremented / decremented value. They are used like ++(variable) [increment] or --(varaible) [decrement] On the other hand , Postfix increment / decrement operators are operators that first return the value of the variable and then increase the value of thAT variable by 1 (increment) or decrease the value of the variable by 1 (decrement) . They are used like (variable)++ [increment] or (varaible)-- [decrement] Syntax --variable ++variable variable-- variable++

Accessible star rating widget with pure CSS For ages, we couldn’t utilize the sibling combinators (~ and +) to ease the pain of creating star rating widgets, because of this stupid Webkit bug. Nowadays, not only it’s fixed, but the fix has already propagated to Chrome and Safari 5.1. So, we can at least use the sibling combinator to make coloring the stars easier. 40 Beautiful Free HTML5 & CSS3 Templates Dec 01 2011 Over the last few years there has been great collections of quality free HTML & CSS templates published on Noupe such as 50 Free High-Quality and “New” (X)HTML/CSS Templates (2009) and 40+ Elegant Free CSS/(X)HTML Templates (2010). There have been some great free templates released over the last year so we thought it would be appropriate to share some of these great new designs with you all.

10 Best (FREE) WordPress Responsive Themes from 2011 Responsive Web Design was one of the hottest topic talked around in 2011, along with the explosion of various mobile devices like smart-phones and tablets which each has different screen size. So now designers could no longer rely on a standard 1024px desktop monitor to create their web and apps. Then a solution called “responsive design” emerged, a method that makes a design layout respond to any screen size and orientation (portrait or landscape). Users now can have the same experience like they view a website on a desktop. So today if you have a WordPress powered website but haven’t yet incorporate this cool feature, you’re lucky as in this post I’ve put together some of the best wordpress responsive themes that are available from 2011 to power your websites.

Using JavaScript to write to the status bar Introduction Some of the simplest effects in JavaScript are also the most useful, in my opinion. One example is using JavaScript to write something to the status bar. The status bar is a lonely, empty place just waiting for you to take advantage of. How to vertically and horizontally center text in an unordered list or div Congratulations if you've managed to find this tutorial! I've been trying to increase awareness and publicity to this tutorial by going to other tutorials and leaving comments but I'm finding the authors take a competitive edge and do not approve my link to this page. If you find this helpful then please promote it by using the social links further down the page.

HTML5 Canvas Demos and Applications To Make You Say WOW Our today’s post is on HTML5 Canvas Applications and Demos. Being the last day of this calender year, we were bit skeptical on topic to choose. After thinking for quite a while we chose HTML5 Canvas Applications over others as we wanted to portray a different subject. In this post, you will be able to check the power of HTML5. The Most astonishing facet of HTML5 is the HTML5 canvas. The canvas element is a drawable region defined in HTML code with height and width attributes.

9 White and Elegant WordPress Themes This time we are featuring a white and minimal (we might say) selection of WordPress themes from ElegantThemes. Don’t forget that you can grab all 69 themes for an elegant price of $39. Enjoy! Minimal Slider with Sliding Backgrounds Among the many super nice design features of the Yahoo! Weather app for iOS is the transition between city screens. The background image doesn't just move away as the screen moves from one screen to the next, the background image itself slides. It appears to be hiding some of the "old" screen and revealing more of the "new" screen those closer you have it to being in full view. Let's try and pull it off on the web. The HTML

Cross-Browser HTML5 Placeholder Text One of the nice enhancement in HTML5 web form is being able to add placeholder text to input fields. Placeholder attribute allows you to display text in a form input when it is empty and when it is not focused (it clears the field on focus). This is a nifty feature, but it is not supported by all browsers yet. This tutorial will show you how to use Modernizr to detect if placeholder is supported, or else use jQuery to display the fallback placeholder text dynamically. Demo HTML5 Placeholder Download Demo Zip

10 Great Alternatives to Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla sem in tellus placerat luctus. Fusce in massa eu sem semper hendrerit quis a ipsum. No, we have not put the above paragraph here by mistake, but we are sure that if you work on a design related field, you immediately recognized the classic fake latin placeholder text Lorem Ipsum.

Related:  CSS3