ARTEgami in English

From BBcode to HTML, an online converter

This online tool will help you a lot. This is an online converter for BBcode to HTML. If you’re in a hurry, this will be your best friend. The best thing of all, it uses CSS. Enjoy!

Posted in CSS, HTML, Resources, Web Design | No Comments »

Creating a clean and efficient spread sheet

I don’t think I’m a CSS guru, this is why I had to read a lot so I could understand many things about this subject. Nowadays everybody wants to create and design web sites with CSS. And it’s true that it’s more efficient and easier to change, a simple click chances everything. In Y-Times I found a very good list of advices to improve our CSS knowledge.

Place your style sheet externally. Save the style sheet in one of more CSS files, and then link them with link rel=”stylesheet” type=”text/css” href=”/lib/yourstoreid/yourstyle.css”>

Combine the less number of style sheets possible. If you’re using a lot make sure they all have names on them. Use ID’s to differenciate the elements.

Don’t repeat classes without a purpose, like for example:

< a href=”index.html” class=”nav”>Home
< a href=”info.html” class=”nav”>Info
< a href=”contents.html” class=”nav”>Contents

Define the main design, and then go to those that are more specific.

Don’t import unless it’s really necessary. Don’t use ID chains. ID’s are unique so refer to them all the time, avoid using #main because you’re telling the site that this should prevail in front of others.

Posted in Articles, CSS, Graphic Design | No Comments »

More than 250 tools to codify your web page

Mashable presents us an excellent list that will help to learn any programing language for designing web pages. Here you’ll find more than 250 links that will include  AJAX, ColdFusion, CSS, Flash, HTML, etc

Posted in AJAX, CSS, Flash, HTML, Javascript | No Comments »

Tableless sites

This time around I found this CSS Collection, a Blog created by Donimo Shriver where we can find an amazing compilation of websites created with CSS. To be part of this list you need to:

• Have a Web site
• Quality is a top priority
• No keyword oriented web pages
• Table free
• Too Flash-y sites are banned.

Posted in CSS | No Comments »

101 CSS resources

CSS TemplatesA collection of 40 CSS layouts based on the same markup and ready for download! - blog.html.it
CSS Layouts - layouts.ironmyers.com
CSS Templates - free-css-templates.co.uk
The Web’s CSS Site - cssvault.com
Open Source Web Design - Download free web design templates - oswd.org
Dynamic Drive CSS Layouts- Tableless, CSS based templates - dynamicdrive.com
Free CSS Templates - free-css-templates.com
Free Design Templates - smashingmagazine.com
Free Website Templates - andreasviklund.com
Free Website Templates, Free Web Templates, Photoshop Layouts - freshtemplates.com
Free XHTML/CSS Website Templates - templateworld.com
Nice and Free CSS Templates - mycelly.com
Open Design Community - opendesigns.org
The CSS Tinderbox - csstinderbox.raykonline.com
The only CSS layout you need(?) Strictly CSS - strictlycss.com

Tricks and techniques with CSS

10 CSS Tips from a Professional CSS Front-End Architect - 72dpiintheshade.com
15 CSS Properties You Probably Never Use (but perhaps should) - seomoz.org
53 CSS-Techniques You Couldn’t Live Without - smashingmagazine.com
A CSS Crossfader Demo - mikeomatic.net
Attach icons to anything with CSS - hunlock.com
Beginner’s guide from a seasoned CSS designer - cameronmoll.com
CSS Advisor beta adobe.com
CSS Image Text Wrap Tutorial - bigbaer.com
CSS Navigation Techniques (37 entries) - alvit.de
CSS techniques I use all the time - christianmontoya.com
CSS Techniques Roundup - 20 CSS Tips and Tricks - petefreitag.com
CSS tips and tricks - blogherald.com
CSS: Getting Into Good Coding Habits - communitymx.com
Erratic Wisdom: 5 Tips for Organizing Your CSS - erraticwisdom.com
Everything You Need to Know About CSS3 - css3.info
Little Boxes - thenoodleincident.com
Master Stylesheet: The Most Useful CSS Technique - crucialwebhost.com
Max Design - Sample CSS Page Layouts - maxdesign.com.au
My 5 CSS Tips - businesslogs.com
Playing Nice with the Other CSS Kids - contentwithstyle.co.uk
Showing Hyperlink Cues with CSS - askthecssguy.com
Squeaky Clean CSS - huddletogether.com
Ten CSS tricks you may not know - webcredible.co.uk
Ten more CSS tricks you may not know - webcredible.co.uk
Three Column Layouts - css-discuss - css-discuss.incutio.com
Turning a list into a navigation bar - 456bereastreet.com
Turning Lists into Trees - odyniec.net
Unordered List Rollover Gallery - destinedtodesign.com
Web Page Reconstruction with CSS - digital-web.com
Yahoo! UI Library: Grids CSS - com1.devnet.scd.yahoo.com

