Recent Posts Tagged With 'css'

• 5 Must Read Presentations about CSS Coding

  Posted on Saturday October 31st, 2009 at 05:48 in css, web design, resources, documentation

  If you are looking for documentation to improve your CSS skills I suggest you to take a look at the following 5 must read presentations about CSS coding. The following presentations help you learn how to write efficient and maintainable CSS code, u...

• eCSStender: Take control of your CSS

  Posted on Saturday October 24th, 2009 at 11:53 in css, community, resources

  Via: http://ecsstender.org – Say goodbye to the browser-specific properties and hacks cluttering your files and say hello to lean, mean CSS. With eCSStender, when you write the rules, browsers pay attention. Extensions built with eCSStender ...

• 5 Rules To Write More Readable CSS Files

  Posted on Sunday October 18th, 2009 at 11:24 in css, web design

  PSD to HTML We’ll convert your design to xHTML/CSS Complex CSS files can often be difficult to manage especially if you don’t use a structured way to write and organize their code. In a previous post I already illustrated a methodic ap...

• Fast Paper No. 01: HTML Quick Guidelines

  Posted on Monday October 12th, 2009 at 15:24 in css, web design, documentation

  This first issue is dedicated to some useful HTML quick guidelines....

• Really simple CSS trick for equal height columns

  Posted on Sunday October 11th, 2009 at 11:32 in css, web design

  This tutorial describes a really simple CSS trick to implement a fake equal height columns effect using the CSS properties position:absolute and border. Before to proceed I suggest you to download my CSS 2 Visual Cheat Sheet for a practical refer...

• xCSS Object Oriented CSS Framework

  Posted on Saturday October 10th, 2009 at 07:29 in css, community

  Via http://xcss.antpaw.org/ – xCSS is a CSS framework that allows you to work object-oriented and keeps your workflow as “dry” as possible. xCSS bases on CSS and empowers a straightforward and object-oriented workflow when developing com...

• Methodic approach to CSS coding: Four Bubbles Model

  Posted on Friday October 9th, 2009 at 11:48 in css, web design

  Which approach is better to write CSS code? In general I always prefer to use a methodic top-down approach I want to present you in this post. I called this process Four Bubbles Model. The model is based on four progressive phases that helps you ...

• Greyscale Hover Effect with CSS & jQuery

  Posted on Thursday October 8th, 2009 at 07:33 in css, community, jquery

  Via http://www.sohtanaka.com – A few months ago, James Padolsey introduced a cool greyscale technique for non-IE browsers. His technique inspired me to come up with a workaround with a similar effect. My solution relies on CSS Sprites and a f...

• How to distribute elements horizontally using CSS

  Posted on Wednesday October 7th, 2009 at 16:23 in css, web design

  In this post I want to reply to a frequently asked question that I receive from my readers about how to distribute horizontally a certain number of elements within a main container using CSS. This problem is not particularly complex and can be so...

• How to implement a perfect multi-level navigation bar

  Posted on Sunday September 20th, 2009 at 03:46 in html, css, jquery

  A question I often receive is what's the best way to implement a multi-level navigation bar for a website. In some cases, some of my readers ask to me a little help and send me "very original" solutions but not so suitable in terms of semantic and u...

• CSS code structure for HTML 5: some useful guidelines

  Posted on Monday August 24th, 2009 at 04:47 in css, html 5

  In this post I want to illustrate some useful guidelines about how to implement a well organized CSS code structure in view of introduction of HTML 5 markup language. They are not general rules but simple suggestions you can follow in order to impro...

• CSS3 rounded corners for every browser? An alternative quick solution without headache

  Posted on Friday August 14th, 2009 at 07:05 in css, javascript

  In the last weeks I frequently received a question about how to use CSS3 border-radius property to draw HTML elements with rounded corners in Internet Explorer. How you know CSS3 border-radius property is natively supported in Safari, Firefox and Ch...

• 10 Useful code snippets for web developers

  Posted on Sunday July 26th, 2009 at 10:20 in html, css, Ajax, snippets, jquery

  In this post I want to suggest you 10 useful code snippets for web developers based on some frequetly asked questions I received in the past months for my readers. This collection include several CSS, PHP, HTML, Ajax and jQuery snippets. Take a look...

• 10 Fresh tools and resources for web developers

  Posted on Friday July 10th, 2009 at 10:44 in php, css, list, resources, freebies, jquery

  In this post I want to suggest you some interesting tools and resources for web developers. This list includes a CSS framework to design sitemaps using HTML lists, some interesting JavaScript frameworks, some interesting jQuery plug-in, a PHP face d...

• How to skin HTML form elements in seconds

  Posted on Sunday April 26th, 2009 at 09:59 in css, list, web design, resources, freebies

  In the past weeks I received some requests from my readers which asked to me to suggest a simple way to skin HTML form elements. There are a lot of ways to do that and a lot of posts with interesting resources about this topic. But if you want to s...

