Useful Resources
Moderator: General Moderators
- Chris Corbyn
- Breakbeat Nuttzer
- Posts: 13098
- Joined: Wed Mar 24, 2004 7:57 am
- Location: Melbourne, Australia
Useful Resources
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.
- Chris Corbyn
- Breakbeat Nuttzer
- Posts: 13098
- Joined: Wed Mar 24, 2004 7:57 am
- Location: Melbourne, Australia
CSS Cheat sheet.... very useful! Thanks to ~Everah for sourcing this.
http://www.ilovejackdaniels.com/css/css-cheat-sheet/
http://www.ilovejackdaniels.com/css/css-cheat-sheet/
- Chris Corbyn
- Breakbeat Nuttzer
- Posts: 13098
- Joined: Wed Mar 24, 2004 7:57 am
- Location: Melbourne, Australia
JavaScript cheat sheet. Again, thanks to ~Everah.
http://www.ilovejackdaniels.com/javascr ... eat-sheet/
http://www.ilovejackdaniels.com/javascr ... eat-sheet/
- Chris Corbyn
- Breakbeat Nuttzer
- Posts: 13098
- Joined: Wed Mar 24, 2004 7:57 am
- Location: Melbourne, Australia
- Chris Corbyn
- Breakbeat Nuttzer
- Posts: 13098
- Joined: Wed Mar 24, 2004 7:57 am
- Location: Melbourne, Australia
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.
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
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
- CoderGoblin
- DevNet Resident
- Posts: 1425
- Joined: Tue Mar 16, 2004 10:03 am
- Location: Aachen, Germany
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
Open Source Web Design
General "Can't remember the tag,properties or methods..."
http://www.w3schools.com/
http://www.devguru.com
- daedalus__
- DevNet Resident
- Posts: 1925
- Joined: Thu Feb 09, 2006 4:52 pm
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/
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/
- christian_phpbeginner
- Forum Contributor
- Posts: 136
- Joined: Sat Jun 03, 2006 2:43 pm
- Location: Java
So many AJAX Docs, Tutorials, and Examples here
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
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
- RobertGonzalez
- Site Administrator
- Posts: 14293
- Joined: Tue Sep 09, 2003 6:04 pm
- Location: Fremont, CA, USA
Browser comparison charts - thanks to Feyd.
- Buddha443556
- Forum Regular
- Posts: 873
- Joined: Fri Mar 19, 2004 1:51 pm
- RobertGonzalez
- Site Administrator
- Posts: 14293
- Joined: Tue Sep 09, 2003 6:04 pm
- Location: Fremont, CA, USA
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 ...
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 ...
- RobertGonzalez
- Site Administrator
- Posts: 14293
- Joined: Tue Sep 09, 2003 6:04 pm
- Location: Fremont, CA, USA
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.
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
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
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
I have found this site on another forum and I think it can be very usefull http://www.realsoftwaredevelopment.com/ ... te_li.html