Archive | Webdesign RSS feed for this category

WAVE – web accessibility evaluation tool

15 January 2010

0 Comments

WAVE is a free web accessibility evaluation tool. It is used to aid humans in the web accessibility evaluation process. Rather than providing a complex technical report, WAVE shows the original web page with embedded icons and indicators that reveal the accessibility of that page.

Just enter the URL of a webpage you want to test and that is all. So if you care about web accessibility, you have to check it out:

URL: http://wave.webaim.org/

OneFileCMS

12 January 2010

2 Comments

OneFileCMS is a flat, light, one file CMS (Content Management System) entirely contained in an easy-to-implement, highly customizable, database-less PHP script.

Coupling a utilitarian code editor with all the basic necessities of an FTP application, OneFileCMS can maintain a whole website completely in-browser without any external programs.

Some of the features are:

  • Validating, semantic, and commented markup. Tested in FF, Safari, and IE7/IE8.
  • Small footprint (24 kb)
  • Possibly the easiest installation process ever
  • All the basic features of an FTP application like renaming, deleting, copying, and uploading
  • Gracefully degrading CSS and Javascript
  • 100% re-brandable with title/footer text stored in variables and a modifiable filename

URL: http://onefilecms.com/

SlickMap CSS – A Visual Sitemapping Tool for Web Developers

8 January 2010

0 Comments

SlickMap CSS - A Visual Sitemapping Tool for Web Developers

SlickMap CSS is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation. It’s suitable for most web sites – accommodating up to three levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences.

The idea of SlickMap CSS is to streamline the web design process by automating the illustration of sitemaps while at the same time allowing for the predevelopment of functional HTML navigation.

Features and Benefits of the SlickMap CSS

  • No need for additional software
  • Easily revised with clients on-the-fly
  • Clickable anchors with visible URLs
  • Design process results in working HTML code

URL: http://astuteo.com/slickmap/

Scribefire – a Firefox Blogging Tool Extension

8 January 2010

1 Comment

Ok my friends. Normally when I want to write a blog post i log into my WordPress admin account and write the blog post there. But I am getting older and older… and I get to lazy for this. So it was time to have a look for some easier way to do my blog posts. And I think I found a nice solution: Scribefire.

What is Scribefire?

ScribeFire is an extension for the Mozilla Firefox Web Browser that integrates with your browser to let you easily post to your blog: you can drag and drop formatted text from pages you are browsing, take notes, and post to your blog.

And right now this is my first post I am creating with this nice Firefox Extension. And i must say it really makes a good first impression. So if you are a lazy ass like me and you are looking for a way to create your blog posts faster and easier, give Scribefire a try.

URL: http://www.scribefire.com/

WordPress Helper Firefox extension

7 January 2010

0 Comments

This Firefox extension helps you working with WordPress by providing useful help and tools. The extension eases the fast and simple access to develop-relevant pages of the WordPress Codex. So you always have all the necessary help at your fingertips. It’s also possible to search after strings of text that is currently marked. Furthermore it’s possible to easily switch to WordPress backend of current site. More than that, a small Icon indicates wether the currently displayed website makes use of WordPress.

‘Editor’s Choice’ links are obtained from a remote source (the author’s website), therefore are faster kept updated and available than the Codex links of this WordPress Helper extension. The links are maintained by the plugin author, new links can be suggested by any user though.

Other features are:

* Update Notification on new WordPress versions
* Community notifications: Get informed whenever there’s a possibility to contribute to the process of WP development (polls, feature requests etc.)
* Website Profiles
* Custom Shortcuts
* Various preference settings

URL: http://www.schloebe.de/firefox-extensions/wordpress-helper/#english

WordPress and Twitter: The ultimate List of Twitter Plugins for WordPress

16 November 2009

6 Comments

WordPress and Twitter: The ultimate List of Twitter Plugins for WordPressAs you may know we love WordPress. And we love Twitter. To run WordPress and Twitter together there are a lot of great plugins out there. It was just a question of time untill we present you the ultimate list of Twitter plugins for WordPress. If there is any good WordPress plugin we missed, drop us a line in the comments.

P.S. If you like visit these posts too: 45+ great free WordPress Themes & The best Twitter Icons for you.