• 6 Interesting online presentations for web developers

  Posted on Sunday February 22nd, 2009 at 13:59 in php, css, Ajax, web development, resources

  If you are looking for free resources to learn Ajax, PHP, CSS and JavaScript take a look at this collection with six interesting online presentations about these topics. The list includes a short introduction to Ajax, how to write modular CSS code, P...

• Ultra small code to drag everything in HTML pages

  Posted on Sunday February 8th, 2009 at 14:18 in html, css, javascript, inspiration, mootools

  A frequent question I receive from my readers is about how to implement a simple script to drag elements in a web page. So in this post I want to illustrate the simplest method I know and use to drag everything in HTML pages, using just three rows of...

• Useful tips to design horizontal website layout

  Posted on Sunday February 1st, 2009 at 07:48 in html, css, web design, inspiration

  In the past weeks I received some messages from my readers which asked to me to dedicate a post about horizontal website layout. So in this tutorial I want to illustrate some useful tips to design this kind of layouts using CSS and HTML code, also ad...

• Useful resources to improve the look and features of HTML Forms

  Posted on Wednesday December 10th, 2008 at 07:38 in html, css, framework

  Are you looking for some useful tips to improve the look and features of your standard HTML FORM elements? In this post I suggest you some interesting resources about this topics. Take a look around... Read more on http://woork.blogspot.com... ...

• Useful guidelines to improve CSS coding and maintainability

  Posted on Tuesday November 18th, 2008 at 13:59 in css, web development, guidelines

  Developing CSS code for websites with a complex layout structure can be an hard work for a web designer. But in this situation, an harder work is writing code in order to simplify the continuous... Read more on http://woork.blogspot.com... ...

• CSS coding: semantic approach in naming convention

  Posted on Sunday November 16th, 2008 at 09:53 in html, css

  Naming convention in CSS coding is an "hot" discussion topic. In this post I want to illustrate some suggests and guidelines to use a semantic approach instead of a structural approach in naming CSS... Read more on http://woork.blogspot.com... ...

• Step by step guide for newbie to design a simple web application (part 1)

  Posted on Saturday September 13th, 2008 at 09:12 in html, css, inspiration, database, mootools

  Design a web application requires hard work and knowledge of HTML, CSS, database and javascript. What is a simple way to start developing PHP web applications for a newbie? In the past months I received frequently this question. Some readers of this...

• 7 Stunning tutorials to design modern interfaces for websites

  Posted on Wednesday September 10th, 2008 at 13:48 in html, css, inspiration

  Are you looking for some ideas to design an original interface for your next website project using the most popular JavaScript Frameworks such as Prototype, MooTools and Scriptaculous? Take a look at this short compilation which includes a Facebook-...

• Elegant glass style navigation bar using CSS and toggle animated effect

  Posted on Thursday August 28th, 2008 at 13:44 in html, css, inspiration, mootools

  This tutorial illustrates how to design an elegant glass style navigation bar with a nice toggle animation effect, using CSS and MooTools. The result is something like this:Moving your mouse over a tab in the main menu, the submenu display several li...

• 25 Awesome tutorials for web designers

  Posted on Saturday August 9th, 2008 at 03:55 in html, css, Ajax

  This is a collection of the best tutorials for web designers I found this month browsing some websites I like. It also includes some of my post :) Take a look!1. Most used CSS TricksA nice compilation of the most used CSS tricks in web design (round...

• Tips to design your site for mobile devices

  Posted on Monday July 21st, 2008 at 13:45 in html, css, inspiration

  Some day ago my friend Lucas asked to me some suggest to design a mobile version of his blog. So, in this post I want to illustrate some simple tips about how to develop a mobile version of your site such as: choosing an URL address for your mobile s...

• Design a nice pencil and handwritten style Woork like

  Posted on Monday July 14th, 2008 at 16:09 in css

  The way you present your post is crucial to attract more visitors on your site and to enlarge your public. Every time I add a new post on my blog I spend a little bit of time to prepare a well presented post, adding for example some explanation image...

• Nice login and signup panel Newsvine like using CSS

  Posted on Saturday July 12th, 2008 at 08:36 in html, css

  Yesterday a reader of my blog, Benjamin, asked to me a suggest for an idea to design a simple login/register section for his site. So I suggested him to take inspiration form the panel used on Newsvine which is like the following:It's a simple panel ...

• Navigation bar with tabs using CSS and sliding doors effect

  Posted on Tuesday July 8th, 2008 at 14:34 in css

  My friend William asked to me to design for his project a simple navigation bar with tabs using CSS. I prepared for him this navbar (with status effects active, hover, link):You can download the source code and reuse it in your projects. If you want,...

• Nice CSS menu with feed reader icons list

  Posted on Sunday June 29th, 2008 at 05:28 in css, javascript

  This tutorial illustrates how to design a nice CSS menu with a list of feed reader icons. The result is something like this:Download source code for the full code and icons. Download this tutorialStep 1: HTML CodeCreate a <div> element with ID=...