Advertisement

CSS

  • PHP
    Supercharge Your CSS with PHP Under the HoodPreview
    15 shares
    Cascading Style Sheets is a presentational style sheet language. In that sense, it does not have a lot of the functionality that many developers want to satisfy their programmer instincts. Today, we're going to go over how to supercharge your CSS by putting some PHP under the hood.Read More…
  • HTML & CSS
    6 Ways To Improve Your Web TypographyPreview
    10 shares
    Typography on the web is anything but simple, and for many, it is a troubling mystery. Today, we're going to review six ways that web designers and developers can improve the typography of the sites they create.Read More…
  • Front-End
    Design and Code Your First Website in Easy to Understand StepsPreview
    97 shares
    In this tutorial, we're going to design and code our first website in simple, easy steps. This tutorial was written for the beginner with the hope that it will give you the tools to write your own standards-compliant websites! It's a brand new week; maybe it's time to learn a new skill! Read More…
  • Web Development
    How to Create A Simple Web-based Chat Application200x200
    130 shares
    In this tutorial we will be creating a simple web-based chat application with PHP and jQuery. This sort of utility would be perfect for a live support system for your website. Read More…
  • 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
    15 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…
Advertisement
Suggested Tuts+ Course
Chrome Developer Tools$15
Advertisement