Home > CSS Help > CSS Tools: Free Templates | Tutorial Blog

CSS Tools: Free Templates | Tutorial Blog

March 21st, 2009

CSS Tools: Free Templates | Tutorial Blog



Most of us professionals who write and design in CSS like to save time while accurately being able to create a web template, with little or no mistake. One

Source


Similar Posts

    How to Use Css Classes and Ids | eHow.com

    How to article – how to use css classes and ids. Proper use of CSS IDs and classes can save you time in maintaining your style sheets, save your users time when they…

    Source

    Digg – How to make sexy buttons with CSS

    This tutorial will teach you how to create pretty looking textual buttons (with alternate pressed state) using CSS. Dynamic buttons save you heaps of time otherwise …

    Source

    Flutter, the “ultimate wordpress CMS” updated

    You use WordPress as a CMS right? And you probably love it, after all what is not to love? It is simple, easy to install, has a huge community base, thousands of plugins and themes… and 2.7′s interface is simply… stunning.

    WordPress is not perfect as a CMS however, and can you blame it? It was designed to be a blogging platform. They must have done something right if WordPress started as a blogging platform that simply works so well as a CMS.

    This could all be part of the past now that Flutter has arrived. WordPress could easily be a fully extendable CMS with one of the best blogging platforms integrated into it. So many of the minor pitfalls wordpress previously had as a CMS are now gone.

    Flutter is not a new plug in by any means. Released around wordpress 2.5, it has had time to pick up a little bit of steam. It seams it never really caught on because despite it’s useful benefits it was confusing and difficult to install and maintain. To wordpresses recent credit, it didn’t solve some of the more confusing “blog focused interface” that 2.5 and 2.6 still had.

    However now coupled with 2.7 and a new release of flutter you can now create an amazing full fledged CMS capable of almost anything you can think of.

    More About Flutter

    Flutter was designed to combat two major issues that WordPress has when being used to administer and power web sites rather than blogs. Dealing with content that was more than just self formated text and photos, and an easy way to edit complex pages.

    Custom Content Types

    A typical example could be pages for the biographies of individuals. These pages likely have a specific format that all of them should adhere to. Name, Title, Skills, etc… Previously with WordPress you would create a blank page for each and have to try your best not to accidentally mess up the format. Of course you could try using the custom fields, but try explaining those to a client with out having their eyes glass over.

    Now days you had better count on the fact that websites are going to be complicated enough where the simple homepage / innerpage templates are not going to be substantial. Websites will have different content types, a home listing, biography, portfolio page, etc… Flutter allows you to create custom write panels for different types of content. The write panels can have text fields, radio buttons, pictures, drop downs, etc… allowing the user to create a page exactly how they want it with out hassel or vast technical knowledge.

    Edit in Place

    The other example might be managing and editing pages that have both unique sidebar content and primary content. Before you would have to create a page for the sidebar, use a custom template to include that post into the sidebar before finally trying to teach a client how it all works. Very complicated right? Well it doesn’t have to be.

    Flutter also lets you specifcy editable regions of a page, like the main content, title, or sidebar. Using a bit of AJAX magic useres who are logged in can navigate to the page they wish to edit through the front end, click an edit button, and begin to edit that section with out even leaving the page.

    This makes the CMS almost transparent. Your typical client is more familiar with the web from a users perspective, and this allows them to edit and manage pages the way they are most comfortable.

    Slightly Complicated

    While the usage and learning curve of flutter has improved, you should still expect to spend an ample amount of time your first attempt at using this plugin. The documentation while available, is sparce at best (not that you can really blame the developers, who are giving the plugin for free.)

    The learning curve is well worth it. You can easily expect to save more time than you spend in reduced phone calls and e-mails regarding how to perform specific functions, tasks, or edits in WordPress.

    Read More

    CSS List Menu Resources – LGR Internet Solutions – Web and Blog Consulting

    I like to make my CSS menus from scratch, but if you want to save yourself some time here are a couple of … I recently came across CSS Menu Maker. …

    Source

    Free XHTML/CSS Website Templates – Template World

    … site templates designed by certified web professionals. The #1 web template membership … We offer some free css templates for you to sample before purchase. …

    Source

    20 Expert WordPress Tips for Pro-Developers

    WordPress has been growing sensationally as the tool to use for Blogging. We’ve compiled a list of things that are good practice and you must do if you are a pro wordpress blogger or developer.

    Writing/Blogging Workflow

    1. Keep it updated. Publish it later. Keeping it updated can be a laborious, arduous task. In order to do something like this I highly recommend writing 2-3 articles at a time and publishing them later at another date.
    2. Use Shortcodes. Shortcodes can save you a lot of time and provide you with text and bbedit type shortcuts. Using text like: [shortcode]. It replaces the need with formatting text and easily allows you to insert a template or snippet.
    3. Editing offline? Use Google Gears to kick your writing abilities offline. While using Google Gears Turbo can write, edit things locally then sync them later.
    4. Write posts via email: This is something people tend to forget about only because its such an unutilized feature. But with the ubiquity of smartphones it makes sense to write posts via email. (Thanks to @dmassad for the tip.)

    Mobile Design

    1. Do you have an iPhone? WordPress.org is creating an iPhone application just for the iPhone to keep your blog updated
    2. Update WordPress by Text Message using Twitter Updater
    3. iPhone themes for WordPress: WP Touch , iWPTouch

    Backing Up Data

    1. Importing and Export Feature – Keep your posts backed up on your server as well as multiple different places.
    2. Use the Backup Plugin to automatically

    WordPress with CMS Superpowers

    Because of WordPress’ very attractive backend. Using WordPress seems like a very promising move. The following will make it happen:

    1. Devlounge explores the pros and cons and possibilities of using WordPress as a CMS. What to consider if you’re using WordPress as a CM
    2. Rewriting WordPress Functions: WeFunction Explores the idea of using wordpress’ add_meta_box as a means of creating seperate custom fields. I warn you it doesn’t look very easy. The tutorial is very well documented though.
    3. Flutter is very promising plugin that allows awesome features such as editing in place as well as allowing many different post types. Also covered and reviewed here.
    4. Darren Hoyt discusses the client-web developer/designer problems with making WordPress a CMS
    5. How to “plan and think of WordPress as a CMS
    6. CMS Plugins: Looking for plugins to make WordPress a cms? Make sure you check out My Page Order , pageMash , Page Management Dropdown , PageRestrict, etc. (Source: Mashable)

    Twitter Implementation

    1. 10 Best Twitter tools for WordPress.
    2. Find out who tweeted or retweeted your post using the Tweetback Plugin

    WordPress Custom Theme Development

    1. Use a Parent-Child Theme to rapidly jump-start theme development
    2. Import Sample Content to help develop and refine your themes typography
    3. Why reinvent the wheel when you can use a blank theme: found here , here , and a whole list of them here

    Read More

    Digg – How to make sexy buttons with CSS

    … pretty looking textual buttons (with alternate pressed state) using CSS. Dynamic buttons save you heaps of time otherwise … into a block with CSS does not …

    Source

    A List Apart: Articles: Flexible Layouts with CSS Positioning

    Need to spend less time on CSS hacking and more time on design? Dug Falby shares techniques for practical grid-building with CSS positioning.

    Source

    Free CSS Website Layouts and Templates

    Download free CSS website layouts that are table-less and XHTML 1.0 validated. Pre-styled free CSS website templates save time and speed up website development.

    Source

    HTML Ezine – Does Yours Render Right? CSS vs. Inline HTML

    One huge mistake that many ezine publishers do when sending HTML email newsletters is that they will test their … I’ve used Internal CSS for the majority of …

    Source