background preloader

Webdesign 1

Facebook Twitter

Opensource

250+ Tools and Resources For Coding the Web. HOT STORY: Google Reader Stats are Bullshit (With Proof) We're all living on the web, and we all seem to be starting our own websites, so it's time we all learned the languages that make it run.

250+ Tools and Resources For Coding the Web

We've gathered over 250 resources to help you get going. Home and the rest of main menu on a WordPress based web site « W. Now that we established that WordPress is not just a blogging engine, but a complete platform, which can be used for building all sorts of web sites, it is time to look at some issues which arise along the way.

Home and the rest of main menu on a WordPress based web site « W

Today, I’ll show one of the ways to go about creating web site’s main menu. For most traditional web sites, WordPress pages provide all required navigational functionality. Simply create pages for main menu items, like “About Us”, “Contact Us”, “Services”, “Company Profile”, etc. Those pages which need sub-sections, can have sub-pages (via “Page Parent” selection box). Pages can be ordered in a number of ways with parameters in the theme files, and there is even some control in the administration interface.

Free HTML Form Builder - Create Forms, Surveys and Invitations. Color Picker: Hexadecimal color code generator. Open Web Design - Download Free Web Design Templates. Checking Out Yahoo Pipes. You've probably heard that Yahoo has this new, drag-and-drop tool to easily combine and manipulate RSS and Atom feeds.

Checking Out Yahoo Pipes

(Forgive me for omitting the exclamation point from their name—speaking of which, shouldn't the logo for yahoo.es be "¡Yahoo! "?) Tim O'Reilly called Yahoo pipes no less than "a milestone in the history of the internet. " The coming RIA wars: A roundup of the Web's new face - Flex. Google's Innovative Yet Limited Ajax Environment: GWT. Web Services Programming Course Root Page. Message to potential attendees to this course from Sang Shin Announcement from Sang Shin (Feb. 1st, 2010): In the near future, the courses in javapassion.com will be available as a subscription-based service.

Web Services Programming Course Root Page

(Yes, it is a painful decision on my part.) If you want to receive course announcement in the future, please send an blank email to javapassion-announcement+subscribe@googlegroups.com. If you have any further questions, please see. Favicon.ico for your website. Silk Icons. “Silk” is a smooth, free icon set, containing over 700 16-by-16 pixel icons in strokably-soft PNG format.

Silk Icons

Containing a large variety of icons, you're sure to find something that tickles your fancy. And all for a low low price of $0.00. Wiki. Ruby on Rails Editors and IDEs. BPM Vendors Tap AJAX to Put Process in Context. Pegasystems and Appian are using AJAX to deliver personalized and process-relevant dynamic interfaces.

BPM Vendors Tap AJAX to Put Process in Context

The hot AJAX development approach isn't just for pretty, consumer-oriented Web sites such as Google Earth and Netflix.com. Business process management (BPM) vendors Pegasystems and Appian use AJAX (Asynchronous JavaScript and XML) in their latest releases to deliver interfaces that are not only rich, dynamic and user-friendly, but much more process-relevant and personalized. Much has been made of AJAX's ability to deliver rich Internet applications (RIA) that are up to thick-client standards, but in fact, the best of these interfaces outdo thick clients in terms of dynamic delivery and personalization.

Pegasystem's SmartBPM Suite upgrade, unveiled on April 17, 2006, uses AJAX for "hover and see" functionality that provides immediate user feedback. Web Toolkit. Ruby on Rails Forum - Ruby on Rails Forum. Three Column Layouts. SSI: The Include Command. Use these to jump around or read it all...

SSI: The Include Command

[Can You Run SSI?] [Types of SSI] [The Include Command] [The File Argument] [The Virtual Argument] [The Included File] SSI: Server Side Include. TorCamp Redux, or What I Learned at TorCamp ... TorCamp was today ... spent most of the day there with some very smart people talking about very interesting things. HTML Goodies. JavaScript Reference. AJAX Login System using XMLHttpRequest.

MashupCamp! Thinking Outside the Grid. Advanced CSS Layouts: Step by Step. Abstract The Challenge: Replicate WebRef's front page using CSS.

Advanced CSS Layouts: Step by Step

The Solution: CSS and lots of iterations. Bring on the tables. Using Style Sheets. Review the W3C CSS standard recommendation.

Using Style Sheets

This article is an overview of Cascading Style Sheets (CSS), providing some explanations of how it works and showing how you can use style sheets more effectively. It's not a reference or compatibility guide (although links to some good references and compatibility notes are provided throughout) and it's not a tutorial. But if you've used CSS to some extent and want to learn more, you should find the information here useful. What Style Sheets Are Not. Experiments with cascading style sheets. Convert a Web site from Shared Borders to Dynamic Web Templates. June 2004 By Jim Buyens, FrontPage MVP Summary.

Convert a Web site from Shared Borders to Dynamic Web Templates

Favicon.co.uk - Free icon editor. Design Detector. Css Zen Garden. Dave Raggett's Introduction to CSS. Dave Raggett, 8th April 2002. This is a short guide to styling your Web pages. It will show you how to use W3C's Cascading Style Sheets language (CSS) as well as alternatives using HTML itself. The route will steer you clear of most of the problems caused by differences between different brands and versions of browsers. For style sheets to work, it is important that your markup be free of errors. A List Apart. Care With Font Size - Quality Web Tips. Care With Font Size A certain trend among designers, believing that small text gives a Web page a sleek appearance and provides more space per "page" for actual content, sometimes results in the use of unreasonably small font sizes.

Unfortunately, this does not go well with the diversity of platforms used to access Web pages, from portable devices with tiny screens to projection devices hooked to computers. And even within a specific platform, text settings may vary. The problem here is a basic usability and accessibility issue: a good design should look good without requiring the user to enlarge or reduce the text size. Recommended Practices Forget <font>, use CSS. 300 Images From 1800 Sites. I started gathering little, iconesque web images for myself so that I could compare, contrast, and study the techniques used by graphic artists on the web like Ben Sky. My initial pool of images looked so interesting that I decided to continue methodically hunting and capturing the icons for a public display piece. Citrus Moon free background graphics.

This is scrumptious: whizbang color thingy from colr.org. Choose an image you like from the web, copy the address into the "image url" box then go down and click "random from image" and you will get a color palette. Brilliant Button Maker by LucaZappa.com.