Hostingheaderbarlogoj
Join InMotion Hosting for $3.49/mo & get a year on Tuts+ FREE (worth $180). Start today.
Advertisement

CSS

  • Web Development
    A Different Top Navigation200x200
    7 shares
    When designing a new site, web designers usually face the age-old question: vertical or horizontal navigation? There are pros and cons to both solutions. One example being horizontal navigation limits the number of links you can have due to a limited page width. This is usually solved by including a drop down system. However, if you are attempting to make your particular site stand out, you might consider thinking outside the "norm". In this tutorial, we will be doing precisely that. We will use jQuery to create a different multi-layered horizontal navigation system that is still intuitive enough for anyone to use for the first time. Read More…
  • Web Development
    Creating a Keyboard with CSS and jQuery200x200
    14 shares
    Sometimes it's just fun to play around with the programming languages we know and see what we can create. I thought it might be nice to create a little online keyboard with CSS, and then make it work with jQuery. The keyboard includes "action" keys (caps lock, shift, and delete) which dynamically changes the keyboard when clicked. I'll show you how to build it today.Read More…
  • HTML & CSS
    CSS Fundamentals: Containing Children200x200
    I've received multiple requests for simpler CSS tutorials that teach the tricky fundamentals. This will serve as the first entry in a series that will receive new additions sporadically each month. Today, we'll be reviewing the overflow: hidden, and clearfix tricks to force a parent div to contains its children. Read More…
  • HTML & CSS
    Design and Code a Slick Website From Scratch – <br/>Part II200x200
    1 shares
    With the Internet becoming more and more popular every minute, a great-looking website is somewhat of a must-have. You could obviously pay a web designer to design one for you, but wouldn’t it be really cool to design and code it yourself? “Difficult”, you may say; but it’s actually not too hard once you’ve learned how to do it! In this second part of the tutorial, we will code our design into a standards-compliant, cross-browser xHTML, CSS, and JavaScript/jQuery layout. Fire up Coda, or your editor of choice... it’s coding time!Read More…
  • Design
    Design and Code a Slick Website from Scratch – <br />Part I200x200
    20 shares
    With the Internet becoming more and more popular every minute, a great-looking website is somewhat of a must-have. You could obviously pay a web designer to design one for you, but wouldn't it be really cool to design and code it yourself? "Difficult", you may say; but it's actually not too hard once you've learned how to do it! In this first part, you'll learn how to design a neat-looking website that you can easily adapt to your business. It’s time to get started! Read More…
  • HTML & CSS
    Design a Beautiful Website From Scratch200x200
    73 shares
    Have you ever wanted to design a beautiful website but just didn't know how? To be honest, a few years ago, that happened to me too. While browsing the web, I saw so many nice looking websites and wished I had the skills to create such designs. Today I can and I'm going to teach you how to do so too! Essentially, it requires a few Photoshop skills and an eye for detail. Through this tutorial, I will point out these tiny details which make a website design look beautiful. Fire up Photoshop and let's get going! Read More…
  • Web Development
    Learn How to Style Articles for Print and EmailImage
    When designing websites, a commonly desired feature is the ability to dynamically print or email any section of a webpage. Unfortunately, this idea is usually scrapped later in the project due to a lack of time or knowledge. Formatting the text for printing is more difficult than it might initially seem. Today, we will use JavaScript to automatically search for certain page elements and format them correctly for a printing. Read More…
  • News
    Fun With CSS Shapes200x200
    8 shares
    I bet a bunch of you don't realize that we can create the illusion of shapes by using 100% CSS. By utilizing the border property in creative ways, we can make some really interesting polygons. In this week's screencast, we'll figure out a way to create speech-bubbles without resorting to background images. Read More…
  • Web Development
    50 Excellent Image Galleries You Can Use TodayGallery prev
    26 shares
    Here are 50 of our favorite free image galleries that you can quickly plug into a design. They've been built with everything from CakePHP to jQuery to Ruby on Rails. A shout-out to all the developers involved in sharing their work with the community!Read More…
  • HTML & CSS
    How to Add Variables to Your CSS FilesCss3
    8 shares
    Let's try something different on nettuts+ today. Any designer who has worked with large CSS files will agree that its major weakness is its inability to use variables. In this article, we will learn how to implement variables by using PHP and Apache's URL rewrite mod.Read More…
  • HTML & CSS
    5 Ways to Instantly Write Better CSSCss
    14 shares
    Sure, anyone can write CSS. Even programs are doing it for you now. But is the CSS any good? Here are 5 tips to start improving yours.Read More…
  • News
    Exactly How to Use CSS Sprites200x200
    1 shares
    Today, Andres will be teaching us how to use CSS sprites to improve load times and decrease the number of HTTP requests that are made. As always, feel free to ask any questions in the comments area. Read More…
Advertisement
Suggested Tuts+ Course
Chrome Developer Tools$15
Advertisement