4DSites Blog

Web Design, Internet Marketing & Hosting Blog

 
Nov 24 / 12:23pm

Web Debugging for Safari on iPhone, iPad and PhoneGap

iWebInspector is a free tool to debug, profile and inspect web applications running on iOS Simulator (iPhone or iPad). You can check resources, see and change HTML & CSS, use breakpoints on JavaScript code, create charts and more just as if you were on Safari for Desktop, Chrome or Firebug.

2011-11-24_12-22-04
Filed under  //  JavaScript   Mobile  

Comments (0)

 
Nov 10 / 10:07am

JsFiddle - a playground for web developers.

JsFiddle is a playground for web developers.

2011-11-10_10-03-57
It lets you pick from popular frameworks, add snippets of HTML, CSS and JavaScript then refresh and run the results.

It’s a great tool for framework demos, demonstrating isolated bugs or testings and sharing code snippets. Best of all, its free.

Comments (0)

 
Sep 24 / 10:25am

In-page WYSIWYG HTML5 Editor

Here's one to watch. Mercury is a free in-page WYSIWYG HTML5 editor. When you enter edit mode the toolbar appears for editing. Edits are made in-line so you not only see how your edits will look while making them, but also how it fits in context with the rest of the page.

2011-09-24_10-15-35

Mercury currently supports Firefox 4+, Chrome 10+ and Safari 5+ and boasts:
  • SimpleMercury comes bundled as a Rails Engine, so just include it in your Gemfile. Or grab the package if you're not using Rails.
  • UnobtrusiveWe don't put any code in your page so you're free to use whatever frameworks you want without having to worry.
  • ConfigurableEasily add or remove toolbar items. Any toolbar item can be tied to an action using behaviors and the command pattern.
  • ExtendableHTML and Markdown is supported by default, but you can just extend the base regions to build your own types.
Filed under  //  General   HTML5   JavaScript  

Comments (0)

 
Sep 21 / 6:41pm

Mac users don't miss Bundle Hunt 5 - $520 of apps for $49!

Bh5-poster

For web developers using Macs this is worth the price tag just for Colorschemer, Tumult Hype and Seamless Studio.

There's only 1 day 10 hours left if you want to grab a bargain.
Filed under  //  Apple Mac   Offers   Software  

Comments (0)

 
Sep 1 / 7:03am

Amazing Free JPEG Compression

www.jpegmini.com is an amazing online JPEG compressor that compresses JPEGs by up to 5 times their original size without any discernible differences.

This will save a lot of bandwidth and improve web page performance, particularly for image heavy websites.

Pastedgraphic-1
Filed under  //  Graphics   Resources  

Comments (0)

 
Aug 23 / 9:54am

spin.js - imageless activity indicator

Spin.js is an imageless activity / loading indicator.

Pastedgraphic-1

The library gives you fine control over your indicator's look and at 3K minified (1.7K gzipped) it is smaller than most similar animated GIFs.

Spin.js is completely stand-alone and works with Chrome, Safari 4+, Firefox 3.5+, IE 6,7,8,9+, Opera 10.6+ and Mobile Safari (iOS 4) and is distributed under the MIT license.
Filed under  //  Animation   JavaScript  

Comments (0)

 
Aug 10 / 6:37am

HTML5 Video and Audio player with fallback

Itching to include HTML video and audio in your websites but still need to support old browsers?

html5media.info is a great way to use HTML media tags while continuing to support old browsers. 

Pastedgraphic-7

By including a single line of script, this open source project will generate Flash based fallback code for non HTML5 compliant browsers. Better still, there are no additional files to install or configure on your server.
Filed under  //  Browsers   HTML5  

Comments (0)

 
Aug 5 / 12:52pm

HTML5 Open Source Mind Maps

A great free mind map tool can be found at: http://drichard.org/mindmaps.

If you are looking for a way to document or evolve an idea, mind maps are a great place to start.

Pastedgraphic-4

Written using HTML5, CSS3 and JavaScript, mindmaps can be used within most modern web browsers.
Filed under  //  Resources  

Comments (0)

 
Jul 24 / 3:04pm

Check worldwide availability of your domain or server

Just ping is a great free tool for checking the worldwide availability of your domain or server at 50 locations.

Try it here: just-ping.com

Pastedgraphic-1

Comments (0)

 
Jul 8 / 7:36am

Make input fields colour pickers with JSColor

JSColor is a self contained JavaScript library that transforms input fields into a colour picker.

Moz-screenshot-4

It's easy to install and customise and works in HSV or HVS modes.

Filed under  //  JavaScript  

Comments (0)