Techtrends

Yahoo Design Stencil Kit is a package of design samples which is useful when designing user interface for your website or web application.Yahoo! Design Stencil Kit version 1.0 is available in OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG), and Adobe Photoshop (PNG), and covers the topics such as Ad Units, Calendars, Carousels, Charts and Tables, UI Controls, Form Elements, Grids, Menus and Buttons, Mobile – General, Mobile – iPhone, Navigation and Pagination, OS Elements, Placeholder Text, Screen Resolutions, Tabs, Windows and Containers.[source]
License:GPL / Download
. Read full story .

Google Analytics Manager is complete site metrics package, that measures and tracks site activity and provides easy-to-understand metrics on site performance and how visitors interact with your site pages, and best of all its FREE for all sites.It will add Google's tracking code to every page of each site in no time. With this small tool you can track and update the web pages instantly.
Following are some key features:

• Ideal for the busy developer, SEO or on-line business owner, Pluginlab's Google Analytics Manager gets your sites hooked up faster.
• This simple tool efficiently adds Google's tracking code to each page of each site with just a couple of clicks. No hand coding required to add the tracking code to each site.
• Google Analytics Manager tracks each Google code number for each site under your management.
• Simply paste the Google tracking code into Pluginlab's Analytics Manager and update every page of every site in just seconds.

Windows all,
Macromedia Extensions Manager 1.6,
Macromedia CS3, 8, MX 2004, or MX 6,

. Read full story .

The FreeWebStuff is an online web button generator that allows you generate royalty free web 2.0-styled web buttons, that can be used with any web layouts or templates as graphic user interface elements.

We can make beautiful buttons with in minutes by choosing the design, which can be Vista style, Mac, Gel or Plastic, then proceed to choose the font, size, color of the same, and so on. Then you can download the button.

Link- FreeWebStuff

. Read full story .

If you are new in the blogosphere and have interested in learning HTML to improve your blog or simply want to improve your knowledge of this language, the language used for almost all Internet pages, HTML Playground is a website where you can learn to serve each of the labels used in HTML, that you can play with them changing some attributes and seeing the results immediately.

Link - HTML Playground

Via - Carlosleopoldo

. Read full story .

QuickMenu is a browser based application for generating fast and feature rich drop down menus- horizontal or vertical. There is not that much technical skill required to building a menu with this application. An extensive in-page visual interface produces pure CSS list based menus quickly and this application is capable of functioning in browsers with their JavaScript disabled. Many menus styles available for editing; just select and edit what you want and copy the CSS code to your style sheet and HTML code to HTML section of your template.

QuickMenu supports almost all browsers and you can download it for off line editing in your browser and is compatible with all Operating systems.

Following are some of the main features of QuickMenu

• Pure CSS Based DIV / A structure (less nested and faster running)
• Animated Follow Arrows (Visually shows users location)
• Image less CSS Based Bulletsand Arrows
• Image less Rounded Corners
• Tree Based or Drop Down Style Menus in the Same Code
• WYSIWYG Visual Web Based Interface
• Design From Your Pages Concept
• Tab Dividers (Image or Imageless)
• Parent, Active, and Hover Customization
• No Script Support From A Full Visual Interface
• Pure CSS Foundation From a True Visual Tool
• Inherit SEO Support From a WYSIWYG Visual Interface
• Unique Zoom, Gap, and Merge Animations, all Cross Browser
• Visual Design Centered Around Your Actual Menu vs. a Preview
• Interchangeable Text Based or Visual Design Without Compromise
• Simplified In Page Supporting File References
• Filtered Style Access for Fast Customization
• Match Width Subs to Mains
• Item Enhancer for Mains and Subs
• True Scalability Support With All Features

. Read full story .

PForm is a web based tool to create HTML forms for website. The process is very simple, with in seconds you can create a form. Choose any design from the library, select form fields like (to enter texts) name, text, email, address etc and preview and save the forms.

Track - bitelia

. Read full story .

The CSS Text Wrapper is a tool for web developers that allow them to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code to your website.

Full details here

Track - webappers

. Read full story .

The Google Chart API lets you dynamically generate charts. It returns a PNG-format image in response to a URL.

Several types of image can be generated: line, bar, and pie charts for example. For each image type you can specify attributes such as size, colors, and labels.

You can include a Chart API image in a webpage by embedding a URL within an<img> tag. When the webpage is displayed in a browser the Chart API renders the image within the page.

Visit from here at Google chart API

License: Free

. Read full story .

Recently I posted an article on HTML special character generator which can be used to enter special character on your blog or website. Like that here is a special character keyboard. Just click on any character you want, the resulted code will be shown below. Copy and paste it on your page where you required.
Example for special charector - Œ © β Ð √
License - Free.

Click here for HTML Keyboard

Click for related story

. Read full story .

Spiffy Corners is a simple way to generate the CSS and HTML you need to create anti-aliased corners without using images or JavaScript.

It is very simple, just add background color, and foreground color and generate the code. The code is pure CSS (and also HTML) and needn’t require JavaScript or Image for rounded corners.

. Read full story .

If you want to add some special character on your web page like ©, ®, ∀, ♥ etc, it is very difficult to remember all these codes. XHTML Character Entity Reference is a special characters reference page of XHTML entities for web designers.

This reference page contains the 252 allowed entities in HTML 4 and XHTML 1.0, as outlined in section 24 of the official HTML 4 specifications, published by the W3C.

The entities have been divided and color coded into the logical categories like markup significant, shapes and arrows, Greek Letters, International Characters, etc.

License: Free

Requirements: N/A

