cialis online pharmacy generic xenical cheap cialis online cialis generic viagra online in canada buy cheap levitra online cialis without a perscription order viagra uk no prescription flagyl cheap generic levitra buying viagra in the uk cheap viagra approved cialis deltasone online buy viagra online without prescription non prescription cialis buy orlistat uk buy cialis in india prednisone 60 mg female viagra online buy viagra without prescription celebrex prescriptions buy cialis canada best prices viagra alternative to prednisone cheapest generic levitra levitra 5mg cheap viagra cialis on line buy xenical without prescription online accutane canadian health care prednisone no prescreption viagra online generic female viagra europe buy cialis low price cheap india viagra

Creating Slopy Elements with CSS3

Web development guru Manoela Ilic shares a cool CSS3 tutorial on creating slopy, skewed elements for your design. It’s inspired by different designs that use angled shapes, diagonal lines and other non-straight elements. Sample 1: section> <div> <article> <h3>Some headline</h3> <p>Some text</p> </article> </div> <div> <!– … –> </div> <!– … –> </section> Style CSS […]

Continue Reading →

On/Off Flipswitch Generator

Here’s a nice flipswitch generator I’ve just stumbled via Franklin Manuel’s post. This On/Off Flipswitch uses CSS3 and HTML5 which you can easily customize. It supports all major web browsers that include Mobile safari and Android web browser. CSS .onoffswitch { position: relative; width: 90px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; } .onoffswitch-checkbox { display: none; } […]

Continue Reading →

How to Create CSS3 Optical Illusions

Here’s another awesome CSS3 tutorial that may be useful to your design projects. Andrew of Script Tutorials demonstrates how you can create optical illusions using CSS3. Below are the following codes: HTML Index.html <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”utf-8″ /> <title>CSS3 Optical Illusions | Script Tutorials</title> <link href=”css/layout.css” type=”text/css” rel=”stylesheet”> <link href=”css/illusions.css” type=”text/css” rel=”stylesheet”> […]

Continue Reading →

How to Create CSS3 and jQuery Folder Tabs

Calatin Rosu creates a sleek CSS3 and jQuery folder tabs that can be useful in updating your site’s look. He uses the same procedures in creating good-looking CSS3 tabs. Here’s how you can do it. HTML <ul id=”tabs”> <li><a href=”#” name=”tab1″>One</a></li> <li><a href=”#” name=”tab2″>Two</a></li> <li><a href=”#” name=”tab3″>Three</a></li> <li><a href=”#” name=”tab4″>Four</a></li> </ul> <div id=”content”> <div id=”tab1″>…</div> […]

Continue Reading →

How to Create Page Transitions with CSS3

Sergio Camalich displays a nice tutorial on how you can have your own site having page transitions effect. The technique he used here are css transitions and :target property. Markup. HTML <!– Home –> <div id=”home” class=”content”> <h2>Home</h2> <p>Some content</p> <!– … –> </div> <!– /Home –> <!– Portfolio –> <div id=”portfolio” class=”panel”> <div class=”content”> […]

Continue Reading →

Creating a Bubble Point Tooltips with CSS3 and jQuery

Chris Coyier shares a tutorial that creates a bubble point tooltips with CSS3 and jQuery. Note that its demo will not work on Opera. To start with, here’s the HTML: <a href=”#” title=”Hi, I’m a tooltip thingy.”>link</a> Givje the link a title attribute. jQuery: $(“article a[title]”).tooltips(); The plugin will do the following: loop through each […]

Continue Reading →

Creating a Pure CSS3 LavaLamp Menu

Here’s another cool navigation menu that I came across. Created by the savvy web developers at Script-tutorials, the LavaLamp menu is a navigation menu that is made with pure CSS3. Below are the following codes. HTML Index.html <ul id=”nav”> <li><a href=”http://www.script-tutorials.com/”>Home</a></li> <li><a href=”#”>Menu 1</a> <ul> <li><a href=”#”>Submenu 1</a></li> <li><a href=”#”>Submenu 2</a></li> <li><a href=”#”>Submenu 3</a></li> <li><a […]

Continue Reading →

Create An Impressionist UI Video Player Using HTML5, jQuery, And CSS3

Today’s featured tutorial is written by Valeriu Timbuc from DesignModo, which teaches you how to create a video player using a combination of HTML5, jQuery, and CSS3. The look and feel of the video player is based on Vladimir Kudinov’s Impressionist UI design, which of course, we’re going to recreate using CSS3. As for the […]

Continue Reading →

How to Create Vibrant Digital Poster Design with CSS3

Chris Spooner shares a nice tutorial on how you can create a vibrant digital poster design with CSS3. His Circlicious design is made purely of HTML and CSS. Take note that this is only suited to modern browsers of Firefox, Safari and Chrome. HTML <!DOCTYPE html> <html> <head> <meta charset=”utf-8″ /> <title>Circlicious CSS Poster</title>  <link […]

Continue Reading →

Creating a Cool Thumbnail Proximity Effect with jQuery and CSS3

Here’s another awesome tutorial by Mary Lou and it’s about how to create a neat thumbnail proximity effect with jQuery. To start with, here’s the markup: <ul id=”pe-thumbs” class=”pe-thumbs”> <li> <a href=”#”> <img src=”images/thumbs/1.jpg” /> <div class=”pe-description”> <h3>Time</h3> <p>Since time, and his predestinated end</p> </div></a> </li> <li><!– … –></li> </ul> Styling: CSS Adding background image […]

Continue Reading →