Advertisement
Web Roundups

Best of the Web - June 2008

by

It's time for a web roundup for June 2008. Like Collis' mentioned in last month's roundup, these take a long time because there's so much reading material to distract from the main goal: a list of relevant links for you NETTUTS readers. Enjoy.

HTML + CSS

  • 50 css navivation scripts

    50 Nice Clean CSS Tab-Based Navigation Scripts

    Like tabbed interfaces? Hongkiat.com has over 50 CSS navigation scripts that use jQuery and other means to produce tab-based pages.

    Visit Article

  • best of css design jun 2008

    Best of CSS Design June 2008

    CSS Gallery CSSBuilt gives us a selection of 32 great site design favorites, based on user submissions.

    Visit Article

  • 13 CSS designs on CssLeak

    June's Best: 13 CSS Designs on CssLeak

    Another gallery, CssLeak, offers a selection of their favorite CSS designs, as submitted by their users.

    Visit Article

  • CSS editors reviewed

    CSS Editors Reviewed

    For those of you that do a lot of web design using CSS, if you're not already doing so, you might want to consider using a CSS editor. Smashing Magazine has a handy review of 19 CSS Editors for Mac, Windows and Linux platforms, as well as a list of some alternate tools.

    Visit Article

  • faux CSS absolute positioning

    Faux Absolute Positioning

    Does CSS element positioning get you down when doing cross-browser testing? Eric Sol at A List Apart reveals a faux positioning technique that apparently requires no hacks. It works in all modern browsers (not sure about FF3) and older ones such as IE6 and IE5.5/Win, but not IE5/Mac (which has been discontinued).

    Visit Tutorial

  • Floating elements in CSS grid

    CSS: Fun With Floating in the Grid

    If you're interested in the grid-based approach to web design but not ready to use a CSS grid framework, check out Devlounge's simplified look at grid-like design.

    Visit Tutorial

JavaScript & JS Libraries

  • 20 MooTools tutorials

    20 MooTools Tutorials and Examples

    MooTools fans should check out Six Revisions' list of MooTools tutorials and examples. The list is separated into beginner, intermediate/ advanced, and working examples.

    Visit Article

  • 8 jQuery resource sites

    jQuery Resources - 8 Essential Sites

    Short and to the point, WebDevLounge gives their esential jQuery resource sites, including one I haven't heard of, jQuery for Designers - which ironically has mostly text on their home page.

    Visit Article

  • DhoniShow inline image gallery

    DhoniShow: Easy Inline Image Gallery

    DhoniShow is an image Gallery script that works over Prototype 1.5+ (Script.aculo.us is optional). The result is an attractive inline gallery with transition effects. [via FortySomething]

    Visit Project

  • AJAX shortcuts for jQuery and MooTools

    jQuery: AJAX Shortcuts for Champions

    Actually, the title's misleading because the article shows very simply how "to AJAX-ify any site through the copious use of either jQuery or Mootools." The demo code provides both GET/ POST examples for pulling data asynchronously.

    Visit Tutorial

Content Management Systems

  • 25 outstanding WordPress designs

    25 Outstanding WordPress Designs

    Six Revisions makes this month's list again with their 25 outstanding WordPress designs list.

    Visit Article

  • using gravatars in WordPress permalink posts

    Getting Gravatars on Your Single Posts in WordPress

    Want to display an author gravatar on your WordPress post pages? It's incredibly easy. Thord Hedengren shows you how over at Devlounge.

    Visit Tutorial