Read the rest

Free “Site Under Construction” Template

11 November 2009

5 Comments

Free “Site Under Construction” Template

This template is a simple one page “Under Construction” template that allows you to keep your users informed,while you work at your website.The template has a jQuery slider containing 3 slides:one with your social pages,like Twitter or Facebook,one with a subscribe-by-mail form and another one with an area for writing what you do. Some more features are: jQuery Countdown Script! jQuery Slider! .PSD File included! Modern and clean web typeface! And of cource a documentation about how to set up the page!

URL: http://www.ourtuts.com/free-site-under-construction-template/

Gallery of 50 Real Life System Errors

4 November 2009

6 Comments

Sytem Error GalleryWe all know these little (or bigger) windows, that pop up out of nowhere to tell us something is wrong. If this happens at home, it is no big thing: You fix the error and life goes on. But there are some places where you don’t want to see an error message. See for yourself:

Read the rest

Floom – a Blinds-effect MooTools slideshow

3 November 2009

0 Comments

Floom - a Blinds-effect MooTools slideshow

If you are looking for a really new and unique way to create a nice slideshow for your website, then you should take a look at Floom. On the source site you will find two way to set Floom up: One is the object way, where you specify the image url and the caption using the key-value notation. The second one is by simply passing a element collection, where the passed element has to be the actual image collection. Sounds interesting? It is! So have a look:

Demo: http://nouincolor.com/floom/1.0/Demos
URL: http://blog.olicio.us/2009/07/25/floom/

45+ great looking free WordPress Themes

28 October 2009

12 Comments

Free WordPress ThemesWe love WordPress. There are great premium WordPress themes out there – and a lot of free Themes. If you look at the free WordPress Theme Directory you will notice that there are maybe “too many themes floating around”. So how to find good free WordPress Themes? Right now we want to help you with that and present you a collection of real great looking free WordPress Themes. We think, that these are some of the best free Themes of the last months. If you know more great free Themes feel free to leave the URL in the comments.
Read the rest

7 Free Vector Wings

25 August 2009

1 Comment

7 Free Vector Wings

chemist2dio.com is giving away 7 kick ass vector wings, freshly-made for your designing pleasure. Enjoy it while it’s hot! The set is available in eps format but if you want to request for another format just shout out a message at the comment section of the source site and make sure to say thanks. And now download this great set of free vector wings:

URL: http://labs.chemist2dio.com/free-vector-wings-kick-ass-set.php

Killer Collection of Free Vector Arrows

27 July 2009

0 Comments

Free Vector Arrows

Killer Collection of Vector 3D Arrows for your designing pleasure! A treat for all vector artists who needs additional elements. These 10 vector 3d arrows are free for download and include in your artworks, projects and designs. The arrows are somewhat isometric or 3D like. Using Adobe Illustrator, you can get the arrows free for personal and non-commercial use.

URL: http://labs.chemist2dio.com/free-vector-3d-arrows.php

Colour Tool: Check My Colours

13 July 2009

0 Comments

Color Tool - Check my Colours

CheckMyColours is a web tool to check foreground and background color mix of all DOM elements of a website page. With this tool, You can determine if they provide sufficient contrast especially by somone with color vision deficiency.

The contrast is checked by the value given on Luminosity Constrast Ratio (WCAG 2.0) and Colour brigthness (WCAG 1.0) ratios. There are some formulas to figure from this tool before you can set the perfect luminosity constrast scale value for the text, diagram and their background. The color brightness differences are also set based on spesific color range value for the purpose.

Web accessibility is one of the important aspects to achieve if you want to build a good website. CheckMyColours will help you in a time snap for better web accesibilty. Have a quick try ;)

URL: http://www.checkmycolours.com/

Free Vector Silhouettes

26 June 2009

0 Comments

Free Vector Silhouettes at all-silhouettes.com

AllSilhouettes.com is a good spot to find various kind of free vector silhouettes and you can download them for free. Most of the collection of vectors at AllSilhouettes.com are created by a generous designer: Stanislav. Vector graphic is always a powerful format because you can modify it to fit your design needs. You can browse the vector silhouettes in these categories to get start:
Creative arsenal, Creatures, Grunge, Nature, Objects, Ornaments, People and Symbols.

