Advertisement
HTML & CSS

Web Development from Scratch: List Item Styling

by

You're not only limited to the default disc symbol for list items. You can choose from a variety of built in options, or use custom images or symbols! I'll show you how in this episode.

Choose 720p for the clearest picture.
Subscribe to our YouTube and Blip.tv channels to watch more screencasts.
Related Posts
  • Web Design
    Community Projects
    Community Project: The Tuts+ Illustrator Wireframe KitWireframe thumb
    Calling all community members! We have a little project for you to take part in! We're compiling a wireframe kit for Adobe Illustrator, built by you, the Tuts+ community. Read on to see how you can take part.Read More…
  • Design & Illustration
    UX
    10 Tips for Building Wireframes With IllustratorPreview wireframe
    Adobe Illustrator is experiencing a come-back in the world of web design. Not only is SVG becoming commonly used online, but more and more designers are using vectors for wireframing. The following tips will help you make the most of Illustrator as a wireframing tool.Read More…
  • Computer Skills
    Productivity
    40 More Essential Keyboard Shortcuts to Improve Your WorkflowShortcuts retina
    Keyboard shortcuts are essential for any Mac user looking to quicken the speed of their workflow. By giving you quicker navigation they make the whole process of using a Mac far easier. Recently, on Tuts+ Computer Skills we covered 40 Nifty Shortcuts to Make Your Life Easier, a tutorial which explained everyday OS X keyboard shortcuts. This tutorial covers some more advanced shortcuts which you can incorporate into your workflows.Read More…
  • Game Development
    Workflow
    Workflow Tip: How to Keep Files in Two Places at OnceHow to keep files in two places at once 400px
    Recently, I wanted to back up my UDK 3 project files to my Dropbox, but UDK requires project files to be in the same directory as the (4GB) installation itself—and 4GB is far too big for my Dropbox! In this article, you'll learn how you can solve this problem by making files appear to be in two places at once, using hard links, symbolic links, and junctions.Read More…
  • Design & Illustration
    Illustration
    Create a Set of Realistic Christmas Baubles in Adobe IllustratorDiana chglobes tut 400x400
    Follow this winter holiday inspired tutorial and learn how to create realistic Christmas baubles in Adobe Illustrator. At the beginning we will create the shape of the Christmas bauble starting from a circle then using the Create Gradient Mesh function we will define areas of light and shade on the ball. Next, you will be able to color the globe according to your own taste using colors or gradients and the Blending Modes. We will continue with the cap and the hook then with the design of the golden Christmas bauble that consists of a simple snowflake symbol mapped on the front surface. Finally, we will add a few reflections on the ball for a more realistic look using Opacity Masks. Let's start! Read More…
  • Design & Illustration
    Icon Design
    Create Gender and Orientation Symbols With Basic Shapes in IllustratorSymbolspreview400
    As an illustrator you may find you have to create many graphics for articles, graphic interfaces, or info graphics where data regarding gender or sexual orientation is used. Often they're well-known designs, symbols, or ideas that you can render with basic shapes, gradients, and a liberal use of masking objects. Join me as we create three common sets of such designs. This tutorial has been created to coincide with Blog Action Day 2013 (theme: Human Rights) and Spirit Day.Read More…