Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘Framework’

Vladimir Carrer, who also created the Emastic & Malo CSS frameworks has a fresh framework named Golden Grid.

It is a web grid system, that is totally focused on grid-based designs (not a complete CSS framework).

Golden Grid CSS Framework

Golden Grid uses float:left approach for building grids rather than positions.

It is a 6/12 column grid system with a 970px main width. Total file size is <1kb when compressed.

To read more about it, you can check his blog post announcing the framework.

deploy* is an open source web application that enables you to create your web project framework with ease.

It lets you to choose the:

  • x(html) document type
  • css file (blank or with resets)
  • jQuery to be included or not. If yes, ask for some popular plugins
  • major directories like images, includes to be added

Web Project Structure Builder

Once the link that creates to project framework is bookmarked, same framework can be created with just a click.

The idea itself is very nice: "instantly starting a project with the preferred structure". If more libraries, CSS frameworks would be supported, it can become much more flexible (as it is open source, anyone can add these).

Malo is a very small CSS framework (0,25 kb compressed) for creating a structural base for small or medium web sites.

It is derived from Emastic CSS Framework (created by the same author – see WRD post).

Small CSS Framework

Malo has two parts:

  • basic reset
  • grid system

It covers most of the grid scenarios & very ideal for anyone that doesn’t want to use a complete framework but get some essentials, specially grids, which are problematic in general.

Tripoli is a CSS reset solution (& some more) which totally resets standards of all browsers & recreates them for maximum compatibility.

It is not a CSS framework as it has no pressure on your coding style. Instead, it forms a solid HTML rendering engine and a base for creating dynamic layouts without interfering with typographic measurements.

Tripoli CSS Reset

Tripoli addresses deprecated tags in HTML 4 and disables them through CSS to ensure that a website looks the same in all browsers.

It supports by all major browsers& tested down to Internet Explorer 5.

To see the power of it, check this nice demo.

Nearly every project needs a printer-friendly output option.

Hartija is a CSS framework that aims to simplify creating such outputs.

Printer IconThe CSS file includes styles for common tags to make them look good as a printed material.

How to use this CSS Print Framework?

It is enough to insert the CSS file with the media value "print" like:

<link rel="stylesheet" href="print.css" type="text/css" media="print">

By doing so, when a user tries the print the page, print.css file will be used instead of the website’s standard CSS file.

Exhibit is a three-tier web application framework written in Javascript which makes it easier to show a few hundred records of data on maps, timelines, scatter plots, interactive tables, etc., without any programming knowledge.

Interactive JavaScript Framework

In order to use Exhibit, writing a simple data file, and an HTML file that specifies how the data should be shown. Data + Presentation. That’s all.

Exhibit can be used as a web service like Google Maps without installing any software or source code can be downloaded to run it on your own web servers.

Phatfusion has beautiful Mootools JavaScript framework plugins which you’ll love.

Mootools plugins list:

  • image menu – horizontal, accordion menu
  • validate – form validation
  • lightbox – an inline image popup
  • multibox – lightbox that supports images, flash, video, mp3s, html
  • slideshow – image transition
  • sortable table – sort & filter tables
  • slider
  • rounded corners – rounded corners with divs
  • page loader – loads a div from another page into this page.

Acordion image menu:

Mootools Accordion Image Menu

 

Sortable table:

Mootools Table Sort

Uptime Robot
feed-holder
FeedBurner
  • ManageWP
  • aXmag - Flash Page Flip Magazine Software, PDF to Flash Converter
  • PSD to HTML
    PSD to HTML