background preloader

50 Useful JavaScript Tools

Advertisement By Jacob Gube JavaScript is a powerful client-side scripting language used in many modern websites and Web applications. In the hands of a skilled Web developer, JavaScript can enhance the user’s experience of the website and provide rich interactive components and features. But even though syntactically simple in nature, JavaScript is often difficult to author because of the environment it runs in: the Web browser. JavaScript’s popularity is evident in emerging technologies, such as Adobe AIR, which use it as a supported language for creating desktop-based applications. Below, you’ll find 50 excellent tools to help you achieve various tasks involved in authoring JavaScript code. You’ll also find a few new and alternative JavaScript and AJAX frameworks to help you explore options beyond the big names (i.e. Also, be sure to check out the following related posts: JavaScript/AJAX Authoring Tools Documentation Tools JSDoc Toolkit JSDoc Toolkit makes code documentation a breeze.

Beyond Basic Web Development | Morethanseven I did a talk at the recent barcamp North East on web development tools. Specifically I wanted to talk about the fact that an awful lot of people just use the basic stack of tools they are familiar with. So Microsoft people will just use C#, MSSQL and ISS and lots of people just use PHP, MySQL and Apache. I’d knocked the presentation together in my hotel room pretty quickly before heading down to barcamp and the lack of an internet connection meant I didn’t have links and didn’t cover a few tools I should have. We also had a good discussion afterwards and people mentioned a few other tools. Now it’s possible to spend too much time playing with small tools that are likely to be peripheral to the bulk of your application.

55 Quick SEO Tips Even Your Mother Would Love Everyone loves a good tip, right? Here are 55 quick tips for search engine optimization that even your mother could use to get cooking. Well, not my mother, but you get my point. Manage your website SEO and Social Media – Free 30 Day Trial 1. 2. 3. 4. 5. 7. 8. 9. 10. 11. 12. Ditch the index.html or default.php or whatever the page is and always link back to your domain. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. (1) Log out of Google (2) Append &pws=0 to the end of your search URL in the search bar 42. 43. 44. 45. 46. 47. 48. 49. 50. 51. 52. 53. 54. 55. Richard V. Richard V.

50 Websites that make amazing use of javascript | Kriesi.at - new media design Since the rise of Javascript frameworks like jQuery, Mootools and Prototype, developers created stunning javascript solutions and effects for their websites. Here are 50 inspiring Websites that make good use of Javascript, Websites which I have bookmarked over time for inspiration purpose. Some of them are selected purely on look and feel, some have really extraordinary Javascript functions implemented. They are grouped in several categories but within these categories they are listed in no particular order. Tabs Aviary – Aviary uses very sleek tabs with a nice fading transition to give visitors a short introduction to the service. Toolani – Billig telefonieren – (translation: cheap phoning), is not the only thing this german startup offers: the website includes very nice jQuery tabs at the bottom of the yellow content box along with various other effects like ajaxed form validation and a sliding login button. Adworks – Juanid W.

PHP Quick Profiler Introduction In our company, code reviews play an integral part in the development process for making quality software. We opt for a mentor style approach with Wufoo, where a developer works on a segment for a period of time and then passes it up to a more experienced developer for review. We really like this approach because it means more developers become familiar with the foundation of different code level services. Given that all reviews check against the same list of requirements, we’ve found ourselves repeating the same tasks over and over again. We’ve been using PQP for a while now with Wufoo. See it in Action We’ve created an online example showing a landing page with PQP turned on. Thanks to Kevin’s help, who did a great job of designing and encapsulating the interface, there’s no need here to add links to external CSS files or Scripts to make it show up right. Getting Started Download: pqp.zip Once you’ve downloaded the zip, upload the contents to a PHP enabled web server.

Royal Pingdom Dawn of the Twitter Effect Posted in Tech blog on February 3rd, 2009 by Pingdom Yesterday a Twitter post (a tweet) by Mashable’s Pete Cashmore became so popular that traffic from Twitter crashed a blog. This sounds very similar to a common social media phenomenon originally known as the Slashdot effect (and later also the Digg effect), where a post on a popular social media site pushes more traffic than the target site can handle. An interesting thing here is the mechanics of Twitter, which is fundamentally different from Digg and Slashdot. It’s not a social news site, with a front page that all visitors go to. We won’t go into the details of how Twitter works, that’s better covered elsewhere, but it’s worth noting that it’s a very different beast. For lack of a better word we will call the phenomenon of sites crashing as a result of traffic from Twitter, “the Twitter Effect”. But now on to the big question… How could a single tweet generate that much traffic?

25 Excellent Ajax Techniques and Examples - Six Revisions Ajax allows for rich-internet applications that mimic the responsiveness and complex user interfaces typically associated with desktop applications. Moving applications to the web browser opens many possibilities, including the ability to save user data, connecting with other users for collaboration and sharing, and making deployment and using the application easier since web browsers are standard-issue with most computers regardless of operating system. If you’re interested in expanding your understanding of Ajax techniques and practices, check out these 25 hand-picked Ajax articles and tutorials that outline various methods and concepts involved in the development of Ajax-based applications. 1. Build a simple RSS reader that takes remote XML data from RSS feeds using Ajax, PHP, and MySQL. 2. This tutorial is a step-by-step guide on how to create a desktop/homepage similar to Pageflake and Netvibes. Ajax Desktop demo 3. 4. 5. 6. Quick Calendar demo 7. AJAX calendar demo 8. 9. 10. 11. 12.

21 Free And Useful Web Tools For Web Designers @ SmashingApps Don't Forget to participate in a contest where you can win an amazing e-Commerce template from TemplateMonster. This is one of the very best list of its kind where you can find the simplest online web designer’s tools that are developed for designers and may be very helpful for you as well when you want to get your work done or just for fun. I hope web designers will like this list, but you can also use them and will love them whether you are an office worker, a manager, a supervisor, a student, a home user, etc. Most of them are not very well-known, but they are really amazing in respect to their features. You are welcome to share more Useful web tools that will be helpful for web designers and our readers/viewers may like. Pixlr Pixlr is a free online image editor, jump in and start edit, adjust, filter. Stripemania Stripemania is a simple and free web 2.0 tool to create seamless diagonal stripes for your designs. FreshGenerator ColorSchemer ColorPix Photoshop.com Are My Sites Up? Kuler Wix

Avoiding memory leaks Android applications are, at least on the T-Mobile G1, limited to 16 MB of heap. It's both a lot of memory for a phone and yet very little for what some developers want to achieve. Even if you do not plan on using all of this memory, you should use as little as possible to let other applications run without getting them killed. The more applications Android can keep in memory, the faster it will be for the user to switch between his apps. On Android, a Context is used for many operations but mostly to load and access resources. @Overrideprotected void onCreate(Bundle state) { super.onCreate(state); TextView label = new TextView(this); label.setText("Leaks are bad"); setContentView(label);} This means that views have a reference to the entire activity and therefore to anything your activity is holding onto; usually the entire View hierarchy and all its resources. private static Drawable sBackground; In summary, to avoid context-related memory leaks, remember the following:

7 ways to load content via Ajax How to load content via AJAX in jQuery DEMO: slidedownRequirement:jqueryLicense:Free How to Load In and Animate Content with jQuery Author: James PadolseyEffect:Animation fadeIn fadeoutDEMO: jQuery.LocalScroll by Ariel Flesler DEMO: FleslerEffect:ScrollRequirement:jQuery 1.3 jquery.scrollToLicense:GPL+MIT com.bydust.ajax Author:byDust DEMO: com.bydust.ajax.jsLicense:free for non-commercial jpolite DEMO: Drag and DropLicense:GPL+MIT ajaxify DEMO: Dynamically loaded articles

Related: