PHP Developers Network

This thread is for placing links to resources you have found useful and that others may find useful.

Please do not use this thread as a base for public discussion, rather, post the link to the content along with a brief description.

CSS Cheat sheet.... very useful! Thanks to ~Everah for sourcing this.

http://www.ilovejackdaniels.com/css/css-cheat-sheet/

JavaScript cheat sheet. Again, thanks to ~Everah.

http://www.ilovejackdaniels.com/javascr ... eat-sheet/

HTML Entities cheat sheet.

http://www.ilovejackdaniels.com/design/ ... eat-sheet/

Surprised we haven't had a few more posts here yet...

Pretty infamous but for thos who don't know:

A List Apart: http://www.alistapart.com/

Loads of damn interesting articles and tutorial on various client-side design strategies.

Rock solid CSS resources:
www.positioniseverything.net absolutely the no1 resource to learn about hacks, bugs, strange behavior of IE and other browsers.
maxdesign.com.au lot of good tutorials on css, floats and layouts
bobbyvandersluis too many good links
andybudd the bookmarks of the master himself
456bereastreet the man writes a lot and very good about different aspects of web design

Of course, working with css you will come across the odd browser bug some day, so better prepare:

Managing css, hacks and filters:
Integrated hack management
Managing css hacks
Valid conditional comments for IE
Essentials of css hacking for internet explorer
Filtering CSS
Filtering CSS
!important

Filter Methods:
High Pass Filter
Mid Pass Filter
IE5/Mac Band Pass Filter
Star html Selector Bug
Overview of CSS-only Filters with browser support charts
IE5/Mac specific
Internet Explorer 5 Mac: Oddities number one when it comes to IE/Mac problems.

And last some solutions for one common problem, how to get a min-height in IE:
manisheriar nice and simple
mezzoblue a bit hackery

Storing Hierarchical Data in a Database
Open Source Web Design

General "Can't remember the tag,properties or methods..."
http://www.w3schools.com/
http://www.devguru.com

I can't believe people forgot these:

This guy writes a bunch of great stuff in his weblog and also has some cool scripts, the most notably useful thing on his website would be Whatever:hover which fixes the :hover, :focus, and :active pseduo-classes for IE6. I use it on almost all of my websites.

http://www.xs4all.nl/~peterned/scripting.html

The other one is Mr Ruthsarians website, he offers a couple of compiled, open-source applications but more importanly, offers several 2 and 3 column CSS layouts along with a suite of Javascript tools. He really shows off the power of CSS in his layouts, imo.

http://webhost.bridgew.edu/etribou/

I have found a page that is useful to learn AJAX. There are many links, infos, tutorials, and a good place to learn AJAX.

http://johnysmith.spaces.live.com/Blog/ ... !511.entry

Uhhh ahh...forget about the link given above...even better
http://www.theajaxworkshop.com/index.php/Main_Page

Cheers,
Chris

Browser comparison charts - thanks to Feyd.

Ran across this today ...

CSS Filters (HACKS) Chart

From time to time I have wanted to be able to design markup that used a footer that always stuck to the bottom of the page, regardless of the size of the body content area. I found a neat little site that shows how to do it.

footerStickAlt is a fork of the original footerStick CSS methodology which demonstrates how to make a footer section of your markup stick to the bottom of the viewport if the content does not force it.

Demo is available at http://solardreamstudios.com/_img/learn ... ooterstick ...

Originally posted by matthijs at http://forums.devnetwork.net/viewtopic. ... 146#324146

Some reading material I found interesting:
http://www.baekdal.com/reports/actual-browser-sizes/
http://justaddwater.dk/2006/09/02/browser-size/
http://www.useit.com/alertbox/screen_resolution.html
http://mentalized.net/journal/2006/10/2 ... l_numbers/

Some more thoughts:
When you cannot choose between fixed or liquid some other options are
- Liquid with min/max-width
works well in most modern browsers, some hackery needed for IE
- Resolution dependent layout
http://www.themaninblue.com/writing/per ... 004/09/21/
http://particletree.com/features/dynami ... t-layouts/
both depend on javascript but CSS-only is possible if you use a design in which you let floated columns shrink-wrap.

Designing for mobile devices is a different beast (something I haven't looked into enough, yet), but keep an eye on the forthcoming book http://mobilewebbook.com/ or read Cameron's articles about the subject. Only thing I know is that valid, clean coding according to standards (no frames, tables, etc, see also http://www.456bereastreet.com/archive/2 ... obile_web/) does help a lot for mobile devices.

Hello, if you are looking for edit mask, control mask and graphical helper like calculator, spinner or calendar.

Interesting JavaScript library to preset edit masks for input components - http://www.wiseblocks.com

Open source JavaScript calculator components -http://www.wiseblocks.com/input-components/edit-control-ICCalculator.html

Jariz

I have found this site on another forum and I think it can be very usefull http://www.realsoftwaredevelopment.com/ ... te_li.html