Page 1 of 3

Useful Resources

Posted: Sun Feb 19, 2006 7:43 am
by Chris Corbyn
This thread is for placing links to resources you have found useful and that others may find useful.

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

Posted: Sun Feb 19, 2006 7:43 am
by Chris Corbyn
CSS Cheat sheet.... very useful! Thanks to ~Everah for sourcing this.

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

Posted: Sun Feb 19, 2006 7:44 am
by Chris Corbyn
JavaScript cheat sheet. Again, thanks to ~Everah.

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

Posted: Sun Feb 19, 2006 7:45 am
by Chris Corbyn

Posted: Tue Feb 21, 2006 6:41 am
by Chris Corbyn
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.

Posted: Tue Feb 21, 2006 9:20 am
by matthijs
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

Posted: Wed Feb 22, 2006 6:08 am
by CoderGoblin

Posted: Thu Jul 27, 2006 1:57 am
by daedalus__
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/

So many AJAX Docs, Tutorials, and Examples here

Posted: Thu Aug 17, 2006 3:09 pm
by christian_phpbeginner
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 :D

Posted: Sat Aug 19, 2006 1:02 am
by RobertGonzalez
Browser comparison charts - thanks to Feyd.

Posted: Sat Oct 21, 2006 10:12 am
by Buddha443556
Ran across this today ...

CSS Filters (HACKS) Chart

Posted: Wed Oct 25, 2006 11:38 am
by RobertGonzalez
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 ...

Posted: Sat Oct 28, 2006 9:19 am
by RobertGonzalez
Originally posted by matthijs at viewtopic.php?p=324146#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.

Edit masks for input components

Posted: Tue Oct 31, 2006 11:18 am
by jariz
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-compone ... lator.html

Jariz

Posted: Thu Nov 02, 2006 12:17 am
by hrvoje461
I have found this site on another forum and I think it can be very usefull http://www.realsoftwaredevelopment.com/ ... te_li.html