Resources and tutorials for Webmasters
Resources and tutorials for Webmasters
Showing posts with label web design. Show all posts
Showing posts with label web design. 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

Texture Lovers : Free Textures, Inspiration and texture tutorials

Texture Lovers Its purpose is to archive some of the best free textures from around the web and better yet only archive the ones that are free to use in commercial and personal work without worrying about giving credit to the source (no attribution). On this site you will also find links to inspiration and tutorials all texture related.

The textures are licensed under a Creative Commons Attribution 3.0 Unported license, usually you would have to give attribution to who created the textures but the kind people featured on the site have waived the need for attribution which enables you to optionally give credit to them if you use their textures.

The textures are free to use, but any inspiration or tutorials on this site are very much copyrighted material and should not be re-produced in any way, they are here to learn from and gain inspiration not copy from, please respect that.

Similar Posts

Fonts 500 : The top 500 free fonts from around the web

Fonts 500. The website has an incredibly large collection of free font downloads worthy of adding to your bookmark(s) collection. Font popularity is based on download activity from larger font resources found throughout the net. Previews are presented in a clean fashion with an option to input your own sample text. Incredibly easy to use, simple to navigate, and quite possibly the one site to visit for free fonts.

Top 500 is calculated based on download counts from some of the web’s biggest free font archives. The fonts presented on this page are their authors’ property, and are, to the best of our knowledge, either freeware, shareware, demo versions or public domain. If anyone knows otherwise please notify us. All fonts have been collected from around the web, and are maintained with all files intact.

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

Prado : Component framework for PHP5

PRADO is a component-based and event-driven programming framework for developing Web applications in PHP 5. PRADO stands for PHP Rapid Application Development Object-oriented. The sole requirement to run PRADO-based applications is a Web server supporting PHP 5.1.0 or higher. PRADO is free. You can use it to develop either open source or commercial applications.

PRADO provides the following benefits for Web application developers:

  • Reusability – Codes following the PRADO component protocol are highly reusable. Everything in PRADO is a reusable component.
  • Easy of use – Creating and using components are extremely easy. Usually they simply involve configuring component properties.
  • Robustness – PRADO frees developers from writing boring, buggy code. They code in terms of objects, methods and properties, instead of URLs and query parameters. The latest PHP5 exception mechanism is exploited that enables line-precise error reporting.
  • Performance – PRADO uses a cache technique to ensure the performance of applications based on it. The performance is in fact comparable to those based on commonly used template engines.
  • Team integration – PRADO enables separation of content and presentation. Components, typically pages, have their content (logic) and presentation stored in different files.

Similar Posts

MyFontbook : A web-based font viewer

MyFontbook is a free and easy way to browse your font collection. Compare all of your installed fonts with an easy to use font viewer. Both list and swatch views help you quickly browse your font catalog. Organize your fontbook using tags. Tag fonts to describe a font style or tag fonts by project. You may rate fonts that you often use with the familiar star interface.

The font viewer allows you to easily review and catalog all of your installed fonts.

  • View and organize your fonts.
  • Rate and tag typefaces.
  • Save valuable time.
The gylphs view allows you to quickly scan characters and symbols. Looking for a specific dollar sign for a design? The font viewer makes it easy to find the right typeface. The font metrics view displays guides to show default kerning, text baseline, and median height.

Similar Posts

Mozilla Open Web Tools Directory for Developers

Open Web Tools Directory today offers a variety of tools that can aid web developers in their projects. You are however wrong if you are now expecting a boring menu that looks like any other web directory that you visited over the past years. The Open Web Tools Directory is different from most web directories as it places icons of the web tools that have already been added to it on the screen with a tiny header and footer area that provide filters and offer additional information.

The benefit of this solution is that it allows to place more tools on the screen without forcing the user to scroll or change pages. The page will only load in web browsers supporting canvas which includes Firefox, Opera or Google Chrome for example while Internet Explorer 8 (and likely all other Internet Explorer versions as well) throw an error and do not display the page.

Similar Posts


Ecoder : Open source web based code editor

Ecoder is a simple, web-based code editor, which includes a file browser, file uploader, and tabbed system to allow multiple files to be edited at the same time. using this web-application developers can edit code directly online, real-time syntax highlighting is handled by textarea and keyboard short-cuts lend it the feel of a locally installed application.

