Today I have decided to share with you the way I code in dreamweaver. If you thinking about coding practice that is not what I am about to show you. There are no questions for me in terms of coding. It is strictly semantic markup but as a designer I like when thinks looks pretty. Whatever I do I like to keep it simple, organized and pretty.

I played a bit with various dreamweaver functions that day and I have discovered the possibility to create your own theme for coding view. It is always very useful to create a nice working environment because it motivates you and stimulates your creativity process. If you are that type of person who walks around with open eyes watching colour combinations, grid systems, patterns in your daily life you probably will understand why it is important for me to keep my working area interesting and motivating. Anyway, no more talking let me show you my coding view in Dreamweaver. You can see on the first image the css code and the html code on the second. If you are interested what colours I have used here they are.

CSS Colours

• import: #002142
• media: #003366
• comment: #969696
• important: #99CC00
• property: #00356A
• selector: #99CC00
• string: #0071E1
• value: #42A0FF

HTML Colours

• anchor: #99CC00
• atribute value: #42A0FF
• comment: #969696 I
• form: #99CC00
• image: #99CC00
• table: #99CC00
• text: #0071E1

I was also thinking about changing the font type but I have not found anything which would be as readable as the default font - Courier New.

If you guys had the same idea using different colours or font types please send me a link to your code view image. I would be very happy to get inspired by your ideas. Thank you!

from Lewro’s blog is online playground of beginner designer Roman Leinwather

This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. In case you don’t know about jQuery, it is a “write less, do more” Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. Since these tutorials are focused on jQuery, I’m not going to get into the details of the CSS.

Note: the version used in this article is jQuery 1.2.3

View jQuery Demos

Download Demo ZIP

Dark designs can be really stunning. I mean, really. In Web 2.0 designers try to do their best to impress their visitors and in many cases they definitely succeed in doing so.

As a second (out of five) part of our 50 Beautiful CSS-Based Web-Designs in 2006 collection we’d like to present some stunning, but rather unknown dark designs, which you really should have seen if your aim is to develop web-sites in the modern “Look & Feel”-style.

Well-documented and readable source code is essential for every collaborative project. Logically structured, well organized and nicely formatted, the code can speed up the bug hunting and help to keep the code clean, minimal and still functional. These aspects are particularly important if the code is being developed by a group of developers: in this context a common scheme for source code presentation is necessary. You don’t have to do everything by hand; in fact, there are many tools which can save a lot of time - for you and your co-workers.

The tools and services we’ve collected below aren’t validators. They format and beautify the code; some of them can remove redundant elements. Using them, you have to make sure you have a backup, so your data can always be restored.

Let’s take a look at code beautifier and formatter which can save you a lot of time and help to maintain a clean and readable source code.

Time-Savers: Code Beautifier And Formatter

Ajax, DHTML and JavaScript components are important in the era of Web 2.0. Recent Web-applications tend to use them to provide more interactivity and guarantee better functionality. But what Javascript libraries can be used for a new web-project? What functions, effects and useful techniques are actually provided by them? We deliver answers.

The result is an extensive list with over 60 Ajax, Javascript and DHTML Libraries - with detailed description.

AJAX, DHTML and JavaScript Libraries