• Useful web development/design links.
    46 replies, posted
  • I know way too little of them and having a list is useful. I probably forgot several I use but I'll add them later. Would appreciate if you guy could post more links. It might help other people looking for something as well. [URL="https://docs.google.com/document/d/1Dahg95cl61URcNpuPQOtY5C7YOGQLH0i8J_-15wJCKw/edit"]All links[/URL] [B]Design stuff/resources[/B] [URL]http://www.textureking.com/[/URL] [URL]http://kuler.adobe.com/[/URL] [URL]http://subtlepatterns.com/[/URL] [URL]http://www.stripegenerator.com/[/URL] [URL]http://patterns.ava7.com/[/URL] [URL]http://0to255.com/[/URL] [URL]http://mudcu.be/sphere/[/URL] [URL]http://themeforest.com[/URL] [URL]http://graphicriver.net[/URL] [URL]http://codecanyon.com[/URL] [URL]http://www.premiumpixels.com/[/URL] [URL]http://somerandomdude.com/work/iconic/[/URL] [URL]http://cgtextures.com/[/URL] [URL]http://www.preloaders.net/[/URL] [B]Fonts[/B] [URL="http://www.google.com/webfonts#ChoosePlace:select"]http://www.google.com/webfonts[/URL] [URL]http://www.fontsquirrel.com/[/URL] [B]Editors [/B][URL]http://notepad-plus-plus.org/[/URL] [URL]http://www.sublimetext.com/2[/URL] [URL]http://www.openvim.com/tutorial.html[/URL] [B]Tutorials [/B][URL]http://htmldog.com/[/URL] [URL]http://www.w3schools.com/[/URL] But some information is wrong. [URL]http://nl3.php.net/tut.php[/URL] [B]Inspiration[/B] [URL]http://dribbble.com/[/URL] [URL]http://forrst.com/[/URL] [B]Dummy generators:[/B] [URL]http://lipsum.com/[/URL] [URL]http://www.twipsum.org/[/URL] [URL]http://lorempixel.com/[/URL] [URL]http://placekitten.com[/URL] [B]Blogs[/B] [URL]http://www.smashingmagazine.com/[/URL] [URL]http://littlebigdetails.com/[/URL] [URL]http://methodandcraft.com/[/URL] [URL]http://www.usabilitypost.com/[/URL] [B]Git[/B] [URL]http://progit.org/2011/07/11/reset.html[/URL] [URL]http://rogerdudler.github.com/git-guide/files/git_cheat_sheet.pdf[/URL] [URL]http://mislav.uniqpath.com/2010/07/git-tips/[/URL] [URL]http://stackoverflow.com/questions/315911/git-for-beginners-the-definitive-practical-guide[/URL] [B]Html[/B] [URL]http://woorkup.com/wp-content/uploads/2009/12/HTML5-Visual-Cheat-Sheet1.pdf[/URL] [B]Css[/B] [URL]http://www.css3.info/preview/box-shadow/[/URL] [URL]http://border-radius.com/[/URL] [URL]http://cssdesk.com/[/URL] [B]Other[/B] [URL]http://www.maschek.hu/imagemap[/URL] [URL]http://www.myfonts.com/WhatTheFont/[/URL] [URL]http://twitter.github.com/bootstrap/[/URL] [URL]http://www.99lime.com/[/URL]
  • [B]Fonts[/B] [URL="http://www.fontsquirrel.com/"]http://www.fontsquirrel.com/[/URL] [B]Blogs[/B] [URL="http://www.smashingmagazine.com/"]http://www.smashingmagazine.com/[/URL] [URL="http://littlebigdetails.com/"]http://littlebigdetails.com/[/URL] [URL="http://methodandcraft.com/"]http://methodandcraft.com/[/URL] [URL="http://www.usabilitypost.com/"]http://www.usabilitypost.com/[/URL]
  • [QUOTE=Miljaker;34845585] [URL]http://www.w3schools.com/[/URL] [/QUOTE] List this as quick reference, not a tutorial source.
  • [QUOTE=toaster468;34850884]List this as quick reference, not a tutorial source.[/QUOTE] It's not [B]too[/B] bad. I learned basic HTML/CSS with that site.
  • [QUOTE=BBgamer720;34851312]It's not [B]too[/B] bad. I learned basic HTML/CSS with that site.[/QUOTE] Part of its information has been proven wrong and they will not correct it.
  • [QUOTE=BBgamer720;34851312]It's not [B]too[/B] bad. I learned basic HTML/CSS with that site.[/QUOTE] Taught and taught well are two different things.
  • Resources ( PAID ): [url]http://themeforest.com[/url] [url]http://graphicriver.net[/url] [url]http://codecanyon.com[/url]
  • [QUOTE=kragmars102;34852058]Resources ( PAID ): [url]http://themeforest.com[/url] [url]http://graphicriver.net[/url] [url]http://codecanyon.com[/url][/QUOTE] or you can just mark at as Inspiration since this is not Where can i get a "good premium theme" thread
  • You could be a developer that doesn't know how to design and get a lot of use out of themeforest. As a designer you can find a lot of useful resources like icons on graphicriver, and codecanyon can be useful in the same way.
  • [b]Dummy text generators:[/b] [url]http://lipsum.com/[/url] [url]http://www.twipsum.org/[/url] [url]http://lorempixel.com/[/url] (Image Generator) [b]Resources:[/b] [url]http://www.premiumpixels.com/[/url] [b]Other:[/b] [url]http://www.maschek.hu/imagemap[/url] (Online Image Map editor) [url]http://www.css3.info/preview/box-shadow/[/url] (Box Shadow) [url]http://border-radius.com/[/url] (Border Radius Generator)
  • Just a few links from my bookmarks: [b]CSS[/b] [url=http://cssdesk.com/]CSSDesk - Online CSS Sandbox[/url] [b]Editors[/b] [url=http://www.openvim.com/tutorial.html]Interactive Vim tutorial[/url] [b]Git[/b] [url=http://progit.org/2011/07/11/reset.html]Git Reset Demystified[/url] [url=http://rogerdudler.github.com/git-guide/files/git_cheat_sheet.pdf]Git Cheat Sheet[/url] [url=http://mislav.uniqpath.com/2010/07/git-tips/]Git Tips[/url] [url=http://stackoverflow.com/questions/315911/git-for-beginners-the-definitive-practical-guide]Git for beginners: The definitive practical guide - Stack Overflow[/url] [b]HTML[/b] [url=http://woorkup.com/wp-content/uploads/2009/12/HTML5-Visual-Cheat-Sheet1.pdf]HTML5 Visual Cheat Sheet[/url] [b]Other[/b] [url=http://mudcu.be/sphere/]Sphere: Color Theory Visualizer[/url] [url=http://new.myfonts.com/WhatTheFont/]WhatTheFont![/url] Upload images of a font and this site tells you the name of it [url=http://somerandomdude.com/work/iconic/]Iconic icon set[/url] [url=http://cgtextures.com/]CG Textures[/url] [url=http://www.preloaders.net/]AJAX Loading GIFS[/url]
  • I find this pretty useful [url]http://programmers.stackexchange.com/questions/46716/what-should-every-programmer-know-about-web-development[/url]
  • Yeah, that way people just have to check the first post and not look through every post.
  • I think this thread needs to be pinned so it doesn't disappear. Very useful. Also: [url]http://twitter.github.com/bootstrap/[/url]
  • [QUOTE=DaMoggen;34881309]Alternative to Bootstrap: [url]http://www.99lime.com/[/url][/QUOTE] [code]<button class="large green">[/code] ew, presentational markup
  • I'm very surprised no one included this link, [url]http://www.iconfinder.com/[/url]
  • [QUOTE=KmartSqrl;34887923][code]<button class="large green">[/code] ew, presentational markup[/QUOTE] bootstrap isn't much better [editline]27th February 2012[/editline] <div class="row"> <div class="span4">...</div> <div class="span8">...</div> </div> <table class="table table-bordered"> <form class="form-inline form-horizontal"> etc
  • [B]Icons:[/B] [URL="http://thenounproject.com/"]http://thenounproject.com/[/URL](Free) [URL="http://symb.ly/"]http://symb.ly/[/URL] [URL="http://glyphish.com/"]http://glyphish.com/[/URL] [URL="http://www.famfamfam.com/lab/icons/silk/"]http://www.famfamfam.com/lab/icons/silk/[/URL] (Way over used) [URL="http://pictos.cc/"]http://pictos.cc/[/URL] [URL="http://p.yusukekamiyamane.com/"]http://p.yusukekamiyamane.com/[/URL] [URL="http://sublink.ca/icons/"]http://sublink.ca/icons/[/URL] [URL="http://www.monofactor.com/freebie/free-vector-icon-set/"]http://www.monofactor.com/freebie/free-vector-icon-set/[/URL] [URL="http://findicons.com/pack/2229/social_media_mini"]http://findicons.com/pack/2229/social_media_mini[/URL] [URL="http://findicons.com/"]http://findicons.com/[/URL] [URL="http://www.fatcow.com/free-icons"]http://www.fatcow.com/free-icons[/URL] [B]Fonts:[/B] [URL="http://losttype.com/"]http://losttype.com/[/URL] [URL="http://fontfabric.com/"]http://fontfabric.com/[/URL] [B]Tools:[/B] [URL="http://strfti.me/"]http://strfti.me/[/URL] [URL="http://css3please.com/"]http://css3please.com/[/URL] [URL="http://regexpal.com/"]http://regexpal.com/[/URL] [URL="http://hastebin.com"]http://hastebin.com[/URL] [URL="http://cssdeck.com/"]http://cssdeck.com/[/URL] [URL="http://css-infos.net/"]http://css-infos.net/[/URL] [URL="http://css3generator.com/"]http://css3generator.com/[/URL] [URL="http://fount.artequalswork.com/"]http://fount.artequalswork.com/[/URL] [URL="http://css-tricks.com/examples/CSS3StripTease/"]http://css-tricks.com/examples/CSS3StripTease/[/URL] [URL="http://www.modrails.com/index.html"]http://www.modrails.com/index.html[/URL] [URL="http://browsershots.org/"]http://browsershots.org/[/URL] [URL="https://browserlab.adobe.com/en-us/index.html"]https://browserlab.adobe.com/en-us/index.html[/URL] [URL="http://my-debugbar.com/wiki/IETester/HomePage"]http://my-debugbar.com/wiki/IETester/HomePage[/URL] [URL="http://nokogiri.org/"]http://nokogiri.org/[/URL] (This gem will make you love scraping so much more) [URL="http://jqapi.com/"]http://jqapi.com/[/URL] [URL="http://spriteme.org/"]http://spriteme.org/[/URL] [B]Tutorials:[/B] [URL="http://net.tutsplus.com/tutorials/ruby/how-to-build-a-shortlink-app-with-ruby-and-redis/"]http://net.tutsplus.com/tutorials/ruby/how-to-build-a-shortlink-app-with-ruby-and-redis/[/URL] [URL="http://net.tutsplus.com/tutorials/ruby/the-intro-to-rails-screencast-i-wish-i-had/"]http://net.tutsplus.com/tutorials/ruby/the-intro-to-rails-screencast-i-wish-i-had/[/URL] [URL="http://screencasts.org/episodes/activerecord-with-sinatra"]http://screencasts.org/episodes/activerecord-with-sinatra[/URL] [URL="http://www.pahgawks.com/blog/responsive-web-design/"]http://www.pahgawks.com/blog/responsive-web-design/[/URL] [B]Browser Plugins:[/B] [URL="https://chrome.google.com/webstore/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm"]https://chrome.google.com/webstore/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm[/URL] [URL="http://getfirebug.com/"]http://getfirebug.com/[/URL] [URL="http://userstyles.org/stylish"]http://userstyles.org/stylish[/URL] [URL="http://www.greasespot.net/"]http://www.greasespot.net/[/URL] [URL="https://chrome.google.com/webstore/detail/hehijbfgiekmjfkfjpbkbammjbdenadd"]https://chrome.google.com/webstore/detail/hehijbfgiekmjfkfjpbkbammjbdenadd[/URL] [URL="http://ietab.mozdev.org/"]http://ietab.mozdev.org/[/URL] [B]Editors:[/B] [URL="http://www.panic.com/coda/"]http://www.panic.com/coda/[/URL] [URL="http://macromates.com/"]http://macromates.com/[/URL] [URL="http://www.gnu.org/software/emacs/"]http://www.gnu.org/software/emacs/[/URL]
  • [B]Transfer/FTP Clients:[/B] [URL="http://www.panic.com/transmit/"]http://www.panic.com/transmit/[/URL] [URL="http://cyberduck.ch/"]http://cyberduck.ch/[/URL] [URL="http://filezilla-project.org/"]http://filezilla-project.org/[/URL] [URL="http://winscp.net/eng/index.php"]http://winscp.net/eng/index.php[/URL] [B]Activity Tracking:[/B] [URL="http://www.google.com/analytics/"]http://www.google.com/analytics/[/URL] [URL="http://haveamint.com/"]http://haveamint.com/[/URL] [URL="http://piwik.org/"]http://piwik.org/[/URL] [URL="http://www.openwebanalytics.com/"]http://www.openwebanalytics.com/[/URL] [URL="http://foxmetrics.com/"]http://foxmetrics.com/[/URL] [B]Page Speed Tools:[/B] [URL="http://developer.yahoo.com/yslow/"]http://developer.yahoo.com/yslow/[/URL] (Yahoo has tons of awesome tools) [URL="https://developers.google.com/pagespeed/"]https://developers.google.com/pagespeed/[/URL] [URL="http://www.websiteoptimization.com/services/analyze/"]http://www.websiteoptimization.com/services/analyze/[/URL] [URL="http://www.selfseo.com/website_speed_test.php"]http://www.selfseo.com/website_speed_test.php[/URL] [B]Git and Source Management Clients:[/B] [URL="http://www.git-tower.com/"]http://www.git-tower.com/[/URL] [URL="http://mac.github.com/"]http://mac.github.com/[/URL] [URL="http://tortoisesvn.net/"]http://tortoisesvn.net/[/URL] [URL="https://code.google.com/p/tortoisegit/"]https://code.google.com/p/tortoisegit/[/URL] [URL="https://code.google.com/p/msysgit/"]https://code.google.com/p/msysgit/[/URL] [URL="http://www.gittiapp.com/"]http://www.gittiapp.com/[/URL] [URL="http://www.gitboxapp.com/"]http://www.gitboxapp.com/[/URL] [URL="http://www.sourcetreeapp.com/"]http://www.sourcetreeapp.com/[/URL] [URL="http://gitk.sourceforge.net/"]http://gitk.sourceforge.net/[/URL] [editline]27th February 2012[/editline] [QUOTE=swift and shift;34891440][url]http://net.tutsplus.com/tutorials/why-you-should-use-rvm/[/url][/QUOTE] nettuts is a great resource, lots of good stuff on there. [editline]27th February 2012[/editline] Have some awesome APIs too: [URL="http://www.last.fm/api"]http://www.last.fm/api[/url] [URL="http://developers.facebook.com/"]http://developers.facebook.com/[/url] (Lots of clients/employers like facebook know-how) [URL="http://www.flickr.com/services/api/"]http://www.flickr.com/services/api/[/url] [URL="http://developer.yahoo.com/yql/"]http://developer.yahoo.com/yql/[/url] [URL="https://dev.twitter.com/"]https://dev.twitter.com/[/url] [URL="http://www.discogs.com/developers/"]http://www.discogs.com/developers/[/url] (One of the best/largest databases of music) [URL="https://code.google.com/more/"]https://code.google.com/more/[/URL] (It's not a party without Google!) [URL="http://tinysong.com/"]http://tinysong.com/[/url] (Basically an open Grooveshark Search API)
  • [QUOTE=douche beat;34891486][B]Git and Source Management Clients:[/B] [URL="http://www.git-tower.com/"]http://www.git-tower.com/[/URL] [URL="http://mac.github.com/"]http://mac.github.com/[/URL] [URL="http://tortoisesvn.net/"]http://tortoisesvn.net/[/URL] [URL="https://code.google.com/p/tortoisegit/"]https://code.google.com/p/tortoisegit/[/URL] [URL="https://code.google.com/p/msysgit/"]https://code.google.com/p/msysgit/[/URL] [URL="http://www.gittiapp.com/"]http://www.gittiapp.com/[/URL] [URL="http://www.gitboxapp.com/"]http://www.gitboxapp.com/[/URL] [URL="http://www.sourcetreeapp.com/"]http://www.sourcetreeapp.com/[/URL] [URL="http://gitk.sourceforge.net/"]http://gitk.sourceforge.net/[/URL][/QUOTE] lol, git command line 4 lyf
  • I use [url=http://ssshotaru.homestead.com/files/aolertranslator.html]this[/url] for making filler text instead of lorem ipsum because its too mainstream. But I don't think it really counts. Oh and you forgot the all important YUI Tools: [url]http://yuilibrary.com/[/url]
  • [QUOTE=swift and shift;34891091]bootstrap isn't much better [editline]27th February 2012[/editline] <div class="row"> <div class="span4">...</div> <div class="span8">...</div> </div> <table class="table table-bordered"> <form class="form-inline form-horizontal"> etc[/QUOTE] Which is why I dislike bootstrap just as much! :)