Ecoder works with most standards compliant browsers which have javascript enabled. internet explorer 6 is not supported. For up-to-date news, the lastest source code download and user feedback, please visit sourceforge.

The QL Studio crew have been busily working on a new web-application that will form a key part of the move towards a fully online system – this web-based code editor integrates into Web Editor allowing code templates to be built and modified directly on the server.

Similar Posts

Feederr : RSS Feed Autoupdating Signature Tool

Feederr Twitter RSS Feed Autoupdating Signature Tool. An rss2image rss feed web application which creates an image to display your latest blog post titles or twitter tweet. Whether it be for a signature, banner or whatever. The image will automatically update each time you publish a new blog post or twitter tweet. You can customize the image with your own choice of colours along with the size of the image itself.

To begin just enter your blog url or RSS feed url in the input field and then click the “Let’s do it” button. In general terms, you simply pick a blog post and you will have the chance to customize its title and turn it into an image. This can be used in several ways. For example, you can use it as a signature, or as a banner for gaining more adepts.

Similar Posts

Thursday, January 28, 2010

Seadragon : Share your images in full detail

Seadragon is designed to inspire and enable new scenarios for viewing information online. It combines several new technologies to progressively retrieve large amounts of data using a fast, seamless, zoom based interface. Seadragon works with all types of content, from wall-sized displays to cell phones, regardless of the amount of data or the bandwidth of the network.

The usage is simple, you just type in the URL to the image and it will be converted for you. Next you can share the result on Delicious, Digg, Facebook or Twitter. Want to embed or just need the URL to the image, the embed code and URL is also given after completion of the conversion.

This is quite a simple solution that will allow a great quantity of people to place different procures on their sites so their visitors can take a look at them to see al their details. If you are a photographer or you just like to take Pictures and you are totally concerned about each single detail, this is an interesting solution you will be highly benefited at Seadragon.com

Similar Posts

Tuesday, January 26, 2010

404Toons: Animated Talking Characters For Your 404 Redirect Page

404Toons lets you customize your 404 redirect page. They are hillarious and will definately keep your visitor engaged on your website. Dozens of characters and messages are available. Each 404Toon is professionally recorded, flash-based and easily inserted on your website. Make your website stand-out with these totally unique characters helping your users navigate safely back to your home page.

Among the characters you can use in order to replace the 404 you will find a referee, a cowboy, a mafia guy and a cop in addition to many others. The characters have different voices that can be heard while you see their movements. 404Toons are totally unique and effective at keeping your “lost” visitors on your website.

Similar Posts

PDFAmigo lets you create interactive PDF forms

PDFAmigo lets you create interactive, fillable PDF forms in your browser. Create sophisticated forms with text fields, check boxes, radio buttons, list boxes and combo boxes. Customize the look and feel of you forms with different fonts, colors and borders. Your forms can include: Text Fields, Check Boxes, Radio Buttons, List Boxes, Combo Boxes, Text Labels and Images.

You don’t have to sign in to get started, however you will need to if you want to save your work or upload images. If you don’t mind the huge watermark across your file, the pdf you create is free. Naturally, that might be a problem, so you can buy the file for $1.00 using Paypal and the watermark will be erased. This fee does not include future changes to the form, so each change you make to the form would be an additional $1. Also, the first page is $1, and additional pages are 50 cents.

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

Thursday, December 31, 2009

ViewLike.Us: Check Your Blog In Multiple Resolutions

ViewLike.us is an online application that lets you quickly test website in different resolutions. You simply need to enter website URL into provided field and click on the “Submit” button. Once the page loads, you can click different resolution tabs to view how the site looks.

Currently the app allows to preview te websites in almost all popular resolutions: 320×396, 800x 600, 1024×768, 1152×864, 1400×900, 1600×1200 and 1900×1200. The service requires no registration and got no usage limits.

The most common web browsing resolutions overall are 1024×768, 1152×864 and 1280×800 as these correspond to something like 60%-75% of all visitors depending the subject of your site and your main target public.

Similar Posts

Friday, December 18, 2009

Aviary’s Falcon : Image Markup Editor