. Read full story .

If you want to add eye candy ‘web2.0’ badges or buttons to your blog or website, visit Flying-People, where you can download 20 Free Sunny Glossy Buttons in PNG or PSD format. All these buttons are available in different color gradients and really nice to choose

license: Free.

Similar Posts:
1.Free web2 Logo and Badge generator

. Read full story .

CSS scroll bar color changer is an online tool that lets you to customize the colors of the scroll bar on your blog or web site. Working is simple enter your colors in hex format, (e.g. FF0033) or click the color chip for a popup color picker. Copyand add the resulted code CSS between the body tags.(Support only Internet Explorer)

License: Free
Requirement: Internet Explorer
. Read full story .

A web site’s or blog’s popularity depends mostly on search engine optimization (SEO). Because, many studies shows that majority of the web users are search-dominant. They come to the site through the links listed by the search engines as a result of their query.

Spiders / Robots / crawlers, are used by search engines like Google or Yahoo to crawl the Internet and stores information like titles, keywords and descriptions found in Meta tags, web page content, images, external links etc. Basically all your pages should be visible to crawlers, or they will not be listed.

In a web page, there are many contents and Links displayed may not actually be visible to the Search Engines Spiders. For example, Flash based content, content generated through JavaScript, content displayed as images etc. So it is very important to take extra care while adding Meta tags, title or content of a web page.

Search Engine robot is a software application designed to visit websites to index their content. It differs from human visitors and it is possible that some of your pages will not be found. So you should evaluate your web site by performing a crawling action with a search engine spider simulator.

There are many free online Search engine Spider Simulators and simulator software are available. (Just search with the key word ‘Search engine Spider Simulator’ to find)

Search engine Spider Simulators checks if your site can be crawled by search engines. It will give you an idea how search engine see your page, and give you additional comments and suggestions in case it found a problem related to the crawling of your site. And also show how your site will be displayed in search engines listings.

I would suggest that you should check with different simulators to find a good result. It was found that some online simulators have selection for different Spiders (Yahoo, Google, and MSN) that is a better choice.
. Read full story .

Testing a new Web site in many browsers and Operating system can be quite time-consuming and not everybody has a farm of legacy machines with older OSes and browsers.

Browsershots is a free, open-source online service that makes screen shots of your web design in different browsers and Operating systems. When you submit your web address, it will be added to the queue for process. Later you can access the page (after 10 minutes or so) with many screen shots. You can bookmark the page for later access.

. Read full story .

This application will show you the name of a color created and its hex and RGB value. You can select any color rotating around the wheel or from the dropdown list of 1500+ colors.(The color names in this list were found via Wikipedia, Crayola, and Color-Name Dictionaries like Resene)

. Read full story .

CSS Drive is a free utility to compress your CSS to increase loading speed of your web page and save on bandwidth as well.

You can choose from three levels of compression like Light, Normal and Super Compact, depending on how legible you want the compressed CSS to be versus degree of compression. The "Normal" mode should work well in most cases, creating a good balance between the two.

. Read full story .

CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously. It is compatible with Windows XP and Vista. The software is from Litmus - a tool which lets you see your site in different web browsers.

License: Free

File size: 8.9Mb (V0.15) to download

. Read full story .

There are thousands of free web design templates available on the net which makes your life easy. But finding a reliable and appropriate one is a tedious job. Some web-sites offer high quality templates for free. Here is a list of selected sites which offers free and complete web design templates.

1. Freecsstemplates - Templates are free for any type of personal or commercial use. Released for free under the Creative Commons Attribution 2.5 license

2. Open web design - It is a community of designers and site owners sharing free web design templates as well as web design information.

3. Master Templates - provides professionally designed website layouts for free.

4. Opensourcetemplates - the best free CSS and XHTML open source template design showcase.

5. Layout 4 free - the biggest template site on the net with thousands of free web layouts and logos.

6. Free-Flash-Template - offers web templates and intros with tons of special features. You don't need any flash knowledge to build.

7. Templatebox - Collection of website templates, flash templates, logo templates, etc.

8. Templatemonster - Template provide free for your education and personal use.

9. Steves-template - Collection of templates –Required link back to his site

10. Themebot - Many Wordpress layouts and HTML templates for download.

11. Paintedpixel - Free web page templates for non-commercial websites-Link back required.

12. Capmex - A collection of free templates.

13. Snakeyewebtemplates - Free Dream weaver Web Page Templates and Web Site Templates.

14. Dotcomwebdesign - You are free to download and use the templates but you required link back.

15. EffexMedia – Lots of website templates free to download.

16. Free website Templates- Largest collection of templates. No link back is required.

17. TemplateNavigator - the largest on the net catalogue of free website templates and free flash templates.

18. Freelayouts – Collection of free HTML and FLASH templates, MySpace and Xanga Layouts, WordPress Themes, Blogger and Joomla Templates.

19. FlashVillage - Beautiful flash templates all are free to download.

20. Interspire - dozens of web site templates, website layouts, newsletter templates and logo templates, that you can download free of charge.

. Read full story .

Reflex.js 1.1, designed by Christian Effenberger, allows you to add a Cover Flow effect (including reflection) to images on your web pages. (Cover Flow is a trademark of Apple Inc). This is achieved by JavaScript.

Why use JavaScript Reflex Image?

It is fast and easy to implement. Just add class="reflex" to the image and your good to go. Don’t need to spend time in an image editor creating a Cover Flow image effect.

It works in all the major browsers - Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing.

License - free

Download reflex.js and include it into your web page.

His similar project - Edge.js

. Read full story .