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> [...]
When you’re using Python’s virtualenv in your project, there might come a time when you’re going to be required to use libraries in other languages. When that happens, chances are you might want to have them installed in your virtual environment as well. This tutorial from 2general will show you how to do just that [...]
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”> [...]
One great thing about WordPress is its customizability. So today I’ll be featuring a nifty WordPress trick by Jeff Star of DigWP, which teaches you how to add a shortcut-link to the WordPress toolbar. This one involves a bit of coding. In his tutorial, Star adds a link to an external page, which is his [...]
There are many ways to customize your WordPress site, and one example of this is to hide the Page or Post title so the home page doesn’t display a stream of posts (which is basically a common thing among themes) because it might get in the way of your website’s desired look. So how do [...]
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 [...]
A trackback or a pingback is simply a type of notification that lets you know if and when someone has created a link to your site on their page. And it’s a good sign that your site will be taking in more traffic because of the added exposure. Here’s a nice little trick that you [...]
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 [...]
For today’s post, we get to take a look at this webdeveloping software called CodeLobster PHP Edition. CodeLobster is a specialized IDE for developing PHP, which also includes good support for HTML, CSS, and JavaScript. CodeLobster PHP Edition comes in two versions; Free and Professional. The two versions is pretty much the same except in [...]
Arctext.js is a plugin created by web developer Pedro Botelho that rotates the letters with CSS3 transformation and arranges them along a curved path. The lettering.js calculates the right rotation of each letter then distributes it across the imaginary arc of the radius. Below is the code: radius : 0, // the minimum value allowed [...]
0
511
