Web Design, Internet Marketing & Hosting Blog
Filed under
JavaScriptSee all posts on posterous with this tag »Nov 24 / 12:23pm
Web Debugging for Safari on iPhone, iPad and PhoneGapiWebInspector 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. 
Sep 24 / 10:25am
In-page WYSIWYG HTML5 EditorHere'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. 
Mercury currently supports Firefox 4+, Chrome 10+ and Safari 5+ and boasts:
Aug 23 / 9:54am
spin.js - imageless activity indicator
Spin.js is an imageless activity / loading indicator.
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.
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.
Feb 23 / 6:52am
Isotope - JavaScript Element Filtering, Sorting and Layout
Isotope is a jQuery plugin for sorting and filtering elements using smart layouts that adjust to the browser real-estate - from huge displays to small mobiles. Elements animate as they rearrange either when sorting, filtering or when the browser is resized or zoomed. Layouts include: masonry, fitRows, cellsByRow, straightDown, masonryHorizontal, fitColumns, and cellsByColumn. This is a great tool for web designers for laying out lists of elements or whole sites in such a way that makes best use of the space available.
Feb 10 / 3:16pm
Google APIs and Development Tools in an interactive table
Google are providing great features and services to spice up websites, web applications and software - from maps and translations to search tools and shopping carts. Now there is one place to keep track of it all. Visit http://code.google.com/more/table/ and hover on a category to see related items.
Nov 9 / 11:37am
Google releases Apache web server mod to speed up websites
As you may know, website performance is a factor in Google's search ranking, well now Google have release a mod called modpagespeed that can be applied to Apache web server 2.2 that automatically optimizes JavaScript, CSS and HTML as well as JPG and PNG images. Take a look at this speed comparison video.
May 4 / 11:03am
Kaltura HTML5 Media LibraryKaltura's HTML5 video solution works in ALL major browsers by using a 'fallback' mechanism. 
You may know that HTML5 will bring us video tags so video and audio can be embedded in web pages without the need to wrap them in Flash. But how do we support old browsers? Kaltura's HTML5 video solution uses a unique 'fallback' mechanism to resort to Flash when there is no browser support for HTML5 - perfect! This is a fully skinable solution that stops the gap while browsers play catch up to HTML5. Visit www.html5video.org for more information, demos and downloads.
Apr 23 / 12:39pm
Twitter adds website integration: @anywhere
@anywhere is a set new JavaScript-based scripts by Twitter which makes integrating twitter features into websites easy.
The scripts provided allows your website to include:
By Placing the twitter @anywhere script in your pages your content is scanned for twitter related information. Auto-linkification looks for twitter screen names e.g. @4dsites and converts it into a hyperlink to the twitter user page. Hovercards goes one step further and displays a popup hovercard for all screen names detected. 
The Follow Buttons option is an easy way to create twitter buttons to follow twitter users... 
Tweet Box lets people tween directly from within your website. You can even customise this... 
@anywhere supports the following browsers:
Apr 9 / 10:06am
Raphaël JavaScript Vector LibraryRaphaël is a small JavaScript library that will simplify your work with vector graphics on the web. Raphaël uses the SVG W3C Recommendation and VML as a base for creating graphics and currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+. Check out the impressive demos: 
|
Get Updates |
