Articles Tagged 'css3'
Creating a Neon Blink Effect for your Forms using CSS3 and jQuery
Rakesh MenonHow cool will it be to have a glowing blink effect behind your input boxes in a form without using Flash? Well thanks to the bright new kid on the block, CSS3, spruced up with a bit of jQuery! In this tutorial, I will show you how to build a nifty effect to enhance your forms. Note: In this tutorial, we have made use of @-webkit-keyframes which works only in browsers using the Webkit layout engine like Chrome and Safari.
How to Create a “Stay-On-Top” Menu with CSS3 and jQuery
Michal KozakIn the project I was working on recently I had a chance to experiment with CSS3 and jQuery. You know CSS3, right? It's that thing that makes all those beautiful and amazing things on the web and makes Flash want to run away and hide. Yeah, that CSS3. And I'm more than sure you have heard about jQuery. If you haven't, well, it's a kind of library where you cannot borrow any books, but it allows you to do other stuff and bring some additional magic to the web.
How To Create A Polaroid Photo Gallery With CSS3 And jQuery
1STWD EditorialPhoto Galleries are becoming more and more popular these days. Today we are going to create a simple one using some of the new CSS3 features and jQuery. A prominent feature of the gallery is that You will be able to Drag the photos with single click in the gallery we are going to create. Hope you will enjoy this and understand it easily. Let’s take a look at what we will be building, here is the final result :
How to use CSS3 Orientation Media Queries
Ryan SeddonFor a long time we have been able to specify styles for different media types using CSS, print and screen being the most recognizable. With CSS3 these media types have been extended to allow additional expressions, aka media queries, which gives us greater control on when specific styles should be applied. In this article I will focus on the orientation media query and have a fun demonstration showing how to use it.
Amazing CSS3 Techniques You Can’t live Without
Jared WhiteCSS3, along with HTML5, is quickly shaping up to be one of the most exciting and useful Web technologies in years. In this article, I will be explaining some of the new graphics-rich techniques and properties available with CSS3. You will learn what is likely to be approved as part of the final spec, what is still a work-in-progress, and how to deal with cross-browser incompatibilities and lack of support in older browsers. Ready? Here we go.
22 Handy HTML5 & CSS3 Tools, Resources And Guides
Daniels MekšsHTML5 and CSS3 are bringing new features to us and in this article you’ll be able to find some great tools, cheat sheets and much more you could need to master these new features. Maybe those new features aren't yet supported fully, but it's a very good thinking to learn new technologies now so you would be able to use them fully when they are supported. Be modern designer!
How to Create a Nifty Dynamic Shadow with jQuery
Daniel KurdoghlianFirst I want to welcome you to my very first article for 1stwebdesigner. Today I'll show you how to create a very nifty looking dynamic shadow with a few teaspoons of jQuery, a pinch of CSS and some transparent PNG’s as Base. I'll explain every line of used code, so you can easily follow along and create your own awesome looking dynamic shadow powered by jQuery.
33 Must Read CSS3 Tips, Tricks, Tutorial Sites and Articles
Dainis GraverisSince previous article about CSS text effects got really big attention I decided to research and find more interesting articles and websites just focused on CSS3, teaching you how to use it, showing pros and cons and much more. To be honest it's hard for me to keep up with technologies myself, but we really cannot not to use those new great selectors to make our designs even more beautiful, user-friendly and lightweighted. However since HTML5 is sort of tied with CSS3, I will soon continue with HTML5 article as well, so don't miss it and keep coming back! Enjoy!
