5/24/2008

Useful sites for your web development usages

Check out sites listed here:
30 Websites to follow if you’re into Web Development

1. NETTUTS

NETTUTS - Screenshot

NETTUTS is a recently launched blog/tutorial site that provides "spoonfed web skills". There are already plenty of useful and detailed tutorials that range from offloading static content to Amazon S3 to creating a beautiful tabbed content area using jQuery. NETTUTS is perfect for developers just starting out, since the tutorials are very thorough and in a "step by step" format. For more advanced developers, it’s an excellent source of inspiration and learning new techniques.

2. woork

woork - Screenshot

Woork is a blog by Antonio Lupetti, a developer from Italy. He provides short, easily-consumable tutorials on various topics of web development such as PHP, Cold Fusion, JavaScript, and CSS. His knack for creating beautiful tutorials, chock full of custom-made images that illustrates the concepts he talks about is a testament to the detail and "work" that Antonio puts in each of his posts. Check out his awesome tutorial on a "Top-Down approach to simplify your CSS code" where he explains his preference on creating and formatting stylesheets.

3. Web Designer Wall

Web Designer Wall - Screen shot

Web Designer Wall is a blog by Nick La that features design ideas and elaborate, stunning tutorials such as creating a CSS gradient Text Effect - a technique that uses an image overlay over normal XHTML text, and jQuery tutorials for designers which showcases ten techniques to get you started with jQuery.

4. Smashing Magazine

Smashing Magazine - Screen shot

I won’t say much about Smashing Magazine since most of us have probably heard of it, but if you haven’t, Smashing Magazine is an excellent resource for web designers and developers looking to be inspired. Smashing Magazine also manages to publish almost everyday, despite their very detailed and thorough posts.

5. Vitamin

Vitamin - Screenshot

Vitamin offers a large amount of information on the topic of web development and design. With many contributors, Vitamin manages to cover a wide range of topics including Ajax, CSS, development techniques, best practices, and workflow management.

6. Wake Up Later

Wake Up Later - Screen shot

Wake Up Later is the blog of Samuel Ryan, a freelance web developer/designer. Rather than covering specific web development techniques or providing tutorials, he talks about general web development related things such as reasons not to write your own code, tips on improving productivity, and common design mistakes made by developers.

7. Snook.ca

Snook.ca - Screen shot

Snook.ca is run by Jonathan Snook, an icon in web development and design. His blog provides tutorials and articles about PHP, JavaScript, and more recently (the blog dates back to 2001), Adobe AIR. He also provides useful resources and bookmarks that are worth a read, and talks about things that are part of being a web developer such as project management via email and maintaining your personal brand online.

8. Signal vs. Noise

Signal vs. Noise - Screen shot

Signal vs. Noise is a design/usability company blog by the people over at 37 Signals - known for developing remarkable web applications such as BaseCamp and their involvement in the popular open source web application framework, Ruby On Rails. The blog gives insights about being a productive and effective web application developer and keeping things simple, with entries such as "Workaholics fixate on inconsequential details" and "Sleep deprivation is not a badge of honor".

9. adaptive path blog

adaptive path blog - Screen shot

adaptive path’s company blog offers news and posts on the topic of user interface design. There’s a variety of useful posts that cover the topic of creating user-friendly designs (not limited to just web applications). Some things the adaptive path crew writes about are "Tips for presenting the look & feel to a client" and "The Lure of the Single Click".

10. Tutorial Blog

Tutorial Blog - Screen shot

Tutorial Blog provides handy tutorials, resources, and lists on various web development and design topics such as code snipplets for web designers, using layer comps in Photoshop to manage designs, and Flash tutorials. Tutorial Blog has a section on user-submitted tutorials which allows readers to share their own tutorials.

11. WebAppers

WebAppers

WebAppers is a blog created by Ray Cheung, a freelance web developer. The premise of WebAppers is to provide news and resources related to open source and free applications that are useful to web developers and designers. From cost-free fonts and icons to navigation menus and image galleries, WebAppers seeks to hunt down useful tools and applications aimed at reducing your time developing custom solutions.

12. Web Resources Depot

Web Resources Depot - Screenshot

Web Resources Depot is similar to WebAppers - it discusses new web resources that web developers and designers may find helpful. Web Resources Depot is an excellent way to stay up to date with what’s currently available out there all in one place.

13. Ajaxian

Ajaxian - Screen shot

With continual advancements in Ajax, it’s imperative to keep up to date with modern techniques and news. Ajaxian is the leading Ajax community run by some of the biggest names in the field. You’ll find information, reviews on JavaScript frameworks, helpful tools, and server-side technology specific (like PHP, RoR, and .NET) articles. If Ajax news and information is what you’re looking for, you can be sure to hear about it from Ajaxian.

