Stiklet.com Logo
March 6th, 2008
Logo for Stiklet.com, yet to be launched.
Appeared as one of the 120 brilliant logos - post in Inspiredology.com
Online Design Magazines & Ezines for Designers
November 26th, 2007
Below is a compiled list of online magazines and ezines based on web and graphic designing which will be useful for all designers out there…
30+ Firefox Add-ons for Web Developers & Designers
September 3rd, 2007
Firefox has cool add-ons which make the job of website designers and developers much easier. Here is our list of 30+ excellent Firefox add-ons that every web developer and designer should know about.
CSS
Aardvark - A cool extension for web developers and designers, allows them to view CSS attributes, id, class by highlighting page element individually.
chromEdit - Alter the appearance of any page by editing CSS and Javascript files with this extension.
CSSMate - Firefox extension to edit CSS files.
CSS validator - Check the validity of your webpage using this CSS validator extension.
CSSViewer - See the CSS properties of page elements with this extension.
EditCSS - Play around with loaded CSS, Web Developer extension also provides this functionality.
IE Tab - Designers and developers can view their CSS projects on Internet Explorer using this extension.
Style Sheet Chooser II - Users can pick and choose alternate style sheets for a website.
Debugging and Analysis
FireBug - A console for debugging JavaScript, HTML, and Ajax code snippets.
HTML Validator - Cool extension to validate web pages with HTML standards of W3C.
JavaScript Debugger - JavaScript debugging extension enables a strong debugging environment.
Link Checker - Check the links on a webpage for validity. Color to each link explains its current status.
Load Time Analyzer - View detailed graphs of the loading time of web pages in firefox. The graphs display events like page requests, image loading times etc.
View Dependencies - Find out all files that were loaded in a webpage with the view dependencies tab in page info.
Others
Clipmarks - Easily save portions of webpage with this extension.
Codetech - Excellent extension for web page designers, codetech is a web page editor with the look and feel of Dreamweaver.
ColorZilla - A nice extension for web designers and developers. Colorzilla helps users to select colors which can be adjusted and put in any other program.
FirePHP - Find out what PHP code in the backend does to pages on display in Firefox browsers.
Flash Switcher - Use this extension to avoid reloading between flash plugins.
Greasemonkey - Control any aspect of web page behavior by adding Javascript code to any webpage using this Firefox extension.
Measureit - Users can calculate the measurement specifications of tables, paragraphs on internet.
Platypus - One of the best Firefox extensions for modifying a webpage. Users can modify a webpage, save their changes as a Greasemonkey script and their saved page would be loaded the next time they visit the page.
Poster - A must have tool for web developers enabling them to interact with web services and other web resources.
Professor X - Check out the contents of the head of page without getting into source code.
Screen grab - Capture screenshot of any webpage and save it as an image file with this extension.
TestGen4Web - Save the webpage activities users (entry of text, web page clicks) in xml file. These actions can later on be replayed and converted to scripts for automated test tools.
View Source Chart - View the source code of any webpage as Firefox sees it.
Web Developer - Add a menu of various web development tools with web developer extension.
X-Ray - Must have Firefox extension, it allows users to view webpage code with a right-click and shuffle between the webpage and its code easily.
Article from Mashable | digg story
HTML Beginner Tutorial | HTML Dog
August 13th, 2007
The Best Place for HTML beginners to kick start their web designing career
(Introduction - From the site)
The thing to keep in mind is that HTML and CSS are all about separating the content (HTML) and the presentation(CSS). HTML is nothing more than fancy structured content and the visual formatting of that content will come later when we tackle CSS.
If you have looked at other HTML tutorials, you might have found that they mention certain things that HTML Dog does not. This is because many methods are obsolete, non-standard or just plain bad practice. Getting into the frame of mind of doing things the right way from the start will turn in to much better results in the end.
Contents
- Getting Started - What you need to do to get going and make your first HTML page.
- Tags, Attributes and Elements - The stuff that makes up HTML.
- Page Titles - Titles. For Pages. Difficult to get your head around, I know…
- Paragraphs - Structuring your content with paragraphs.
- Headings - The six levels of headings.
- Lists - How to define ordered and unordered lists.
- Links - How to link things together.
- Images - Adding something a bit more than text…
- Tables - How to use tabular data.
- Forms - Text boxes and other user-input thingamajigs.
- Putting It All Together - Taking all of the above stuff and shoving it together. Sort of a recap thing.
Other useful tutorials from HTML Dog