Resources and tutorials for Webmasters
Resources and tutorials for Webmasters
Showing posts with label css. Show all posts
Showing posts with label css. Show all posts

Wednesday, March 24, 2010

CSSTXT : Create a style to your text

CSSTXT is an online tool to allow you easily generate the CSS style for text. It is a webtool that propose to illustrate the many ways you got to add a style to a text with a p or div tag. Really easy to use, it could help a lot of webmaster.

The interest is to create a stylesheet with options you need, like font size, border, font, line-height and apply to a paragraph of text. Once all your options are selected, you generate the style and css,html code appears. Calling the class .mycss (version 2) will apply style. A simple way to learn easily, how css style could be applied to text.

It will generate two versions of code to paste on your web page, “Novice” and “Expert”, both return the same result. The difference is that the expert version will separate the text and stylesheet for advanced users.

Similar Posts

SwatchSpot : Creates random color swatches to inspire you

SwatchSpot is a free web service which lets you generate random color swatches with different color schemes. It lets users to create and save palettes of different color combinations with the click of a button. This is very useful for designers who are looking for color schemes for their project or design.

SwatchSpot is a color swatch generator which creates a new swatch every time you click Reload palette. Each set of colors will contain a combination of 6 different colors which you can save to your computer as an image file.

The generated swatches also have the hexidemical code of those colors which you can use when designing with your image manipulation software or can even use it with your code. This is one of the easiest ways to get inspiration of color scheme combos.

Similar Posts

Thursday, January 7, 2010

SlickMap CSS – Simple Stylesheet for Displaying Sitemaps from HTML

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 general 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
  • Eliminates the need for additional software
  • Easily revised with clients on-the-fly
  • Clickable anchors with visible URLs
  • Design process results in working HTML code

Similar Posts

Friday, December 11, 2009

CSS Type Set : Online css type tool

CSS Type Set is a hands-on typography tool allowing designers and developers to interactively test and learn how to style their web content. You can set the font family, size, color, letter-spacing, word-spacing, line-height and etc… It will automatically generate the CSS file for you. You can see the changes instantly. It is a really great tool for experimenting a suitable font type for your site.

CSS Type Set is an online tool to check out different font settings. One window shows the result and the other window shows the relevant css code, very neat!

Similar Posts

Friday, November 27, 2009

Easy CSS Styler : Real Time CSS Style Generator


Easy CSS Styler is a one of a kind tool that will help you generate css code the easiest way. You can create css without having programming skills ­- it will do it for you. Make your choices and see the changes in real time. This is great for designers who use colour, shape and space to work with and it’s also good for programmers who don’t need to write boring code over and over again. The style can easily be downloaded or copied to the clipboard.

This web application is free to use and will not require you to sign up or anything. Just head over to the site and immediately start designing your CSS style. When satisfied with what you have created, you can either save it to a file or copy to clipboard and paste it on your web editor. This simple but useful web application will certainly save you time in producing great designs.

Similar Posts

Friday, June 5, 2009

CSS Menu Builder: Create Menus Online

Need a menu for your website or a client, use our free css menu builder and create some pretty sweet menus for free.

CSS Menu Builder is an online menu builder which enables you to create 30+ horizontal, 700+ vertical & breadcrumb menus (without the unlimited color combinations).

With an Ajaxed & simple to use interface, menus can be created on the fly and HTML, CSS & necessary image files can be downloaded easily (or a complete ZIP file can be downloaded).

It has added the possibility of using menus generated via CSS Menu Builder in WP Menubar as their WordPress plugin is called.

This plugin allows you to easily create your own menu structure in WordPress, so if you want to use a menu created here in WordPress, then give WP Menubar a try.


Thursday, February 26, 2009

45 Must-See Incredible Resources And Inspirational Collection To Discover The Best Of The Web


We are always in search of great free resources, tips, tricks, etc. for our readers. Every day we work hard to find new resources and inspiration for designers like you. Today, we have another great post, “Discover the Best of the Web” on SmashingApps. In this, we made a list of 45 Must-See Incredible Resources And Inspirational Collection. We obviously cannot cover all the best from the web, but we will try to cover as much as possible.

Tuesday, July 1, 2008

30 essential PDF documents every designer should download

Well it took me a lot longer than I had originally expected but I was able to track down the original links to more than thirty PDF documents that I have collected over the past couple of years. I have personally archived every one of these files due to the high quality of content. No matter what you call them; ebook, white paper, or resource they all contain information that no designer should go without. (In actuality there are more than 30 files however it was a good round number for the title…)

YAHOO! Design Pattern Library

The WordPress Help Sheet

The Advanced WordPress Help Sheet

AIGA | Aquent Salary Survey

AIGA Why Design? Booklet

Type Classification eBook - Jacob Cass

WEB DEVELOPMENT & PROGRAMMING

Getting Real - 37signals (Read Online for Free)

DotMobi Mobile Web Developer’s Guide

Accessibility Checklist - Aaron Cannon

CSS Selectors Cheat Sheet - Cameron Moll

CSS Support in Email Clients

Dive Into Accessibility

PRESENTATIONS

Design is in the Details - Naz Hamid

Grids are Good - Khoi Vinh & Mark Boulton

Destroy the “Web 2.0 Look” - Elliot Jay Stocks

Print is the New Web - Elliot Jay Stocks

Creating Content for the Web - Naz Hamid

Elegant Web Typography - Jeff Croft

Entrepreneurs on Rails - Dan Benjamin

Bulletproof Web Design - Dan Cederholm

Interface Design Juggling - Dan Cederholm

FREELANCING & INCOME

Web Designer’s Success Guide

Passive Income Guide - Freelance Switch

Time Management for Creative People - Mark McGuinness

A Primer in Social Media - SmashLAB

Contingency Design - 37signals

Introduction to Good Usability - Peter Pixel

How to Be Creative - Hugh MacLeod

PDF COLLECTIONS

Creative Latitude Business Resources

Computer Arts Tutorials

AIGA Design & Business Forms