14.DZone

Dzone - Screen shot

DZone is a social news site for developers. Users share links related to development and can vote on submissions (very much like Digg but limited to developer links). You can subscribe via RSS to various pages and sections such JavaScript, Flash/Flex, or databases if you want to get instant updates to things specific to your interests.

15. Design Float

Design Float - Screen shot

Design Float is social media site created for web and graphics designers. Like Dzone, people get to vote up submissions. You’ll find stuff about CSS, HTML, and Photoshop submitted to Design Float.

16. IBM’s developerWorks

developerWorks - screenshot

With the name camel-cased, you already know off-the-bat that it’s a great site for developers. developerWorks offers many articles and tutorials pertaining to development topics, not just about web development, but also on related fields such as systems administration and open source technologies and applications. developerWorks has a knack for writing about complex topics and boiling it down to consumable, understandable articles. Some of my bookmarks include "Debug and tune applications on the fly with Firebug" (an introduction to Firebug) and the "Make PHP apps fast, faster, fastest" series.

17. del.icio.us

del.icio.us - Screen shot

del.icio.us is a social bookmarking site where members can post bookmarks to keep and share. It’s not strictly for web developers but you can monitoring specific tags such as webdev, development, or javascript.

18. Sharebrain

Sharebrain - Screen shot

Sharebrain is site that shares useful resources for web workers. You can find resources and tutorials on various web development and design topics such as Photoshop tutorials, Usability, SEO Tools, CMS’s, and interviews.

19. Style Grind

Style Grind - Screen shot

Style Grind shares useful news and information about web technologies and designs. Resources and news reported by Style Grind include a variety of web development and design topics such as updates on Erik Meyer’s CSS Reset and new plugins for jQuery.

20. PSDTUTS

PSDTUTS - Screen shot

Your value as a web developer increases when you’re proficient in design as well. Some examples would be Wordpress theme developers who not only know how to develop themes, but can also design them. PSDTUTS is a great place to improve on Photoshop skills and is a site I follow to learn more about graphics/web design.

21. Design Reviver

Design Reviver - Screen shot

Design Reviver is aimed at providing useful information for web designers. You can visit to read tutorials such getting started with 3D in Flash, to get free downloads like Photoshop brushes, and to find design inspiration.

22. Blog.SpoonGraphics

Blog.SpoonGraphics - Screen shotr

Blog.SpoonGraphics is a blog about graphics and web design created by Chris Spooner, a graphics and web designer. You can find many tutorials on Adobe Illustrator and Photoshop, free, downloadable resources like “Sliding Door” tab menus, articles for inspiration, and news.

23. John Resig

John Resig - Screen shot

John Resig is the self-titled blog of John Resig - a premier JavaScript developer and author most known for his creation of jQuery, a popular JavaScript framework. John Resig’s blog shares his thoughts about JavaScript development and web applications. It’s where I found out about the release of his new project: Processing.js (a JavaScript port of the Processing programming language) and where he voiced his thoughts on Google Doctype.

24. Boxes and Arrows

Boxes and Arrows - Screenshot

Boxes and Arrows is all about best practices, innovations, and trends in the topic of design - including information architecture, graphics design, and user interaction design. You can read about findability (how people look for information), counter-arguments of front-loading information above the fold, and web accessibility.

25. PHPDeveloper

PHPDeveloper - Screenshot

PHPDeveloper brings together news and resources about PHP from blogs and sites that cover PHP. You’ll find reports varying from PHP video tutorials to interesting developments over at Zend.

26. Coding Horror

Coding Horror - Screenshot

Coding Horror is a very popular blog (over 100,000 RSS subscribers!) by Jeff Atwood, a software developer. He talks about web development too, posing questions such as Is HTML a Humane Markup Language?, discussing Amazon S3’s viability to host images, and sharing information on versioning databases.

27. O’Reilly Network

O'Reilly Network - Screen shot

The O’Reilly Network by O’Reilly Media (publisher of development books) features articles and blogs pertaining to web development and open technologies. Some recent articles include Creating Applications with Amazon EC2 and S3 and Getting Started with the Google App Engine. Some blogs that are part of the O’Reilly Network include WindowsDevCenter.com (for Windows Developers), ONJava.com (topics cover the Java language) and ONLamp.com (which talks about Linux, Apache, MySQL, and PHP).

28. Google doctype

Google doctype - Screen shot

Google Doctype is Google’s new project that will include entries "by web developers for web developers". Currently, it doesn’t have very many articles, but it’s certainly a resource to follow in the upcoming months.

29. Web Monkey

Web Monkey - Screen shot

Web Monkey - the web developer’s resource is back! Though they’re just getting back to the swing of things, it’s definitely a website to keep track of.

