BrainJar.com: Experiments in Web Programming 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!
HTML Help by The Web Design Group 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
Perl programming documentation 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
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. You might also want to visit the following articles: 65 Excellent Flash Designs which features 65 examples of outstanding Flash-based web-sites.39 Creative Flash Designs 39 hand-picked creative and colored flash websites Drinks Sites Martini AstiThis Martini site is a nice example of giving a fresh image of a drink. Bacardi – Original Mojito (currently offline)The motion graphics and the water effects in slow motion give a unique style to this site. Portfolios Ari´s Labs. Digaworks Corporation Mon-Monde
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
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. AHAH is a very simple technique for dynamically updating web pages using JavaScript . dojo is an Open Source DHTML toolkit written in JavaScript. AjaxAC is an open-source framework written in PHP, used to develop/create/generate AJAX applications. JSAN – JavaScript Archive Network is a comprehensive resource for Open Source JavaScript libraries and software. Ajax.NET Professional is one of the first AJAX frameworks available for Microsoft ASP.NET and is working with .NET 1.1 and 2.0. AjaxRequest Library is a layer over the XMLHttpRequest functionality which makes the communication between Javascript and the server easier for developers.
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
css Zen Garden: The Beauty in CSS Design 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)
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. HTML is the most important thing a Web designer or Web developer can learn. Even if you plan on using WYSIWYG editors for most of your career, knowing HTML will give you an understanding of how the Web works so that your designs will be more effective. HTML is imperative to both Web designers and Web developers. After HTML, CSS is the most important language Web designers can learn. CSS is imperative to Web designers. 3. Web designers must know design. 4. 5. 6. 7. 9.
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