Posts Tagged ‘Web Design’
960 Gridder – A Grid Layout Design Tool for web designers & developers that you can either use as an integrated component to layout your websites or use it as a bookmarklet. The grid is fully customizable but it defaults to the “960px grid standard”.
960 Gridder is built upon the very famous JavaScript framework jQuery. 960 Gridder will automatically identify if jQuery is present at the website and if it is not, it will include it.
It injects your website of choice and you can then work with this tool to help you out with whichever layout/design task you find it useful for.
Compatibility: 960 Gridder is cross-browser compliant and works well with all major browsers.
Website: http://gridder.andreehansson.se/
This handy tool helps you create dummy text for all your layout needs. Most of the web desingers are used to with Lorem Ipsum…, the beauty of dummy text generator is that it has 10 different type of dummy text available ready for use. You can specify the number of words / characters and paragraphs required.
It also has an advance feature panel where you can specify the font properties like Font Name, Size, Letter spacing, etc… Such options make Dummy Text Generator Tool to stand among others.
Website: http://www.blindtextgenerator.com
Related Posts:
HTML-Ipsum: Another Handy Lorem Ipsum App.
Lorem2: Lorem Ipsum In Various Formats
Webnode is a free website creation tool aimed at helping web design novices get a modern-looking website online in minutes. Once you’ve registered for a Webnode account, you’re asked to choose a title and slogan for your new site. Then you select a template and start adding content.
Webnode uses a common modular system which allows you to drag content areas to create different layouts or add content like polls, forums, and photo galleries. There are also widgets for PayPal, Flickr, YouTube, and Google Maps. It lets user to use his own domain instead of somename.webnode.com.
Read the rest of this entryDesigners stay much busy in their lives. This is a normal routine for Designers that they are working on several projects at a time. They could be working on their own projects, friend’s project, company’s project.
In this busy life, Inspiration means a lot for the Designers. They need inspiration to speed up the work and to finish in a timely manner. I thought to collect some nice Breadcrumb for Designers.
So here is the Breadcrumbs inspiration for you fellas.
IDEO
Coolspotters
Apple
sIFR is a javascript alternative specially for Designers & Developers. It gives them the freedom to choose the font they like for their audience. It accomplishes this by using a combination of javascript, CSS, and Flash.
Features:
- Fully accessible to screenreaders and other assistive technology
- Works on Mac, Windows, and Linux
- Works with all major browsers
- sIFR is less than 10k and only loads once
Website & Demo: http://www.mikeindustries.com/blog/files/sifr/2.0/
I wonder if you knew that visitors to your website form an instant opinion? And they form it about you and your offer. This instant opinion is created subconsciously. It happens automatically within the visitors mind. It happens automatically. Your site visitors can’t help themselves. It matters not a jot how clever the text is on your page. You can have paid an expensive professional to produce your copy for you. The visitor need not read a single word, and yet they will form their instant opinion.
The quality of the images on your web page won’t make any difference. Their quality doesn’t affect in this instant opinion. You might think if you make an unrepeatable offer, that your visitor is bound to be swayed by that! I’m sorry, the instant opinion clicks in, and your brilliant offer lies unseen. This is because the instant opinion is made when your web page is displayed to your visitor. You may have guessed there is something subliminal at work here. In a way, that is right. Immediate opinions are formed by visitors to every single website. You may have already worked out that the answer is colors. When your web page appears to your visitor, the colors you’ve used go to work on the subconscious of your visitors.
Read the rest of this entryLet’s be honest. Typography and the web do not go hand-in-hand. You’re limited to a choice of about 5 fonts, most of which are cheap knockoffs of ‘proper’ typefaces. You’ve got practically no fine control over kerning or line spacing, and – worst of all – there’s a very good chance that no matter what you do, no matter how hard you try – your type is going to look different on every single browser and operating system. So what is an avid graphic designer-cum-web designer to do when faced with the seemingly insurmountable task of making web type look good?
Tip 1: Don’t limit your size options
Once upon a time, we were limited to a mere 7 sizes via use of the <font> tag – thankfully current incarnations of CSS grant us much better control, so quite a fine level of control over the size can be had.
Figure 1: Newer methods of specifying sizes in CSS allow for more flexibility when choosing type size. Don’t stick to standard sizes – experiment!
Relative sizes work best- don’t forget your visitors may have a different font size setting to the default, so specifying fixed point or pixel values may make things look awfully strange. ‘Em’ units – so called as 1em is equal to the width of the lowercase ‘m’ character, are one of a few ways to scale your text proportionally. All things being equal, at default settings 1em is the same size as 12 points.
You’re not limited to while numbers, either – 0.8em is a good body font size, typically being rendered at 10pt. You can specify any number you like, and as large as you like – don’t limit yourself to sub-24pt sizes if the design warrants a larger size.
Read the rest of this entryKeep It Simple 1.0 is a free, W3C-compliant, CSS-based website template by styleshout.com. This work is distributed under the Creative Commons Attribution 2.5 License, which means that you are free to use and modify it for any purpose. Be sure to check out our other posts about free themes.
ZinePress is free and nice looking magazine theme for wordpress. The goal of Andrew Lindstrom with this design was to create a theme that could present oodles of information to the visitor in a straight forward and non-threatening way. It’s some of his proudest work and he hopes you will like it.