30. Digital Web Magazine

Digital Web Magazine

Digital Web Magazine is the online magazine for web professionals (web designers, developers, information architects). You can find many things included here such PHP, Web Standards, and Programming.

Other notable sites to check out

  • 24 ways - an annual collection of 24 development and design articles by some of the leading website builders.
  • Noupe - Provides news and resources on web design and development.
  • Vandelay Design - a blog on web design and development by Steven Snell, who contributed to Six Revisions last month.
  • CSS Globe - Community-driven website on web standards.

5/01/2008

Free online video converters!

Now a days, everyone who is trying to publish online get into this dilemma. Which tools to use to convert the Video such that I can stream over internet or even playable in hand-held units. Now fear not, these five sites can give you free and great converting experiences!

Source:
Top 5 Essential Video Converters You Shouldn’t Miss

Quote:

1. How to convert video formats easily

youconvert

YouConvertIt is the complete online conversion suite. It converts audio, video, images and documents into an array of formats. It even throws in unit measurement conversion to round it up. It terms of features it is pretty much complete, and the clean user interface makes it a joy to use.

2. How to edit online videos

cellsea

Cellsea provides a web-based interface to edit online or uploaded videos. Resize, crop, join videos, add audio, convert and download it when you’re all done.

3. How to download purpose specific video conversion software

dvd

DVDVideoSoft provides free mini-programs which allow you to do various things like rotate videos, convert them to Flash, change a video in to jpg pictures etc. Extremely useful.

4. How to convert files the professional way

heywatch

Hey!Watch is a premium video encoding site which supports the basic conversion, but with great bonus features. For example, Hey!Watch allows you to take a link and automatically send the file to your storage space (FTP, Amazon S3 and HTTP server). There is no limit to the file size (which is a stark contrast to the usual 10-50MB limit on most free sites), and you can actually create DVD images with this site.

You can also create podcast feed of your converted videos, meaning you can, for example, add your feed to iTunes, which can then automatically download your converted videos and sync them to your iPod.

It isn’t free but the depth and breath of features cannot be denied.

5. How to convert online videos into XviD format

youtubehack

Youtubehack is a site which allows you to convert online videos from YouTube, Metacafe and the like - into multiple formats, but it is one of the very few sites which allows output into XviD format - which is one of the best compression formats. On the page, it also displays thumbnails of featured videos on Youtube so you can easily find interesting content to download on the spot.


Useful website gathering

Take a look at 9 Outrageously Handy Websites Everyone Should Try. As quoted below, some are really useful.

K7





Create a phone number online. You can personalize its greeting to receive callers. When they do call, you receive e-mail notifications, and you can download the message to be played on your computer. Now you can stop wasting so much time checking your phone, your fax, and your answering machine.

Deezer





Perhaps the best free music site ever. No download is required, and a wide variety of music is readily available. If you can't really decide what to listen to, start a smart radio based on some of your favorite songs. Deezer will play songs similar to the ones you chose.

Spy Pig





Have you ever sent an e-mail to someone and wondered if the recipient has read it? Now you can be more than curious, and actually find out with SpyPig.

Polycola



Use multiple search engines at once on one site with Polycola. You'll sure to be find what you're looking for. Be sure to check out FireFox HOT. Now you can add PolyCola to FireFox Search Bar with just one click.

Sparknotes





This site is for the students. Notes are given here for almost every work of literature there is. You can get your test prep here, as well as access a very well done section about Shakespeare, which includes his sonnets and plays. Did I mention that his full plays are on the site, and that they're translated so that the average person can read them?

Calories Per Hour





Keep track of all of your personal fitness here. Calculate your BMI, calories burned in a day, weight loss in a day, and much more. There is also a diet and weight-loss section here. Great for those who want to calculate calories and nutrition, as well as find some great health tips.

Free Rice





Think you're smart? Think you're smart enough to feed hungry children? Then check out this site. Play a simple word game to donate rice. A word will appear, and ask you for the definition. Every word you define correctly is 20 grains of rice donated. Expand your vocabulary while feeling good about what you're doing.

Kongregate



For many people, games are great for relieving stress, competing with friends, or simply just to kill time. Kongregate is a site that contains most of the best free online games out there. Unlike other gaming websites, this site contains badges, which are attainable after completing an achievement in a game. This may not seem like much, but it definitely has its advantages. Now you have a clear cut idea of your progress and it gives you tangible goals to work towards in a game.

Prize Rebel



If online games aren't your thing and you prefer console games more, this site is for you. By completing free offers, you earn points, which you then can redeem for various gaming equipment, shipped straight to your house. Don't believe me? There are many testimonials, and I myself have received a Nintendo DS game.