Digital Genetics

CSS

Jo JavaScript Framework: Cross Platform Demo

by on Oct.08, 2010, under CSS, development, Javascript

There are a lot of javascript frameworks out there, but none has impressed me like this for a while. Jo is a lightweight multi-platform framework leveraging functionality from HTML5 and CSS3. Coupling this framework with PhoneGap, allows the web application to be ported to mobile devices such as iPhones and Blackberry’s quite easily.

Leave a Comment : more...

Fixed positioning for IE7

by on Aug.19, 2009, under CSS, development

Let me begin by simply stating that it would be so much easier if everyone stuck to the standards and played nice!

With the release of IE7, came a semi-adherence to CSS standards and finally acknowledgement of fixed positioning. so why does it not work when I specify position:fixed; within my css? well, this is a problem that continues to annoy me but is easily overcome.

The problem lies within the doctype as specified by your HTML Page.  Simply specify (the strict mode equivalent should also allow for fixed positioning):

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd”>

and it should rectify the problem :-D

For further information on element position from a microsoft point of view, visit http://msdn.microsoft.com/en-us/library/ms533005%28VS.85%29.aspx

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Leave a Comment : more...

Online Web Development Tools

by on Aug.11, 2009, under CSS, development, Javascript, PHP

No doubt a lot of seasoned professionals out there are not going to see anything new on this list that they havent already used or even created themselves, but, for all those starting out it may be very useful. Please contribute if you have anything to add to the list which I may have overlooked.

Online Javascript Beautification

This script was intended to explore ugly javascripts, e.g compacted in one line, or just make scripts look more readable.

http://jsbeautifier.org/

CSS Formatter and Optimiser

This tool is based on csstidy 1.3dev. The service is available in 4 languages : English, Deutsch, French, Chinese. It provides different compression layouts; you can sort selectors, properties, regroup selectors, optimize shorthands, compress colors, compress font-weight, discard invalid properties and add timestamps. It also allows to create a custom template the system will use to format the code. Note that your code should be well-formed. This is not a validator which points out errors in your CSS code.
http://floele.flyspray.org/csstidy/css_optimiser.php?lang=en

PrettyPrinter

This tool is a source code beautifier (source code formatter), similar to indent. It knows PHP, Java, C++, C, Perl, JavaScript, and CSS.It is advisable to make a backup before you replace your code.
http://www.prettyprinter.de/

ImageOptimizer

The Image Optimizer lets you easily optimize your gifs, animated gifs, jpgs, and pngs, so they load as fast as possible on your site. Furthermore, you can easily convert from one image type to another.
http://tools.dynamicdrive.com/imageoptimizer/index.php

The Online Regular Expression Builder (aka RegExpr)

RegExr is a tool for learning, editing, and testing regular expressions
http://gskinner.com/RegExr/

HTML 2 DOM

These online script takes the pain away from having to manually write all the javascript needed to create HTML elements using the DOM Method.

http://www.html2dom.com/

http://muffinresearch.co.uk/code/javascript/DOMTool/

XML Sitemap Generator

Quickly generate a sitemap file based on the Sitemap XML protocol without you having to write it yourself.
http://www.xml-sitemaps.com/

CSS Sprite Generator

This tool allows you to upload all of your images (you have to place them in a .zip file first) and it will combine the uploaded images into a single sprite and also generate the CSS for you. This simple technique can drastically reduce the number of HTTP requests your page requires, thus, improving performance.
http://spritegen.website-performance.org/

1 Comment :, , more...

Looking for something?

Use the form below to search the site:

Still not finding what you're looking for? Drop a comment on a post or contact us so we can take care of it!

Blogroll

A few highly recommended websites...