Tutorials for CSS

53 CSS-Techniques You Couldn’t Live Without - smashingmagazine.com
A Slacker’s Guide to Style Sheets - slackerhtml.tripod.com
Advanced CSS Layouts: Step by Step - webreference.com
Advanced HTML Tables and CSS Tutorial - lynchconsulting.com.au
Alternative Style: Working With Alternate Style Sheets - alistapart.com
Cascading Style Sheets in 7 Easy Steps: A CSS Tutorial - javascript-page.com
Creating a CSS layout from scratch - subcide.com
CSS - Quirks mode and strict mode - quirksmode.org
CSS Basics - Making Cascading Style Sheets Easy to Understand - cssbasics.com
CSS Design, News, Jobs, Community, Web Standards - cssbeauty.com
CSS Design: Creating Custom Corners & Borders - nidahas.com
CSS Library- Practical CSS codes and examples - dynamicdrive.com
CSS shorthand properties - an introduction - home.no.net
CSS Tutorial - w3schools.com
css Zen Garden: The Beauty in CSS Design - csszengarden.com
CSS: cascading style sheets tutorials and style guide - yourhtmlsource.com
Making Complex CSS Simple! - leftjustified.net
Making Headlines With CSS - webreference.com
MIS Web Design: Fancy Paragraphs With CSS - miswebdesign.com
More Rounded Corners with CSS - schillmania.com
Simple Styling with CSS - adobe.com
Single Image Multi Replacement - web-graphics.com
Spiderpro: How To justify text with CSS - spiderpro.com
The Complete CSS tutorial - echoecho.com
Tools : Link Thumbnail- lab.arc90.com
Tutorials: Uberlinks CSS List Menus - projectseven.com
Using CSS and a simple list to create radically different list options - css.maxdesign.com.au

Utilities for CSS

Cascading Style Cheatsheet - home.tampabay.rr.com
Clean CSS - A Resource for Web Designers - Optmize and Format your CSS - cleancss.com
CSS Browser Selector - rafael.adm.br
CSS Cheat Sheet - Cheat Sheets - ilovejackdaniels.com
CSS Compressor - iceyboard.no-ip.org
CSS Creator - csscreator.com
CSS Editor - pixy.cz
css filters (css hacks) - centricle.com
CSS Formatter and Optimiser/Optimizer - cdburnerxp.se
CSS Properties to JavaScript Reference - codepunk.hardwar.org.uk
CSS Rounded Box Generator - neuroticweb.com
CSS Source Ordered 1-3 Columned Page Maker by ClevaTreva Designs - The Generator Form v2.90 - positioniseverything.net
CSS Superdouche CSS Tweak ~ Web Based CSS Tweaker! - cssdev.com
CSSCheck, a Cascading Style Sheets Lint - htmlhelp.com
CSSTidy - csstidy.sourceforge.net
Firdamatic: the Design Tool for the Uninspired Webloggers - wannabegirl.org
Free CSS Template Code Generator - Maker for 3 Column Layout (tableless) - ibdjohn.com
Iconize Textlinks with CSS - pooliestudios - pooliestudios.com
JotForm - jotform.com
Live CSS editing with Internet Explorer and Firefox simultaneously - sitevista.com
OverZone Software - CSS Tab Designer - highdots.com
Simple CSS - hostm.com
Sky CSS Tool - skycsstool.sourceforge.net
Stylesheet Generator - Scriptomizers’ Webmaster Tools - scriptomizers.com
The W3C CSS Validation Service - jigsaw.w3.org

Posted in CSS, Resources, Web Design | No Comments »