Advertisement

CSS

  • Web Roundups
    35 CSS-based Layouts that Look AwesomePreview
    1 shares
    Creattica continues to be a great source of inspiration. Whether you’re there to spark the creative fuse or just browse through some amazing work, it's well worth checking out what’s new over at Creattica. Recently, they've added a whole bunch of new categories - including one for top-notch CSS work. Here's a rundown of some of the best work submitted so far.Read More…
  • HTML & CSS
    Use Sprites to Create an Awesomeness-Filled Navigation Menu200x200
    CSS sprites can dramatically increase a website's performance, and with jQuery, we can implement awesome transition effects easily. Let's get started.Read More…
  • HTML & CSS
    20 Email Design Best Practices and Resources for Beginners200x200
    33 shares
    Even for experience designers, building email newsletters isn't easy. You receive a lovely looking design, and you crack on with the development. Unfortunately, it just doesn't work as it should in every email clients. Styles don't display, images aren't visible, etc. This is where these twenty best practices come in handy.Read More…
  • Web Development
    Create an In-Place Editing System200x200
    2 shares
    Making users click through multiple pages just to edit a field is so 1999. In this tutorial, you'll learn how to create an in-place editing system as found on popular sites, such as Flickr.Read More…
  • HTML & CSS
    30 CSS Best Practices for Beginners200x200
    105 shares
    CSS is a language that is used by nearly every developer at some point. While it's a language that we sometimes take for granted, it is powerful and has many nuances that can help (or hurt) our designs. Here are thirty of the best CSS practices that will keep you writing solid CSS and avoiding some costly mistakes.Read More…
  • HTML & CSS
    11 Classic CSS Techniques Made Simple with CSS3200x200
    8 shares
    We've all had to achieve some effect that required an extra handful of divs or PNGs. We shouldn't be limited to these old techniques when there's a new age coming. This new age includes the use of CSS3. In today's tutorial, I'll show you eleven different time-consuming effects that can be achieved quite easily with CSS3.Read More…
  • HTML & CSS
    How to Design and Code a Flexible WebsitePreview
    In this tutorial, we're going to be designing and coding a simple blog-style web-page. We'll pay special attention to making our design flexible and accessible by using clean and simple XHTML and CSS. This tutorial is aimed at beginners, and anyone looking to improve the accessibility of their web designs.Read More…
  • PHP
    Supercharge Your CSS with PHP Under the HoodPreview
    14 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
    4 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
    95 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
    127 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…
Advertisement
Suggested Tuts+ Course
Chrome Developer Tools$15
Advertisement