30 HTML Best Practices for Beginners

June 2, 2009

Source: http://net.tutsplus.com/tutorials/html-css-techniques/30-html-best-practices-for-beginners/

Just for your curiosity, I am naming the main 30 practices:

  1. Always Close Your Tags
  2. Declare the Correct DocType
  3. Never Use Inline Styles
  4. Place all External CSS Files Within the Head Tag
  5. Consider Placing Javascript Files at the Bottom
  6. Never Use Inline Javascript. It’s not 1996!
  7. Validate Continuously
  8. Download Firebug
  9. Use Firebug! (duh!)
  10. Keep Your Tag Names Lowercase
  11. Use H1 – H6 Tags
  12. If Building a Blog, Save the H1 for the Article Title
  13. Download ySlow
  14. Wrap Navigation with an Unordered List
  15. Learn How to Target IE
  16. Choose a Great Code Editor
  17. Once the Website is Complete, Compress!
  18. Cut, Cut, Cut
  19. All Images Require “Alt” Attributes
  20. Stay up Late
  21. View Source
  22. Style ALL Elements
  23. Use Twitter
  24. Learn Photoshop
  25. Learn Each HTML Tag
  26. Participate in the Community
  27. Use a CSS Reset
  28. Line ’em Up!
  29. Slice a PSD
  30. Don’t Use a Framework…Yet
Advertisements

Content visualization techniques and views

May 29, 2009

Original Source: http://www.noupe.com/javascript/10-smart-javascript-techniques-for-manipulating-content.html

  1. jQuery pageSlide: jQuery pageSlide is a plugin for jQuery that slides the viewable webpage off-screen, revealing and populating a secondary interaction pane. It may be used in a similar manner to Lightbox, where screen real estate and centralization of the user experience are a concern.
  2. Create a simple ul list with a nice slide-out effect for li elements: We want to obtain this effect: when an user clicks on a link (”Hide”), the related
    element disappear with a nice animated slide out effect. A simple way to implement an animated “disappear” effect using MooTools slideOut()
  3. Portfolio Layout Idea Using jQuery: Benjamin Sterling created an interesting portfolio layout and added a nice easing method to the main content panel using easeOutQuad and easeInQuad using jQuery easing plugin.
  4. Creating a Slick Auto-Playing Featured Content Slider: Niall Doherty’s Coda Slider inspired lot of designers and got them started quickly designing around it. Chris Coyier created a Slick Auto-Playing Featured Content Slider using Coda Slider plugin pretty much “out of the box” and added to it.
  5. Easy Image or Content Slider: Easy Slider enables images or any content to slide horizontally or vertically on click. It is configurable with css alone.
  6. mooSlide: mooSlide is nice replacement of the common “lightbox” module. It has some interesting options to influence the look and behaviour of the sliding box.
  7. jQuery.SerialScroll: jQuery.SerialScroll allows you to easily animate any series of elements, by sequentially scrolling them.
  8. Agile Carousel: Agile Carousel allows you to easily create a custom carousel.
  9. Animated JavaScript Slideshow: This extremely lightweight JavaScript animated slideshow script includes a number of cool features to to style your content: description support, link support, no naming restrictions, portrait image support, graceful degradation and active thumbnail status.
  10. Sexy Lightbox 2: Sexy Lightbox 2 is a sexier and lighter clone of the classic Lightbox. Supports displaying images and HTML elements.
  11. UI.Layout: Was was inspired by the extJS border-layout. The UI.Layout plug-in can create any UI look you want – from simple headers or sidebars, to a complex application with toolbars, menus, help-panels, status bars, sub-forms, etc.

15 Days of jQuery

May 28, 2009

This is a Highly Recommended site with advanced jQuery codes to let your site compete with the Big Guys. Includes tutorials on making draggable/droppable contents, writing unobtrusive JS codes, multiple file upload, and last but not the least, creating Rounded Corners

Source: http://15daysofjquery.com/


Learning jQuery

May 28, 2009

Learning  jQuery provides the user with tons of jQuery (the nifty JS library) tutorials, tricks and tips. Visit Learning jQuery @ http://www.learningjquery.com/


Simple Guide: How To Get Started With jQuery

May 28, 2009

This article by Jon Phillips dives headfirst into jQuery syntaxes and what’s more, he also teaches you to write your first jQuery script.

Source: http://spyrestudios.com/simple-guide-how-to-get-started-with-jquery/


Using Google AJAX Libraries API

May 28, 2009

Google’s AJAX Libraries API provides an easy and swift way for including the popular JavaScript libraries in dynamic websites. Usually, we send the required JavaScript libraries from our server to the user. This will take varying amounts of time if the website is accessed from different parts of the world. And if caching is not taken care by the programmer we would be sending the same file over and over again. Wouldn’t it be wonderful if we could provide the libraries from a place closer to the user? thats exactly what Google AJAX Libraries API does – Acquestech

Source: http://www.acquestech.com/2009/01/google-ajax-libraries-api/