The silhouettes available to download are nearly reaching 3,000 vectors in 45 vector packs. They will absolutely make your design astonished and brilliant! And all for free.

URL: http://all-silhouettes.com/

Tinychat – your own free webcam chatroom

25 June 2009

1 Comment

Tinychat - webcam chatroom for free

With TinyChat you can create your own chatroom and invite people through one simple link for free. You can also embed your chatroom on your blog, myspace, personal site and many other portals. And, you can invite people through simple mail notification and twitterings.

So if you want to create a quick webcam chatroom, this one is a really easy tool to do so. Just check it out:

URL: http://tinychat.com/

Pictaculous: A Color Palette Generator

22 June 2009

0 Comments

Pictaculous: A Color Palette Generator

Pictaculous is a color tool that allows you to get a color palette right after you upload an image.
The color palette will be consist of 5 colors which are taken from your uploaded graphics, complete with its hexa code for each color. It handles PNG, GIF, JPG image file format and your file cannot be larger than 500kb.

This color palette generator is so simple, but quite helpful. There are also two other well known color community websites that will suggest you some alternatives of color schemes. They are Adobe Kuler and COLOURlovers. Once you’re done, you can download the Adobe Swatch File, share it on some social bookmark sites or share by email.

Just a pretty cool color tool web, to add on your bookmark list.

URL: http://pictaculous.com/

jQuery Color Picker plugin

9 June 2009

1 Comment

jQuery Color Picker plugin

Color Picker is a simple jQuery plugin to select color. It has the same interface just like select color feature in Adobe Photoshop. You can set this color preview in flat mode, which works as an element in a page, or customize it so you can have the color preview after a toogle button is clicked. The color picker will slide or animate with certain callback functions.

Check out the full features on the source page and download the Color Picker jQuery plugin if you think it is useful for you!

URL: http://www.eyecon.ro/colorpicker/

Browse and create your own color palettes with Colorotate

7 June 2009

0 Comments

Browse and create your own color palettes with colorotate

Yet traditional methods of choosing colors on computers are limited to obscure sliders and flattened two-dimensional viewers. With ColoRotate, you can work with colors in 3D, in real time, and in a way that matches how our minds process color. ColoRotate has an intuitive interface that eliminates the need to memorize or jot down color combinations or numbers. Indeed, you can traverse across an open three-dimensional color space and choose (or design) the color palette that fits your needs. In the process, you can uncover color relationships that give your designs an aesthetic balance that will please the most discriminating eye.

Read the rest

Moousture – a mouse gesture library

6 June 2009

0 Comments

A mouse gesture library with power and flexiblity

Moousture is a mouse gesture library with power and flexiblity to mould itself for you. Implemented on Mootools following the Object Oriented standards. Library is aimed to set out a future framework for mouse guesters for any browser including modern mobile devices.

It is based on three major concepts.
1. A probe, which probes the pointing device. Currently there is a Moousture.MouseProbe (P.S. It already supports iPhone).
2. A monitor, which tests the stability of probed device on given intervals and accordingly notifies Moousture events (onStable, onUnstable, onMove).
3. A Moousture recorder class that records the mouse movements and invoke the guesture object passed to it.

So if you want to create your own mouse gestures for the visitors of your website you should really check this one out.

url: http://neofreeman.freepgs.com/Moousture/

Professional Dark CSS Menu

27 May 2009

1 Comment

Professional Dark CSS Menu Tutorial

Graphic effects created in photoshop will bring magic if you master the tricks. When it comes to web designing, the powerful mixed and smart conversion between PSD and XHTML can give a professional look to your design. This tutorial will explain you how to create a Professional Dark CSS Menu. It has an elegant result of gradient effect (which is produced in photoshop), and you’ll see this when you hover these menus. CSS background positioning technique just made this effect possible to create.

The only graphics you will need to create this dark menu are: container background, menu background and menu matrix background . You can download them from the zipped file that is provided from the source site.

Find out more about this CSS method by visiting the tutorial ;)

site: http://www.raymondselda.com/professional-dark-css-menu/
demo: http://www.raymondselda.com/demo/dark-menu/?TB_iframe=true&height=130&width=750