Today’s featured web development tool comes in the form of an extension for Google’s Chrome browser: it’s called DevTools Autosave by Nikita Vasilyev and it automatically saves your work on the fly as you make any and all changes on your stylesheet using Chrome Developer Tools. Other than the fact that this tool can smoothen [...]
One of the latest trends in web development noawadays is the use of Bootstrap. It’s a CSS and .js framework that allows your site to have a faster funcionality. Here’s a plugin that’s created by dlgoodchild and paultgoodchild, called WordPress Twitter Bootstrap CSS, which links the latest Bootstrap CSS and .js to all pages in [...]
If you’re currently working on developing an app for the iPhone then you might want to give our featured web development tool for today a whirl. Ratchet is a UI framework powered primarily by CSS and a little bit of JavaScript implemented through simple HTML. It is a nice prototype tool that allows you to [...]
Wirefy is a responsive browser-based framework designed to create functional wireframes using standard elements. It is a collection of CSS and JS files that allows you to experiment with responsive wireframes quickly. Designed and created by Chris Da Sie, Wirefy follows the philosophy of mobile first, which makes it respond to the proper viewport. It [...]
SoFresh is a CSSrefresh-based bookmarklet that works without inserting a Javascript file to a web page. It allows you to choose which CSS files you want to refresh. Everytime you save, the files are refreshed so there’s no need to refresh your browser. Installing SoFresh is very simple: just drag and drop the bookmarklet onto [...]
David Walsh is web developer and blogger who loves to share his knowledge and ideas on MooTools through easy-to-follow tutorials, one of which will be featured today. In this particular tutorial, you’ll be creating three sliders with a Facebook-inspired design that you’ll use to control the height, width, and opacity of an image. Below is [...]
What you’re about to see is made by the simple action of moving a transparent sheet across another printed sheet. First, start off with an image. Next, create a striped pattern with black bars and small white lines in between. One white space is equivalent to one sixth of the black space. This is important [...]
Today’s tutorial I’ll be featuring is from Andrew of Script Tutorials. It’s an animated 3D Cube slideshow which makes the cube rotates continuously. Below are the codes to follow: HTML Index.html <!DOCTYPE html> <html lang=”en” > <head> <meta charset=”utf-8″ /> <title>HTML5 3D Cube Slideshow | Script Tutorials</title> <link href=”css/main.css” rel=”stylesheet” type=”text/css” /> <script src=”js/script.js”></script> </head> [...]
Martin Angelov shares with us a great tutorial on creating a beautiful HTML5 portfolio that is powered by jQuery and Quicksand plugin. It has a nice design which is great for your work and is highly customizable too. Here’s how it goes. HTML Index.html <!DOCTYPE html> <html> <head> <meta charset=”utf-8″ /> <title>Making a Beautiful HTML5 [...]
In his last July post, Paul Kaiser from WPMU shared three different methods on how you can animate your web content using the free animate.css toolset created by Dan Eden: 1) by adding the CSS element manually, 2) through theme templates, and 3) by using jQuery. Today, I’m going to feature one of those tricks, [...]
0
511