Aviary’s Falcon allows lightning fast image markup and preparation. You can use Falcon to capture images and web pages from your browser and crop, resize and lets you mark up your images with arrows, text and outlines.

Combined with Aviary Firefox addon Talon it provides a simple and efficient way to take screenshots and add simple markup to those images. Talon is Aviary Firefox addon, once installed it allows you to take screenshots of web pages. It adds menu items to the mouse right click context menu, there are two menu items one is for editing the images directly from the web pages and the second one is for taking screenshots of the web pages.
  • Blazing Fast / Instant On : Falcon is under 90k in size, resulting in an instantaneous load time. Anyone that has Aviary’s Firefox extension Talon installed can access and edit screen captured data without any server interaction (it all takes place right within the browser).
  • Easy Color Extraction : Use the built-in color picker tool to extract web color values from images and screenshots. This is awesome and simple for web designers!
  • Simple Editable Markup : Draw arrows, edit text, make shapes. Everything is selectable. Move, rotate and resize anything added to the screen. You can even recolor, add outlines and shadows.
  • Built-in Sharing : Host your file online for easy sharing or download it right to your desktop. You can even easily post it to Twitter and other social sharing services.
  • Image Preparation Features : Crop, Rotate and Resize your image quickly and easily to prepare it for the web.
  • Aviary Application Integration : Need more design power? Port your image into 4 different Aviary tools (color editor, advanced image editor, effects editor and vector editor).
  • Intuitive Interface : Designed for bloggers, the interface is intuitive, quick to use and responsive.
  • Ideal for Netbook Use : The app resizes perfectly for use in netbooks with small screen resolutions.

Similar Posts

Monday, December 14, 2009

Ffonts: Free Fonts Directory

ffonts is a free fonts directory which provides you with an amazing collection of cool text fonts. It enables you to search and browse for a wide range of fonts, based on categories and alphabetical listing. You can see details about each font like encoding, version and view the font in upper and lower cases.

With an optional registration you can save fonts to your online wish list, submit your fonts and add comments. You can even rate the fonts and share them with friends easily.

Features:
  • Directory of free amazing fonts.
  • Browse fonts by alphabet, category and search.
  • Save fonts to your wish list.
  • Check out top fonts and new fonts.
  • Custom preview and download fonts with one click.
  • Free to use, with optional registration.

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

Monday, December 7, 2009

Stripe Generator: Web 2.0 Go Faster Stripes


Stripe Generator can easily create brilliant, shiny background stripes for your site or blog. Unleash your personal style, experiment and download the tile. You can use it directly in your CSS file or as a pattern in your image-editing app. They have many adjustment options such as stripe size, stripe spacing, color, stripe orientation and even shadows.

You can also choose from a variety of highly rated patterns created by other users in their “Your Stripes” section on the free stripe generator site. Once you create or find a stripe pattern you like simply copy and paste the code! Free Stripe Generator.

Similar Posts

Wednesday, December 2, 2009

WaveMaker Visual Ajax Studio : Drag & drop Web 2.0 development


WaveMaker Visual Ajax Studio provides an easy way to build web and cloud applications without complex coding. The WaveMaker platform consists of two components: WaveMaker Visual Ajax Studio™ for developing rich internet applications and WaveMaker Rapid Deployment Server™ for deploying applications into a standard and secure Java environment.

WaveMaker Visual Ajax Studio is an easy-to-use visual builder that enables the drag & drop assembly of scalable, web and cloud applications using Ajax widgets, web services and databases. WaveMaker Studio will look and feel especially familiar to client/server developers who are used to working with visual tools.

WaveMaker has helped customers reduce development costs by 67% and cut the lines of code written by 98%. Less code makes WaveMaker applications cheaper to maintain and easier to manage.

Similar Posts

Monday, November 30, 2009

We Love Icons: Mac, Windows and Linux PNG icons


We Love Icons is a project by designers Dan Wiersema and Nando Albuquerque. We started We Love Icons because, well… we love icons!. Our sole purpose is to provide you with ONE place to go to find links to the BEST freeware icons on earth. Be sure to read our How-To section for articles and apps that make working with icons easy and fun!.

The icon site for icon connoisseurs. Featuring only the highest quality freeware icons for Mac, Windows and Linux.

Similar Posts