Author Topic: Your favorite web design tools/tips/tricks/tutorials/sites  (Read 29683 times)

0 Members and 1 Guest are viewing this topic.

Offline flyingfisch

  • I'm 1337 now!
  • Members
  • LV10 31337 u53r (Next: 2000)
  • **********
  • Posts: 1620
  • Rating: +94/-17
  • Testing, testing, 1...2...3...4...5...6...7...8..9
    • View Profile
    • Top Page Website Design
Your favorite web design tools/tips/tricks/tutorials/sites
« on: December 18, 2011, 05:22:27 pm »
Post your favorite web design info sources!

I'll start:

http://www.justbenicestudio.com/studio/websymbols/



Quote from: my dad
"welcome to the world of computers, where everything seems to be based on random number generators"



The Game V. 2.0

Offline Michael_Lee

  • LV9 Veteran (Next: 1337)
  • *********
  • Posts: 1019
  • Rating: +124/-9
    • View Profile
Re: Your favorite web design tools/tips/tricks/tutorials/sites
« Reply #1 on: December 18, 2011, 05:26:49 pm »
http://css-tricks.com
^That.  Contains a bunch more then CSS.
My website: Currently boring.

Projects:
Axe Interpreter
   > Core: Done
   > Memory: Need write code to add constants.
   > Graphics: Rewritten.  Needs to integrate sprites with constants.
   > IO: GetKey done.  Need to add mostly homescreen IO stuff.
Croquette:
   > Stomping bugs
   > Internet version: On hold until I can make my website less boring/broken.

Offline flyingfisch

  • I'm 1337 now!
  • Members
  • LV10 31337 u53r (Next: 2000)
  • **********
  • Posts: 1620
  • Rating: +94/-17
  • Testing, testing, 1...2...3...4...5...6...7...8..9
    • View Profile
    • Top Page Website Design
Re: Your favorite web design tools/tips/tricks/tutorials/sites
« Reply #2 on: December 18, 2011, 05:30:17 pm »
http://css-tricks.com
^That.  Contains a bunch more then CSS.

Oh yeah, I love that site! I would recommend signing up for their RSS feed. ;)



Quote from: my dad
"welcome to the world of computers, where everything seems to be based on random number generators"



The Game V. 2.0

Offline Darl181

  • «Yo buddy, you still alive?»
  • CoT Emeritus
  • LV12 Extreme Poster (Next: 5000)
  • *
  • Posts: 3408
  • Rating: +305/-13
  • VGhlIEdhbWU=
    • View Profile
    • darl181.webuda.com
Re: Your favorite web design tools/tips/tricks/tutorials/sites
« Reply #3 on: December 18, 2011, 05:52:09 pm »
I don't do much web design, but I've found this useful multiple times for various things.
http://www.tedmontgomery.com/tutorial/ALTchrc-a.html
« Last Edit: December 18, 2011, 05:52:28 pm by Darl181 »
Vy'o'us pleorsdti thl'e gjaemue

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: Your favorite web design tools/tips/tricks/tutorials/sites
« Reply #4 on: December 18, 2011, 06:14:20 pm »
I don't do much web design, but I've found this useful multiple times for various things.
http://www.tedmontgomery.com/tutorial/ALTchrc-a.html
http://www.mclean.net.nz/ucf/ is my favorite place to find characters. For basic web design tutorials, I really like W3Schools.




Offline flyingfisch

  • I'm 1337 now!
  • Members
  • LV10 31337 u53r (Next: 2000)
  • **********
  • Posts: 1620
  • Rating: +94/-17
  • Testing, testing, 1...2...3...4...5...6...7...8..9
    • View Profile
    • Top Page Website Design
Re: Your favorite web design tools/tips/tricks/tutorials/sites
« Reply #5 on: December 18, 2011, 07:51:42 pm »
IDK if i made this clear, but this page is not a character chart. It is a free webfont that I find very useful to use instead of SVG's. If you search css-tricks, you can find more info on this. ;)


Post your favorite web design info sources!

I'll start:

http://www.justbenicestudio.com/studio/websymbols/

« Last Edit: December 18, 2011, 07:52:01 pm by flyingfisch »



Quote from: my dad
"welcome to the world of computers, where everything seems to be based on random number generators"



The Game V. 2.0

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: Your favorite web design tools/tips/tricks/tutorials/sites
« Reply #6 on: December 18, 2011, 08:12:03 pm »
Whoa, that's actually pretty cool O.O




