background preloader

CIBC

Facebook Twitter

21 Excellent Dreamweaver Extensions for CSS Productivity and Standards. 21 Excellent Dreamweaver Extensions for CSS Productivity and W3C Standards. 15 of these extensions are freeware, the further 6 were that good I had to include them. They are worth the price. CSS Sculptor for Dreamweaver Description: CSS Sculptor helps you create the custom Web standards compliant, CSS-based layout you want and flatten the CSS learning curve. You can choose from any of the 41 included layouts. Specify margins and padding for any page element along with type properties for paragraphs, headings and link states. Bring in background colors, background images (repeating or not) or any style of border.

Eric Meyer’s CSS Sculptor generates styles sheets for both screen and print in one operation. CSS Menu Writer for Dreamweaver Description: Master the challenge of creating Web standards compliant, CSS-based site navigation with CSS Menu Writer. Complete CSS Menu Description: Complete CSS Menu is an extension which implements a menu system using CSS only. Alternate CSS (freeware) Code Extras extension for Dreamweaver | XTND.US - Xtnd urslf! Extensions for software. Adobe Dreamweaver, Drupal, jQuery, Eclipse, Fireworks. 10 Completely Free Wireframe and Mockup Applications. Every web designer and developer should have a good and reliable wireframe (mockup or prototype) tool at there disposal.

The importance of such a tool differentiates amongst web designers and developers, some use them, some don’t. Personally, I use them. It is in this initial stage of development that makes web design enjoyable, the coming together of the clients needs and your own creative ideas onto a blank canvas, allowing you to plan effectively the visual arrangement of the sites content. The downside is that a good and reliable wireframe application can come at a heavy price, have you seen the cost of a good wireframe application?

Prices can vary from as low as $100 all the way up to over $4000. Who has this kind of mine to throw around? So, what options do you have? Please note that this post really old, so some of the below apps may not longer be free or available. Hot Gloo – The Online Wireframe App Pencil Project Web Site Wireframe Tool Mockingbird MockFlow fluidIA Cacoo Lumzy. Vim Introduction and Tutorial - IMHO. I often tried to learn the great Emacs editor/IDE/operating system. The last time I tried it, I spent some time getting comfortable with it until I wanted to customize my .emacs file. That was the point when I entered vi .emacs.

As soon as I realized what I’ve done, I knew that Vim has won me over a long time ago. So, here I am – using Vim as my editor of choice. Another big motivational boost came after I discovered that my preferred shell (ZSH) has an awesome vi-mode including the command mode (yes, you can switch between command and insert mode!). Vim has a great deal of features, and learning them takes some time. I took the approach to start using some tutorial and let the help-system guide (type :help <command> to get help for the command) me through the rest. Another reason I like to use Vim is because it’s much more healthy than Emacs (using the default-keymappings). Just remember: Vim’s basics are really very simple, but in combination the simple commands become very powerful. Dreamweaver Extension for CSS rounded corners: FlexiPanels CSS overview. FlexiPanels CSS for Dreamweaver is a CSS builder that helps you create table-less HTML code for side panels, menu containers or any content zones with a gradient background and rounded corners.

Start from a layout picture from your designer or implement any of the 30 ready-made panels and the extension will create the standard compliant DIVs and CSS ready to be implemented in your site, without writing manual code! FlexiPanels CSS main features Tutorials Watch the demo videos Get up to speed quickly with the video tutorials: See more video tutorials and use cases Requirements. XSLT Functions.