Noobcube » Tutorials http://www.noobcube.com Tutorials, Resources, Freebies, and Tips for Web Designers Tue, 22 May 2012 03:47:54 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 Noobcube-tutorialshttp://feedburner.google.com Site From Scratch: Localmost (Part 1, Design) http://www.noobcube.com/tutorials/interface-design/site-from-scratch-localmost-part-1-design-/ http://www.noobcube.com/tutorials/interface-design/site-from-scratch-localmost-part-1-design-/#comments Sun, 13 Sep 2009 05:22:00 +0000 Jarod Taylor http://www.noobcube.com/?p=1370 Site From Scratch, let's get started on Part 1: Design. ]]> http://www.noobcube.com/tutorials/interface-design/site-from-scratch-localmost-part-1-design-/feed/ 33 Horizontal and Vertical Centering Using CSS: A Beginner’s Guide http://www.noobcube.com/tutorials/html-css/horizontal-and-vertical-centering-using-css-a-beginners-guide-/ http://www.noobcube.com/tutorials/html-css/horizontal-and-vertical-centering-using-css-a-beginners-guide-/#comments Thu, 27 Aug 2009 17:32:42 +0000 Jarod Taylor http://www.noobcube.com/?p=1155 <center>, align, and valign. In this tutorial we're going to shed some light on the subject, and hopefully help demystify the process of centering HTML elements using CSS. ]]> http://www.noobcube.com/tutorials/html-css/horizontal-and-vertical-centering-using-css-a-beginners-guide-/feed/ 42 CSS Image Maps: A Beginner’s Guide http://www.noobcube.com/tutorials/html-css/css-image-maps-a-beginners-guide-/ http://www.noobcube.com/tutorials/html-css/css-image-maps-a-beginners-guide-/#comments Tue, 11 Aug 2009 19:50:58 +0000 Jarod Taylor http://www.noobcube.com/?p=971 how to create a CSS image map, but, we're also going to take it a couple steps further and add hover states to our image map using a CSS background image sprite, as well as a "tooltip" like popup. ]]> http://www.noobcube.com/tutorials/html-css/css-image-maps-a-beginners-guide-/feed/ 77 Creating a jQuery Plugin: A Beginner’s Guide http://www.noobcube.com/tutorials/jquery/creating-a-jquery-plugin-a-beginners-guide-/ http://www.noobcube.com/tutorials/jquery/creating-a-jquery-plugin-a-beginners-guide-/#comments Sun, 19 Jul 2009 03:31:39 +0000 Jarod Taylor http://www.noobcube.com/?p=574 not an introduction to jQuery or a tutorial on the basic syntax rules of jQuery, but, rather how to take what little knowledge you already have of jQuery to the next level by putting it to practical use, and building a jQuery plugin. By taking your knowledge of CSS, and what knowledge you already have of jQuery, I'm going to walk you through the processes of creating a jQuery plugin. I feel, by using the skills you're already comfortable with, like CSS, it will be easier to wrap your head around jQuery. So instead of trying to learn a bunch of programming concepts, you may or may not understand, you're going to learn something new by using concepts that are already familiar to you. Once you're finished with this tutorial, you'll then be ready to take the necessary steps in really learning jQuery. ]]> http://www.noobcube.com/tutorials/jquery/creating-a-jquery-plugin-a-beginners-guide-/feed/ 23 Fixed Header & Footer Layout: A Beginner’s Guide http://www.noobcube.com/tutorials/html-css/fixed-header-footer-layout-a-beginners-guide-/ http://www.noobcube.com/tutorials/html-css/fixed-header-footer-layout-a-beginners-guide-/#comments Sun, 28 Jun 2009 03:05:25 +0000 Jarod Taylor http://www.noobcube.com/?p=418 all browsers, including IE6, can seem quite daunting. In this tutorial we'll not only get it working in all the major browsers, but we'll also cover all the necessary steps required in doing so. By the end of this tutorial, you should be able to implement this into your own projects without having to copy and paste a thing. ]]> http://www.noobcube.com/tutorials/html-css/fixed-header-footer-layout-a-beginners-guide-/feed/ 95 Create an Advanced CSS Menu Using the Hover and Position Properties http://www.noobcube.com/tutorials/html-css/create-an-advanced-css-menu-using-the-hover-and-position-properties-/ http://www.noobcube.com/tutorials/html-css/create-an-advanced-css-menu-using-the-hover-and-position-properties-/#comments Thu, 28 May 2009 00:56:47 +0000 Jarod Taylor http://www.noobcube.com/?p=41 :hover and position properties. The finished product will render properly in all major browsers including Firefox, Safari, IE7/IE8, Opera, and Google Chrome. Due to IE6 and its lack of support for the :hover property (other than on anchor elements), we'll have to implement a little javascript to gain its support. Nonetheless, let's get started! ]]> http://www.noobcube.com/tutorials/html-css/create-an-advanced-css-menu-using-the-hover-and-position-properties-/feed/ 43 CSS Background Image Sprites: A Beginner’s Guide http://www.noobcube.com/tutorials/html-css/css-background-image-sprites-a-beginners-guide-/ http://www.noobcube.com/tutorials/html-css/css-background-image-sprites-a-beginners-guide-/#comments Sat, 23 May 2009 04:22:16 +0000 Jarod Taylor http://www.noobcube.com/?p=1 what image sprites are and even how we should use them. Just google "CSS Image Sprites" and you'll return more than 2000 results. We're going to skip the history lesson and get you started using CSS image sprites today. ]]> http://www.noobcube.com/tutorials/html-css/css-background-image-sprites-a-beginners-guide-/feed/ 19