The latest tutorials, articles, and news from kirupa.com - the place were designers can become better developers! http://www.kirupa.com/ Learn how take a boring old list and create a horizontal CSS menu that looks and works awesomely.<img src="http://feeds.feedburner.com/~r/kirupa/vXRx/~4/CaKAnKDMzAk" height="1" width="1"/> http://feedproxy.google.com/~r/kirupa/vXRx/~3/CaKAnKDMzAk/creating_a_horizontal_css_list_menu.htm http://www.kirupa.com/html5/creating_a_horizontal_css_list_menu.htm Learn how to use the right JavaScript properties to measure your browser viewport, device, and document size.<img src="http://feeds.feedburner.com/~r/kirupa/vXRx/~4/2JkFjDMPArY" height="1" width="1"/> http://feedproxy.google.com/~r/kirupa/vXRx/~3/2JkFjDMPArY/viewport_device_document_size.htm http://www.kirupa.com/html5/viewport_device_document_size.htm Learn how to create an awesome contact page by looking at some best practices and examples of sites that use them well.<img src="http://feeds.feedburner.com/~r/kirupa/vXRx/~4/dFI8Iq_MWnk" height="1" width="1"/> http://feedproxy.google.com/~r/kirupa/vXRx/~3/dFI8Iq_MWnk/create_an_awesome_contact_page.htm http://www.kirupa.com/html5/create_an_awesome_contact_page.htm Learn how tweak the export settings in Adobe Fireworks to create a pixelated effect that is really cool and really retro.<img src="http://feeds.feedburner.com/~r/kirupa/vXRx/~4/4AIIJXjsSFI" height="1" width="1"/> http://feedproxy.google.com/~r/kirupa/vXRx/~3/4AIIJXjsSFI/creating_retro_pixel_effect.htm http://www.kirupa.com/design/creating_retro_pixel_effect.htm Learn how to create a customizable vertical menu using an unordered list and a few sprinkles CSS.<img src="http://feeds.feedburner.com/~r/kirupa/vXRx/~4/-RlKvFY2Xk4" height="1" width="1"/> http://feedproxy.google.com/~r/kirupa/vXRx/~3/-RlKvFY2Xk4/creating_a_vertical_css_list_menu.htm http://www.kirupa.com/html5/creating_a_vertical_css_list_menu.htm Learn how to use the startDrag and stopDrag functions in AS3 to create a really simple drag and drop effect.<img src="http://feeds.feedburner.com/~r/kirupa/vXRx/~4/pn6zDUWQaIU" height="1" width="1"/> http://feedproxy.google.com/~r/kirupa/vXRx/~3/pn6zDUWQaIU/easy_drag_drop_flash_as3.htm http://www.kirupa.com/flash/easy_drag_drop_flash_as3.htm Learn the hows and whys of naming your elements in HTML by setting the id, class, and name attributes.<img src="http://feeds.feedburner.com/~r/kirupa/vXRx/~4/TBbQ_xlvC5o" height="1" width="1"/> http://feedproxy.google.com/~r/kirupa/vXRx/~3/TBbQ_xlvC5o/naming_via_class_id_name.htm http://www.kirupa.com/html5/naming_via_class_id_name.htm Hide content in your HTML pages by learning more about the display, visibility, and opacity properties.<img src="http://feeds.feedburner.com/~r/kirupa/vXRx/~4/apXtfciUsxI" height="1" width="1"/> http://feedproxy.google.com/~r/kirupa/vXRx/~3/apXtfciUsxI/hiding_things_using_css.htm http://www.kirupa.com/html5/hiding_things_using_css.htm Learn how to easily generate random colors in JavaScript by jumping between decimals and hex values.<img src="http://feeds.feedburner.com/~r/kirupa/vXRx/~4/Oae9yOHL8yc" height="1" width="1"/> http://feedproxy.google.com/~r/kirupa/vXRx/~3/Oae9yOHL8yc/random_colors_js.htm http://www.kirupa.com/html5/random_colors_js.htm Learn how to kick your animations and transitions in CSS3 up a few notches by using easing functions.<img src="http://feeds.feedburner.com/~r/kirupa/vXRx/~4/rH8JGxMgWZc" height="1" width="1"/> http://feedproxy.google.com/~r/kirupa/vXRx/~3/rH8JGxMgWZc/easing_functions_css3.htm http://www.kirupa.com/html5/easing_functions_css3.htm If you know how to create random numbers, let's kick it up a few notches and learn about more clever things you can do with them.<img src="http://feeds.feedburner.com/~r/kirupa/vXRx/~4/GwFFl0H7lJw" height="1" width="1"/> http://feedproxy.google.com/~r/kirupa/vXRx/~3/GwFFl0H7lJw/advanced_random_numbers_js.htm http://www.kirupa.com/html5/advanced_random_numbers_js.htm Learn three simple CSS tricks to make your pages more printer friendly.<img src="http://feeds.feedburner.com/~r/kirupa/vXRx/~4/-s5VaGEry4w" height="1" width="1"/> http://feedproxy.google.com/~r/kirupa/vXRx/~3/-s5VaGEry4w/creating_printer_friendly_pages.htm http://www.kirupa.com/html5/creating_printer_friendly_pages.htm Get an introduction to the property-based animations that you'll use in CSS3 and what goes into making them work.<img src="http://feeds.feedburner.com/~r/kirupa/vXRx/~4/PdBQafuTRnE" height="1" width="1"/> http://feedproxy.google.com/~r/kirupa/vXRx/~3/PdBQafuTRnE/intro_to_property_based_animations.htm http://www.kirupa.com/html5/intro_to_property_based_animations.htm Learn how to use Math.random() to generate all kinds of wicked random numbers.<img src="http://feeds.feedburner.com/~r/kirupa/vXRx/~4/Jju8YosWGgQ" height="1" width="1"/> http://feedproxy.google.com/~r/kirupa/vXRx/~3/Jju8YosWGgQ/random_numbers_js.htm http://www.kirupa.com/html5/random_numbers_js.htm If you know how to create random numbers, let's kick it up a few notches and learn about more clever things you can do with them.<img src="http://feeds.feedburner.com/~r/kirupa/vXRx/~4/6Z8JpKYrclI" height="1" width="1"/> http://feedproxy.google.com/~r/kirupa/vXRx/~3/6Z8JpKYrclI/advanced_random_numbers_as3.htm http://www.kirupa.com/flash/advanced_random_numbers_as3.htm Hope you all have a great 0x7DC. What are your resolutions for this year?<img src="http://feeds.feedburner.com/~r/kirupa/vXRx/~4/1HBgLnKm-WU" height="1" width="1"/> http://feedproxy.google.com/~r/kirupa/vXRx/~3/1HBgLnKm-WU/showthread.php http://www.kirupa.com/forum/showthread.php?341795-New-Year-s-Resolutions! Learn about the similarities and differences between hashtables and arrays.<img src="http://feeds.feedburner.com/~r/kirupa/vXRx/~4/dzUP5UmDuKE" height="1" width="1"/> http://feedproxy.google.com/~r/kirupa/vXRx/~3/dzUP5UmDuKE/hashtables_vs_arrays.htm http://www.kirupa.com/html5/hashtables_vs_arrays.htm Learn how to use CSS to style the first letter in a way that makes it stand out in a unique and stylized way.<img src="http://feeds.feedburner.com/~r/kirupa/vXRx/~4/CUcQk3EBY0k" height="1" width="1"/> http://feedproxy.google.com/~r/kirupa/vXRx/~3/CUcQk3EBY0k/making_the_first_letter_stand_out.htm http://www.kirupa.com/html5/making_the_first_letter_stand_out.htm