20 Websites For A Web Developer
Web developers and designers often venture online in the pursuit of good websites and blogs whenever they find cornered by some new concept that they might not know initially. The following websites offer great insight for web developers looking for that edge when it comes to the latest in their field.
1.O’Reilly Network
Features various articles and blogs relating to web development and open technologies.
2.Coding Horror
Very popular blog by Jeff Atwood, a software developer boasting of over 100,000 RSS subscribers.
3.PHPDeveloper
One stop shop for all the news and resources about PHP from blogs and sites that cover the language.
4.Boxes and Arrows
Features best practices, innovations, and trends in design. Topics include information architecture, graphics design, and user interaction design.
5.Blog.SpoonGraphics
Graphics and web design blog created by Chris Spooner, a graphics and web designer. Consists of tutorials on Adobe Illustrator and Photoshop plus free downloadable resources.
6.Design Reviver
Provides many good tutorials for web designers.
7.Style Grind
Provides useful news and information about web technologies and designs.
8.del.icio.us
Social bookmarking site where members can post bookmarks to keep and share.
9.Design Float
Social media site created for web and graphics designers.
10.DZone
Social news site where developers can share links related to development and can also vote on submissions.
11.Ajaxian
Ajax community where you can find information, reviews on JavaScript frameworks, helpful tools, and server-side technology specific articles.
12.WebAppers
Blog created by Ray Cheung, a freelance web developer that provides news and resources related to open source and free applications useful to web developers and designers.
13.Tutorial Blog
Provides handy tutorials, resources, and lists on various web development and design.
14.Adaptive Path Ideas
Provides news and posts on the topic of user interface design.
15.Signal vs. Noise
A design/usability blog by 37 Signals that gives insights about being a productive and effective web application developer.
16.Snook.ca
Jonathan Snook's blog provides tutorials and articles about PHP, JavaScript, and Adobe AIR.
17.Wake Up Later
Samuel Ryan's blog talks about general web development instead of covering specific web development techniques or providing tutorials.
18.Vitamin
Provides information on web development and design on topics like Ajax, CSS, development techniques, best practices, and workflow management.
19.Smashing Magazine
Excellent resource for web designers and developers looking for inspiration.
20.Web Designer Wall
Nick La's blog features design ideas and elaborate tutorials on the same.
HTML5, CSS3 Tricks That Web Geeks Will Love!
1. Pure CSS3 AT-AT: The animation here has been created without any coding. No programming languages have been used for this. It doesn’t do anything special, but you can use such a trick to make your website more attractive.
2. Keylight: This is a nifty trick. What happens here is you click on the background to create small dots and based on the placement of the dot, a tone is played. Multiple dots make a full track. Further, once you’re done, you can share your track. How? Just copy the URL and send it to whoever you want to share it with. Your track is saved in the URL only.
3. CSS3 Man: This is another animation that doesn’t use Flash or any other similar platform.
4. Sinuious: This one is a simple game that can be addictive for kids. You have to avoid hitting the red dots, while picking up power-ups on the way. The more you can avoid, better will be your score.
5. Cubescape: This is all about cubes. Click on the screen to place the cubes wherever you want them. You can choose different colours for the cubes, move them and edit them. When you’re finished, you can watch an animation of what you just did.
6. Darkroom: This is actually one of the more useful tricks in this list. While the others are for fun, Darkroom actually works as a photo editor and comes with a number of editing tools along with an easy interface. You can edit brightness, contrast, exposure, tin/temperature, saturation, colour blindness simulation, red-eye and other aspects of your picture. You can do this to images that are saved on your hard drive.
7. Apple Gallery Demo: From the makers of the iPhone, this is a photo browser that lets you rotate images across the page, through 3D space etc.
8. The Wildnerness Downtown: You have probably already heard of this experiment. This one asks you for your hometown and then creates a video using three things: Google Maps, CSS3 and HTML5.
9. Water Type: This is another nifty trick. It asks you to type in a message and it appears as if it’s being created out of water.
10. Destructive Video: You see a video in this one, but when you click on the video it blows up. Interestingly, the video is still playing. Stop for a few seconds and the video will automatically reintegrate.
Web developers and designers often venture online in the pursuit of good websites and blogs whenever they find cornered by some new concept that they might not know initially. The following websites offer great insight for web developers looking for that edge when it comes to the latest in their field.
1.O’Reilly Network
Features various articles and blogs relating to web development and open technologies.
2.Coding Horror
Very popular blog by Jeff Atwood, a software developer boasting of over 100,000 RSS subscribers.
3.PHPDeveloper
One stop shop for all the news and resources about PHP from blogs and sites that cover the language.
4.Boxes and Arrows
Features best practices, innovations, and trends in design. Topics include information architecture, graphics design, and user interaction design.
5.Blog.SpoonGraphics
Graphics and web design blog created by Chris Spooner, a graphics and web designer. Consists of tutorials on Adobe Illustrator and Photoshop plus free downloadable resources.
6.Design Reviver
Provides many good tutorials for web designers.
7.Style Grind
Provides useful news and information about web technologies and designs.
8.del.icio.us
Social bookmarking site where members can post bookmarks to keep and share.
9.Design Float
Social media site created for web and graphics designers.
10.DZone
Social news site where developers can share links related to development and can also vote on submissions.
11.Ajaxian
Ajax community where you can find information, reviews on JavaScript frameworks, helpful tools, and server-side technology specific articles.
12.WebAppers
Blog created by Ray Cheung, a freelance web developer that provides news and resources related to open source and free applications useful to web developers and designers.
13.Tutorial Blog
Provides handy tutorials, resources, and lists on various web development and design.
14.Adaptive Path Ideas
Provides news and posts on the topic of user interface design.
15.Signal vs. Noise
A design/usability blog by 37 Signals that gives insights about being a productive and effective web application developer.
16.Snook.ca
Jonathan Snook's blog provides tutorials and articles about PHP, JavaScript, and Adobe AIR.
17.Wake Up Later
Samuel Ryan's blog talks about general web development instead of covering specific web development techniques or providing tutorials.
18.Vitamin
Provides information on web development and design on topics like Ajax, CSS, development techniques, best practices, and workflow management.
19.Smashing Magazine
Excellent resource for web designers and developers looking for inspiration.
20.Web Designer Wall
Nick La's blog features design ideas and elaborate tutorials on the same.
HTML5, CSS3 Tricks That Web Geeks Will Love!
HTML5 and CSS3 are the two foremost tools for web geeks nowadays. In case you had a doubt about the same then here's how. These 10 web tricks will show you exactly how powerful these two languages can be. Take a look, you might find something useful for your own websites.
|
1. Pure CSS3 AT-AT: The animation here has been created without any coding. No programming languages have been used for this. It doesn’t do anything special, but you can use such a trick to make your website more attractive.
2. Keylight: This is a nifty trick. What happens here is you click on the background to create small dots and based on the placement of the dot, a tone is played. Multiple dots make a full track. Further, once you’re done, you can share your track. How? Just copy the URL and send it to whoever you want to share it with. Your track is saved in the URL only.
3. CSS3 Man: This is another animation that doesn’t use Flash or any other similar platform.
4. Sinuious: This one is a simple game that can be addictive for kids. You have to avoid hitting the red dots, while picking up power-ups on the way. The more you can avoid, better will be your score.
5. Cubescape: This is all about cubes. Click on the screen to place the cubes wherever you want them. You can choose different colours for the cubes, move them and edit them. When you’re finished, you can watch an animation of what you just did.
6. Darkroom: This is actually one of the more useful tricks in this list. While the others are for fun, Darkroom actually works as a photo editor and comes with a number of editing tools along with an easy interface. You can edit brightness, contrast, exposure, tin/temperature, saturation, colour blindness simulation, red-eye and other aspects of your picture. You can do this to images that are saved on your hard drive.
7. Apple Gallery Demo: From the makers of the iPhone, this is a photo browser that lets you rotate images across the page, through 3D space etc.
8. The Wildnerness Downtown: You have probably already heard of this experiment. This one asks you for your hometown and then creates a video using three things: Google Maps, CSS3 and HTML5.
9. Water Type: This is another nifty trick. It asks you to type in a message and it appears as if it’s being created out of water.
10. Destructive Video: You see a video in this one, but when you click on the video it blows up. Interestingly, the video is still playing. Stop for a few seconds and the video will automatically reintegrate.
[Source: Wired.com ]
No comments:
Post a Comment