/* Position Is Everything */ Modern browser bugs explained in detail! Essential bookmarks for web designers and web developers The project 'Essential bookmarks for web-designers and web-developers', previously updated on this page, has a new url ( a new design, a new hierarchical structure and, of course, new web-dev-resources. The reason for changing the basic concept of this project was a huge number of suggestions and links, which have overflooded my mailbox recently. Over the last few days, a new project was created and updated. Please update your bookmarks! How did it begin? This page is actualized once a week. This list was created with the help of many web designers and enthusiasts from Germany and United States, but mostly it was created by myself. Thanks!
Front Page - css-discuss Page Layout About the CSS Layout Generator The CSS Layout Generator was first released by Tony Aslett in October 2003, since then over 871,000 layouts have been generated. Updated in November 2010, HTML5 doctype can now be selected and a simple HTML5 template with appropriate tags will be created. Other HTML and XHTML doctypes are still available. The generator helps you create the structure of your website template using valid HTML and CSS. You can create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. The generator requires a modern DOM capable browser with JavaScript enabled. Instructions To create your layout select the structural elements your site requires (header, footer, columns). Info popups are available where you see InfoMore info example :) icon, just hover over it for more information. Join the CSS Forum to suggest changes or ask for help where needed. Author: Tony Aslett
Eric Meyer: CSS CSS Work Books by Eric Including Smashing CSS, CSS: The Definitive Guide, Third Edition, CSS Pocket Reference, and Cascading Style Sheets 2.0 Programmer’s Reference, among several others. Articles by Eric Local copies of CSS articles, as well as other writing I've done. Inline model document A terse, but hopefully complete, description of how the CSS inline box model really works. Color equivalents table All 147 SVG-derived color keywords permitted in CSS3 in a sortable table showing the keywords with their equivalents in both hexadecimal notations, both (non-alpha) RGB notations, and non-alpha HSL. CSS Module Timelines A visualization of the activity of the CSS Working Group by plotting draft publication dates and W3C statuses over time. CSS Module Editors Leaderboard A bit of a goof wherein I score the editors of various CSS modules and present the results as a leaderboard. CSS Tests A fairly large collection of test files I’ve accumulated over the years. W3C CSS2 Test Suite Prototyping Offsite
CSS tips and tricks, Part 1 As I stated in my recent article on CSS shorthand properties, I get a lot of questions about CSS from people who haven’t spent quite as much time working with CSS as I have. Their CSS is often not as efficient as it could be, and I come across some mistakes that are easy to make when you’re starting out with CSS. Since I’ve been using CSS extensively for a couple of years I’ve picked up some tricks that either make the CSS more efficient or solve a specific problem. This was originally meant to be a single article, but the list of tips and tricks just kept on growing, so I’ve decided to split it into two parts for easier digestion. Use CSS shorthand To save space and make your CSS files easier to read I recommend using shorthand syntax to declare several properties in a single declaration. Specify a unit unless the value is 0 Not specifying a unit for length values is a very common mistake among CSS beginners. Remember case sensitivity Specifying colours So, instead of writing you can write
The Top 15 Web APIs For Your Site : New Internet Media @ Pingable.org Machine-based interaction is a common feature of Web 2.0 sites like Digg, Facebook and Dilicious, and these days it goes well beyond simple web feeds. An application programming interface(API) is what allows programmers to write applications and widgets that interact with services on these sites. The API gives them web-based access to data and functions from such sites. For example using the GoogleMaps API one could pull data and mapping information from Google that enables users of a site to view an embedded map of the location of a business. Although typically using an API does require some expertise in programming, many of the APIs which are being released by sites are well documented with good examples on how to implement them, WebAPI. This article also details many of the user created scripts which have been generated using the various API’s which will give end users something to play with too. 15 – MediaWiki API 14 – Upcoming 13 – Audio Scrobbler API 12 – Ebay API 11 – Facebook API
7 FBML examples to rock your Facebook fan page. - Webdistortion Facebook markup language or FBML for short is used in a variety of places within the social network. Anyone who has written any Facebook applications will already be pretty familiar with its tags, and will probably have used it to write data to walls, or share postings with others programmatically. If however you haven’t yet dipped your toe in the water of the Facebook API, or indeed haven’t actually needed to – there are some snippets of FBML which prove to be mighty useful when creating custom Facebook Fan Pages, and can easily and quickly out of the box be used with the FBML widget, which adds an extra much needed layer of customisation to an existing Facebook fan page. The static FBML widget can be added multiple times, and in multiple places (sidebar and tabs) to facilitate this. Adding your newsletter If your blog or website offers subscription via email, an additional place to find subscribers is within the Facebook network. Include Sharing With Friends Update. FBML needed (Image)
10 Mind-Blowing Experimental CSS3 Techniques and Demos As CSS3 gathers momentum, more and more new techniques and ideas are being published every other day. Each seems to explore exciting never seen before avenues, and ALL push CSSes boundaries ever further away. It really is an exciting time for web design. The post should have been called “The Top 10 Kick-Ass Experimental CSS3 Techniques That Simply Blew My Mind Away! Anyway, here are our favorite CSS3 experimental techniques, And please, please do try this at home, we will really look forward to seeing your results. Our Solar System – An experiment with CSS3 This is a recreation of our solar system using the CSS3 features border-radius, transform and animation. Our Solar System »View the Demo » Star Wars HTML and CSS: A NEW HOPE A couple of years ago, would you have thought that the Star Wars Episode IV opening crawl could be built by using only CSS and HTML? Star Wars HTML and CSS: A NEW HOPE »View the Demo » Pure CSS3 Animated AT-AT Walker from Star Wars Pure CSS3 Spiderman Cartoon
Croogo | Free, Open Source, CakePHP Powered CMS