Miscellanea

  • AUDIOTUTS digital audio tutorials

    AUDIOTUTS Launches! Tutorials Up

    Ok, this isn't web devleopment, but I couldn't resist announcing yet another great TUTS website. AUDIOTUTS will cover - you guessed it - digital audio tutorials. Two great audio tutorials are up already, and contributions are open. Skellie, whom some of you may know from her sites and as editor of FreelanceSwitch (another Eden.cc site), will be editing. Payment is $150 per tutorial, and AUDIOTUTS needs a regular tutorial writer as well as a one-off writers. Check out the Contribute page for more detals.

    Visit AUDIOTUTS

  • Interview with Collis Ta'eed

    Interview With Collis Ta'eed

    I mentioned this the other day, but this it's worth mentioning again. If you want to see into the mind of Collis Ta'eed, one of the geniuses behind all these TUTS sites, then go check out Fuel Your Creativity's interview with him. There's also a list of new TUTS sites coming soon.

    Visit Interview

  • 2008 design trends

    2008 Design Trends

    WebDesignerWall's large collection of website screenshots is visually stimulating and catalogs some of the web design trends for this year.

    Visting Article

  • designer resources

    30 Essential PDF Documents Every Designer Should Download

    This article at Positive Space has enough links to articles, resources, and other info related to web and graphic design, coding, freelancing and other topics to keep you busy reading for awhile.

    Visit Article

  • design promotion sites

    19 Websites to Promote Your Design News

    CssLeak has a handy list of nineteen sites - some with voting - where you can submit design-related news and articles. Included in the list are some of our TUTS sites, where you can use the USER+ Community Link Feed to submit links.

    Visit Article

  • web developer knowledge

    10 Things Any Web Developer Worth Their Spit Should Know

    The title says it all. Search-This offers some must-know web development ideas/ concepts/ techniques. It's likely you know a lot of them, but it never hurts to be reminded.

    Visit Article

  • web charting scripts

    10 Free Chart Scripts

    Producing dynamic charts for websites probably doesn't come up as a requirement all that often, but it's good to know some of your options if it does. WebTecker lists ten free chart scripts based on JavaScript, Java, Flash or Sliverlight.

    Visit Article

  • flexible web page layout and design

    Flexible Layouts: Challenge for the Future

    Those of you who have Firefox 3 probably know of some of the great new features such as Full Page Zoom. But what happens to web page layouts under FPZ and other new features? Some of you have commented at NETTUTS about how one demo or another doesn't work properly in FF3. And what about flexible layouts, mobile browsers, and other web design issues? Dirk Jesse, developer of the YAML CSS framework, guests at Smashing Magazine and discusses these issues plus how to produce flexible layouts with YAML.

    Visit Article

Related Posts
  • Code
    Theme Development
    Creating a WordPress Theme From Static HTML: Releasing Your ThemeCreating wordpress theme from html 400
    If you've been following this series you now have a working WordPress theme. Your theme has a number of template files, including a page template and an archive template, and also has featured image support.Read More…
  • Code
    Tips
    The Beginner's Guide to Setting Static Front Pages in WordPressStaticfrontpage
    Typically, in a WordPress website, the home page shows the blogger's latest posts, but what if you wanted the homepage of your website to display the same page every time? For those of you who are just getting started with WordPress, then it's worth noting this is not only possible, but it's really easy.In this article, we'll talk about how to implement a static front page in WordPress as well as where it would and wouldn't be appropriate.Read More…
  • Web Design
    Applications and Tools
    The ThemeForest Author’s Guide to Unbounce TemplatesUnbounce preview
    In this tutorial I'm going to introduce you to Unbounce, a tool for building campaign-specific landing pages. We'll walk through the anatomy of various types of landing page, go through the tool’s features, then cover what’s needed to sell your own Unbounce templates on Themeforest.Read More…
  • Code
    PHP
    Statamic 101Statamiclogo 400
    Statamic is a modern PHP CMS which really makes an effort to be easy and intuitive to use. From its flat-file design to its use of technologies like Markdown and YAML, you can accomplish an outstanding amount of work without writing any code at all. In this article we will take a look at the process from installation to setting up a basic portfolio.Read More…
  • Code
    Plugins
    Using HighCharts in WP-AdminHighcharts 400
    Charts are a great way to present data. They make data more digestible by making it visually appealing. In WordPress, there is no built-in method for getting posts and pages data in a graphical form. Although, there are certain plugins available which integrate Google Analytics with WordPress, but they are overkill if you want to get only a portion of that data. Also, nothing should keep you from learning new techniques and to dive straight into the subject is the best way to learn.Read More…
  • Web Design
    Roundups
    New to Web Design? Start Here.New to web design
    Welcome to Webdesigntuts+, an online resource dedicated to teaching and encouraging web designers of all skill levels and experience. Whether this is your first time here, you've found yourself dipping into our content in the past, or you're a regular visitor, this post will help you find the best of our content.Read More…