background preloader

Css.maxdesign.com.au - CSS resources and tutorials for web designers and web developers

Css.maxdesign.com.au - CSS resources and tutorials for web designers and web developers
Step by step tutorials on using CSS to create background image lists, rollover lists, nested lists and horizontal lists. Go to Listutorial. Step by step tutorials on using CSS to create floating images, images with captions, next and back buttons, drop caps, inline lists and more. Go to Floatutorial. The structure of rules, the document tree, types of selectors and their uses. Plus a step by step tutorial using selectors to build a 3-column layout.

http://css.maxdesign.com.au/

CSS layouts Here are a range of CSS responsive HTML and CSS layouts – including one, two and three column layouts. All layouts are ready to use – as is – with folders, dummy AppleTouch icon, dummy favicon and CSS files in place. All layouts are FREE to use as needed and can be downloaded directly from Github. Simple responsive layouts SlickMap CSS — A Visual Sitemapping Tool for Web Developers Side Projects SlickMap CSS is a simple stylesheet for displaying finished site maps directly from HTML unordered list navigation. It’s suitable for most web sites – accommodating up to three levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences. The general idea of SlickMap CSS is to streamline the web design process by automating the illustration of site maps while at the same time allowing for the pre-development of functional HTML navigation. Eliminates the need for additional software Easily revised with clients on-the-fly Clickable anchors with visible URLs Design process results in working HTML code SlickMap CSS was created by Matt Everson of Astuteo – that’s me – and it’s entirely free for you to download and use, modify for your own applications, or otherwise make millions off of.

CSS Templates, Free CSS Website Templates, SSI-Developer.net Introduction/2 Column CSS Templates The following css templates are all constructed using XHTML1.0 and CSS2. Templates marked with are ones I recommend. Please note: these css templates are a learning tool and should be thoroughly tested before being used on a 'production' web site. 50 Beautiful Flash Websites - Smashing Magazine Advertisement Flash enabled designers and developers to deliver rich content over the browsers, creating motion, interactivity and an impressive visual experience. Good Flash-sites do not require too much bandwidth, load fast and allow for a smooth interaction; besides, beautiful Flash-based sites are Photoshop masterpieces, transporting some kind of reality and fantasy to the Flash movie. In the showcase below we present 50 colorful, creative, interactive and beautiful Flash-based web-sites. Hopefully they will serve you as an inspiration for your future works or just entertain you on a lousy, boring Sunday. You might also want to visit the following articles:

Best of CSS Design 2009 Since 2007, every year I do a round up of best of CSS from Best Web Gallery (check out 07 and 08 collection). Well, it is the time of the year again — Best of CSS Design 2009. This year I've selected another 50 nicely designed web sites. Among the list, I notice a lot of them are minimalistic design with beautiful serif fonts. The grungy and sketchy styles are still strong. CSS Tinderbox: Free CSS-Based Templates WordPress Tinder A small collection of very simple WordPress template frames that can be easily customized and adpated to suit your needs. They’re built for WordPress 3.8 or later and set up to use widgets in multiple locations. CSST Simple Orange

CSS Positioning with divs This will be the navigation 'column', which will run down the left of the page. And this will be the main content block. I have not used another HTML tag beyond the div tag on this page to lay it out. No tables, no transparent images; just divs and style commands. AJAX, DHTML and JavaScript Libraries Today JavaScript is widely used by web developers. There are a lot of libraries to add special effects, simple way to implement Ajax, complex components, forms, tabs or everything else. Here’s a collection of Ajax, Javascript and DHTML Libraries. Prototype is a JavaScript Framework that aims to ease development of dynamic web applications. Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice for web application developers everywhere. AHAH is a very simple technique for dynamically updating web pages using JavaScript .

Top 100 CSS Designs of 2007 From big budget to small budget, intense to simplistic, this is one monster of a top 100 compilation! Take a moment to enjoy this year's best designs the world has to offer. Each site is rated in order of uniqueness, visual quality, and overall presentation. The arduous process of identifying the top 100 designs of 2007 was simple: find the best, new designs (including redesigns) of 2007 and rate them in order from 100 to one. .htaccess Tutorial Introduction In this tutorial you will find out about the .htaccess file and the power it has to improve your website. Although .htaccess is only a file, it can change settings on the servers and allow you to do many different things, the most popular being able to have your own custom 404 error pages. .htaccess isn't difficult to use and is really just made up of a few simple instructions in a text file. Will My Host Support It?

Float Floating is often used to push an image to one side or another, while having the text of a paragraph wrap around it. This type of usage is often referred to as text wrapping and resembles what you might see in many magazines that have articles which wrap around images of various shapes and sizes. Wrapping text around an image is easy when using the CSS Float attribute. You have a choice to either float the picture to the left or to the right and the rest is done for you. Below is an example of an image that is floated to different sides of a paragraph. CSS Code: Top 10 Web Designer Job Skills - List of Web Designer Job Skills - Top Skills for a Web Designer or Developer Whether you are just starting out as a Web designer or Web developer or are looking to become one, there are skills you need to know to be successful. The following list of technical skills is a list of the skills you need to be a good Web designer. They are listed in importance to getting a job as a Web designer, although some may be in higher demand than others. The list includes information about the skill, where to learn more about it, training resources, and whether it's more useful to a Web designer or a Web developer.

Différentes manières de créer des listes sont exposées All kind of ways to create CSS' lists by mebae Oct 28

Related:  css_20_basicosHTML