making waves for surfers

Category: Web Design I

  • Gradients!

    Everybody loves gradients, right? This graphical interface enables you to see your gradient as you make it, and writes out the CSS declarations you need for your website!

  • Making your portfolio website!

    How Magazine has some useful tips on how to create your best portfolio website, presented in a series of step-by-step instructions. Check it out! (they link to some sites, within the article, that are pretty useful too!)

  • The Typography handbook

    Yet another incredibly useful website! The Typography Handbook explores the world of web type and offers suggestions to improve your use of typography when building your websites!

  • Another CSS resource!

    With his site The Magic of CSS, Adam Schwartz hopes to compile an open-source, freely editable compendium of all the cutting edge information about CSS and how to use it. Thanks, Adam!

  • CSS cheat sheet!

    This person compiled a series of CSS Refresher Notes from various sources around the net. It features a lot of stuff we haven’t seen in class, but should still be incredibly useful as we continue to discover the wonderful world of CSS!

  • Googlebot & you

    If you wanna be anybody on the web, you have to be friends with google, the most popular kid on the Internet. Fortunately, google itself gives you tips to be the coolest! First, it’s important to have some inkling of how google search works, since we want our sites to show up at the top […]

  • javascript! libraries!

    Now now, don’t cry. The sheer mention of javascript shouldn’t cause panic attacks! Even with a cursory knowledge of javascript, you can add interactivity to your site, thanks to the many javascript libraries available out there. Slideshows/lightboxes/carousels/galleries One of the more common presentations for portfolio pieces, the slideshow either advances through images automatically, or lets […]

  • transitions & transformations

    A lot of cool animation stuff can be done in css these days, and a few people have written some incredibly useful guides for us! CSS transitions and transforms for beginners goes through the whole list and shows great examples for each feature, as well as giving you access to the source html and css […]

  • make your images prettier!

    I’ve created a page explaining the usefulness of the srcset attribute for the <image> element, check it out!

  • links links links!

    First, the Rebuild Foundation made a cool-looking website and really nailed their design. Every page is different, but because of the grid, fonts and colors they use, it still looks like a consistent website. Typography Typewolf scours the web for great examples of online typography. The main page showcases a bunch of “sites of the day”, and there […]