WYMeditor is a free XHTML editor script that generates perfectly structured XHTML strict code.
It doesn’t provide shortcuts for styling the fonts, colors, etc. For this reason, it calls itself WYSIWYM (what you see is what you "mean").
This is a very nice feature to prevent novice users from breaking the styles of webpages (which happens most of the time).
WYMeditor is 100% JavaScript, has a skin support via CSS for customizing it and multilingual.
Its makes integrations easier with the API/plugin support provided.
Requirements: jQuery (included)
Compatibility: All Major Browsers
Solucija is featuring 30+ quality & free website templates.
These CSS – XHTML templates are all lightweight (under 60kb) & they are very handy to get inspired, to use by modifying or, in some cases, just using how they already are.
Templates can be used both in non-commercial & commercial websites.
Free Rich Text Editor is a feature-rich JavaScript WYSIWYG editor.
It can be implemented to any web application easily & no programming experience required.
It outputs XHTML compliant code & works in all major browsers.
Editor lets you to switch between the design, HTML code & preview modes just like a desktop WYSIWYG application.
Requirements: No Requirements
Compatibility: All Major Browsers
Construct is a visual layout editor based on Blueprint CSS framework.
It ıs a handy tool for CSS designers & also shows that a visual layout editor can generate clean CSS & semantic XHTML.
The application is built with jQuery & it enables you to:
- Add / remove containers
- Add / remove columns
- Add / remove lorem ipsum text
- Preview the result
- Construct the XHTML & CSS for production use
- & more..
P.S. This tool is inspired from the Blueprint Layout Editor & thanks to Petros for the suggestion.
Requirements: No Requirements
Compatibility: All Major Browsers
Emastic is a CSS grid framework aiming to ease creating elastic layouts.
It is created by the author of Hartija (see WRD post) & Formy (see WRD post) CSS frameworks and powers users with:
- Personalized width of the page in em,px,%.
- Use of fixed and fluid columns in the grid.
- Elastic Layout with "em"
From the author:
I analyzed all the Grid CSS frameworks and almost everything connected with the Grid System. But I did not want to reinvent the wheel, just to improve the main defects of the existent CSS Frameworks and to add some new features.
Emastic is lightweight (compressed size is less than 4kb) and several examples can be found in the project page.
Compatibility: All Major Browsers
CakeMail is presenting 15+ free newsletter templates which are suitable for simple-to-advanced deliveries.
.jpg)
Downloads include 1 column & 2 column templates.
Besides using them, it is nice to see how a newsletter must be from a company specialized in this area with the unsubscribe links, ability to view a web-version and the presentation.
Requirements: No Requirements
CSS Creme has released a beautiful free XHTML-CSS e-commerce template which you can use in your projects or inspired from.
This e-commerce / e-shop template features 3 pages:
- Product listing template
- Product detail template
- Form template (contact us)
There are also ready-to-use hover tooltips inside the template.
Tip:
CSS Creme features other nice free CSS templates.
Perfect multi-column CSS liquid layouts is a series of website layouts use percentage widths and relative positioning and compatible the common web browsers (even Safari on the iPhone and iPod touch).
They’re also ’stackable’ so you can use multiple column types on the one page.
Features of these CSS layouts:
- No CSS hacks
- iPhone & iPod Touch compatible
- SEO friendly
- Full length column background colours
- No Images
- No JavaScript
- Resizable text compatible
- Stackable columns
- Free to use
These free CSS layouts include 1-column, 2-column & multi-column ones.
Although there may not be a perfect layout with every new browser version, these layouts are promising.
Typogridphy is a CSS framework that helps web designers and front-end developers in quickly coding typographically pleasing grid layouts.
Typogridphy uses ems which means that the content is zoomable without creating problems for the design.
Based on the popular 960 Grid System (see WRD post), Typogridphy makes creating grid layouts which are versatile and great looking much easier. This CSS framework is made of fully validated, semantic and strict XHTML, and validated CSS.
Compatibility: All Major Browsers
Rather than standard website templates, a free admin template is nearly impossible to find.
This is an admin template which you can use for web applications like:
- E-commerce projects
- Content management systems
- And more..
Special Offer: Admin Templates, a professional XHTML back-end template, is offering a
huge discount to WebResourcesDepot readers.
I have created this admin template for a project of mine and pleased to share with WebResourcesDepot readers.
Update (16 July 2010): Giles Wells of MediaGearhead has created a HTML5-CSS3 version of the template. You can find the both versions in the download package and thanks so much to him for the effort.
It is a 3 column design with a tabbed menu. The idea is having the standard categories in the tab menu for an easy reach and have all the detailed ones in the left menu. And there is an info box at the right to inform users what's going on at that page.
You can customize it however you want to fit your project. It has a listing and a new entry sample which covers %99 of an admin screen.
It is free to use the template in commercial projects & no backlinks required (the template itself can not be sold or re-distributed). If you want to say thanks for it and like WebResourcesDepot, I prefer that you keep subscribed to the feed and get the free resources everyday.
Icons used are famfamfam icons.
You can check it live here.
P.S. If you share the template on your website, please don’t give a direct link to the file and give the link to the post. Thanks.
Compatibility: All Major Browsers