Offline flyingfisch

  • I'm 1337 now!
  • Members
  • LV10 31337 u53r (Next: 2000)
  • **********
  • Posts: 1620
  • Rating: +94/-17
  • Testing, testing, 1...2...3...4...5...6...7...8..9
    • View Profile
    • Top Page Website Design
Re: Your favorite web design tools/tips/tricks/tutorials/sites
« Reply #7 on: December 19, 2011, 01:33:21 pm »
Whoa, that's actually pretty cool O.O

Yeah i know. Erler dingbats are also good. And free. ;)



Quote from: my dad
"welcome to the world of computers, where everything seems to be based on random number generators"



The Game V. 2.0

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: Your favorite web design tools/tips/tricks/tutorials/sites
« Reply #8 on: December 26, 2011, 12:41:26 pm »
I just started using that WebSymbols font, and wow... That is one useful tool. Thanks for sharing!




Offline flyingfisch

  • I'm 1337 now!
  • Members
  • LV10 31337 u53r (Next: 2000)
  • **********
  • Posts: 1620
  • Rating: +94/-17
  • Testing, testing, 1...2...3...4...5...6...7...8..9
    • View Profile
    • Top Page Website Design
Re: Your favorite web design tools/tips/tricks/tutorials/sites
« Reply #9 on: December 26, 2011, 12:57:33 pm »
you're welcome! It's amazing how helpful they can be.

Word of caution: use the ":before" pseudo-class instead of just putting symbols directly into the page. This will keep screen readers from reading it and also disallow highlighting for most browsers ;)
« Last Edit: December 26, 2011, 12:57:46 pm by flyingfisch »



Quote from: my dad
"welcome to the world of computers, where everything seems to be based on random number generators"



The Game V. 2.0

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: Your favorite web design tools/tips/tricks/tutorials/sites
« Reply #10 on: December 26, 2011, 12:58:55 pm »
Hey, that's a nice trick, too.




Offline flyingfisch

  • I'm 1337 now!
  • Members
  • LV10 31337 u53r (Next: 2000)
  • **********
  • Posts: 1620
  • Rating: +94/-17
  • Testing, testing, 1...2...3...4...5...6...7...8..9
    • View Profile
    • Top Page Website Design
Re: Your favorite web design tools/tips/tricks/tutorials/sites
« Reply #11 on: December 26, 2011, 01:02:05 pm »
I have to give credit for that trick to CSS-tricks (mentioned above)



Quote from: my dad
"welcome to the world of computers, where everything seems to be based on random number generators"



The Game V. 2.0

Offline jwalker

  • LV7 Elite (Next: 700)
  • *******
  • Posts: 660
  • Rating: +13/-0
  • Almost everything I have released includes a 'WZ'
    • View Profile
Re: Your favorite web design tools/tips/tricks/tutorials/sites
« Reply #12 on: December 28, 2011, 08:44:50 pm »
with the little bit of web stuff i did i mostly learned from here:
http://www.w3schools.com/default.asp
<a href="http://www.nerdtests.com/ft_cg.php?im">
<img src="http://www.nerdtests.com/images/ft/cg.php?val=9612" alt="My computer geek score is greater than 41% of all people in the world! How do you compare? Click here to find out!"> </a>

Support Casio-Scene against the attacks of matt @ matpac.co.uk ! For more information: Casio-Scene shuts down & Matt actions threads

Offline flyingfisch

  • I'm 1337 now!
  • Members
  • LV10 31337 u53r (Next: 2000)
  • **********
  • Posts: 1620
  • Rating: +94/-17
  • Testing, testing, 1...2...3...4...5...6...7...8..9
    • View Profile
    • Top Page Website Design
Re: Your favorite web design tools/tips/tricks/tutorials/sites
« Reply #13 on: December 29, 2011, 11:25:29 am »
Yeah, w3schools is definitely the place for newbs to start and is great for reference.

Here's a cool css-tricks article: http://css-tricks.com/adobe-like-arrow-headers/



Quote from: my dad
"welcome to the world of computers, where everything seems to be based on random number generators"



The Game V. 2.0

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: Your favorite web design tools/tips/tricks/tutorials/sites
« Reply #14 on: December 29, 2011, 12:25:47 pm »
I really need to start following CSS-Tricks more. They've got some really cool stuff O.O