Useful Resources

JavaScript and client side scripting.

Moderator: General Moderators

User avatar
Chris Corbyn
Breakbeat Nuttzer
Posts: 13098
Joined: Wed Mar 24, 2004 7:57 am
Location: Melbourne, Australia

Useful Resources

Post 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.
User avatar
Chris Corbyn
Breakbeat Nuttzer
Posts: 13098
Joined: Wed Mar 24, 2004 7:57 am
Location: Melbourne, Australia

Post by Chris Corbyn »

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

http://www.ilovejackdaniels.com/css/css-cheat-sheet/
User avatar
Chris Corbyn
Breakbeat Nuttzer
Posts: 13098
Joined: Wed Mar 24, 2004 7:57 am
Location: Melbourne, Australia

Post by Chris Corbyn »

JavaScript cheat sheet. Again, thanks to ~Everah.

http://www.ilovejackdaniels.com/javascr ... eat-sheet/
User avatar
Chris Corbyn
Breakbeat Nuttzer
Posts: 13098
Joined: Wed Mar 24, 2004 7:57 am
Location: Melbourne, Australia

Post by Chris Corbyn »

User avatar
Chris Corbyn
Breakbeat Nuttzer
Posts: 13098
Joined: Wed Mar 24, 2004 7:57 am
Location: Melbourne, Australia

Post 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.
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post 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
User avatar
CoderGoblin
DevNet Resident
Posts: 1425
Joined: Tue Mar 16, 2004 10:03 am
Location: Aachen, Germany

Post by CoderGoblin »

User avatar
daedalus__
DevNet Resident
Posts: 1925
Joined: Thu Feb 09, 2006 4:52 pm

Post 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/
User avatar
christian_phpbeginner
Forum Contributor
Posts: 136
Joined: Sat Jun 03, 2006 2:43 pm
Location: Java

So many AJAX Docs, Tutorials, and Examples here

Post 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
User avatar
RobertGonzalez
Site Administrator
Posts: 14293
Joined: Tue Sep 09, 2003 6:04 pm
Location: Fremont, CA, USA

Post by RobertGonzalez »

Browser comparison charts - thanks to Feyd.
User avatar
Buddha443556
Forum Regular
Posts: 873
Joined: Fri Mar 19, 2004 1:51 pm

Post by Buddha443556 »

Ran across this today ...

CSS Filters (HACKS) Chart
User avatar
RobertGonzalez
Site Administrator
Posts: 14293
Joined: Tue Sep 09, 2003 6:04 pm
Location: Fremont, CA, USA

Post 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 ...
User avatar
RobertGonzalez
Site Administrator
Posts: 14293
Joined: Tue Sep 09, 2003 6:04 pm
Location: Fremont, CA, USA

Post 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.
jariz
Forum Newbie
Posts: 1
Joined: Tue Oct 31, 2006 10:49 am

Edit masks for input components

Post 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
hrvoje461
Forum Newbie
Posts: 3
Joined: Fri Jul 21, 2006 9:44 am
Location: Croatia

Post 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
Post Reply