We all know why it is important that all of our images are optimized for the web: it is to help ensure that our website loads fast enough giving it a high performance rating, which in turn results in a higher page rank by Google. But then there are cases when it’s preferable view the [...]
Inpage editing is probably the simplest, if not most straightforward, approach there is when it comes to editing web content. Can you imagine yourself not having to switch between HTML and live view anymore and hitting ‘Refresh’ every time you make any changes to font faces or page layout? I mean, think about how much [...]
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 [...]
QuickValidation.js is a jQuery plugin that allows you to build complex web forms. It will validate form data on the client-side based on the custom validation rules that you created before submitting it to the server. Created by Nik Korablin, what makes this different from the usual jQuery form validator plugin is that instead of [...]
Today’s helpful snippet will help you validate the filename of an image that’s being uploaded onto the server using JavaScript, making sure that it doesn’t consist of any unwanted spaces or invalid characters. This basically prevents the user from uploading or submitting any image file unless the proper format is used. <script language=”javascript”> function Checkfiles() [...]
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 [...]
Nowadays, designing web layouts for different resolutions has become easier because of media queries. One of the useful tools available is ReView.js, which is a dynamic viewport system that provides efficient responsive web design viewing choices. It has an Opt-In and Opt-Out responsive design states and developed in pure JavaScript. It also allows users on [...]
MooRainbow is a Javascript color picker that lets you select colors as a useful application. Created by web developer Djamil Legato, it is made with Motools Javascript Framework which can be attached to any elements of DOM. It provides two events: onChange and onComplete that both allow you to easily manage what to do [...]
0
511
