Web Design Lessons From Across Envato


WebDesignTuts+ is Envato's own home to web design related tutorials, screencasts and articles. However, across the Tuts+ network, there's a wealth of web-oriented articles. These cover both web design in a specific form (i.e. mobile design on MobileTuts+) and also techniques and technologies that can adversely affect design (such as Adobe Flash vs HTML5 on ActiveTuts+). So sit back and have a browse across the network and maybe discover something you wouldn't normally have seen.

The Articles

  • MobileTuts+: Mobile Wordpress Themeing

    MobileTuts+ ran a series on themeing mobile websites with Wordpress. In the first article, we are introduced to jQTouch, a framework used to create mobile websites. Even though the article is mainly oriented with the coding side of mobile app development, it does discuss the effectiveness and simplicity of using jQTouch to create a flush mobile site.

    Also on MobileTuts+: 7 Great App Promo Websites, a roundup of seven web designs that showcase mobile apps.

  • PhotoTuts+: Hints & Tips For Creating a Stunning Photography Portfolio Website

    PhotoTuts+ is a Tuts+ site dedicated to photography, but back in 2009 the editor, David Appleyard, published an article with tips to create photography portfolio websites. The article discusses theory such as how important navigation is in the design, and also how to practically implement these with software and app suggestions included. There's also a nice roundup at the end of some pleasing photography portfolios.

    Also on PhotoTuts+: 10 Steps for Building a Photography Portfolio to Be Proud Of, a roundup of seven web designs that showcase mobile apps.

  • NetTuts+: Design for Developers [Video]

    NetTuts+ publishes a recommended web development lecture each weekend and just in December, they posted a video of a "Design for Developers" talk at DjangoCon. This is an interesting, very interesting in fact, video presentation on the intersection between design and development on the web. It shows how web design and web development are not driving in different directions, design and development work together to progress and eventually need to co-operate in a web 2.0 mind.

    Also on NetTuts+: The Golden Ratio in Web Design, demonstrates the role of divine proportion in websites. This was wrote two years ago so you may also like to check out "Mathematics and Web Design: A Close Relationship" here on WebDesignTuts+.

  • PSDTuts+: The 3 Components of Good Web Design

    PSDTuts+ has many articles on interface design, but back in 2008, they published an article on the triangle of three web design components: aesthetic, information and interface design. This triangle is important because it's the mixture between good looking and usable designs.

    Also on PSDTuts+: 9 Important Designs Tips to Make You a Better Web Designer, is another part of PSDTuts+'s Web Design Session that is wrote by supreme leader Collis.

  • ActiveTuts+: 10 Flash Things You Can't Do With HTML5

    ActiveTuts+ writer Travis King wrote a fairly controversial article presenting ten things that HTML5 cannot achieve whilst Flash can. This article introduces the idea that Flash is still an active (get the pun, no?) part of web design. However, I like the post by commenter Daniel Libanori: "Ten Hammer Things You Can't Do With a Pen". Everyone will have an opinion on this but if you do prefer HTML5, don't feel the need to throw your notebook across the room, instead express it in the comments.

    Also on ActiveTuts+: 60 Flash Sites That Rock!, is a roundup of rockstar Flash sites and is wrote by the writer of our main ActiveTuts+ article, Travis King. Whilst these are Flash sites, if you don't work in this technology, check it out anyway as there's still some inspiration to have.

Bonus Freebie: Sexy Web Design - Free Preview

PSDTuts+ has a free 71-page preview of the eBook "Sexy Web Design" from SitePoint. Apparently it guides you through the entire process of creating an attractive, usable website that is completely user-oriented. Please note that this is advertised on PSDTuts+ but is actually supplied by SitePoint.

So there you have it...

Long before WebDesignTuts+ have Envato writers been writing web design articles on older sites. If you have an interesting web design oriented article from Envato, be sure to share the love in the comments.

Related Posts
  • Code
    Mobile Operating Systems in 2014Dj45i preview image@2x
    As a mobile developer, it's good to be familiar with the most important platforms in the mobile space. In this article, we'll take a look at the most important mobile operating systems, their current state, and how they're performing in the current mobile landscape.Read More…
  • Design & Illustration
    12 Ways to Get the Most From Behance0946 behance preview400
    I often talk to other creatives about the ways they share their work online. Most admit that they really enjoy this part of their job, but many feel like there just isn't enough time in the day to devote to the task. In my opinion, one of the most important things an artist can do with their time is to share their creations with others. Read More…
  • Web Design
    Design Theory
    Video in Web DesignDsfd video retina
    Video itself has been around for a long time; in films, on the television and now readily available to play on our phones, tablets and other devices. Video on the web has also been around for a long time. We started out with heavy-weight flash files of videos and animations, whereas now we have HTML5 video and so many more options for including video in our web pages. Heck, half the time it’s even just as easy as dropping some embed code into a website. In short, we’ve never had it as easy when it comes to using video on the web.Read More…
  • Code
    Write for Wptuts+Writeforus 400
    Our focus here on Wptuts+ is on tutorials for WordPress developers (makes sense, right?). We cover anything related to WordPress, in particular theme and plugin development. Our tutorials are aimed at anyone from beginner to intermediate, intermediate to advanced, and so on. Ultimately, our goal is to make sure that the reader leaves with more knowledge than when they arrived. What We’re Looking For At the moment we’re wanting to publish more content on areas such as responsive theme development, app themes, unit testing with WordPress, preprocessors (Sass / LESS, in particular), parallax implementation, and a variety of plugin examples. Basic tutorials are welcome, but we’re really after thorough coverage of these areas. Think Tom McFarlin-style (check out Tom’s series’ on Wptuts+ to get what I mean there). At the moment we only accept content in English. We’ll proofread, edit, and provide feedback on your content, but we won’t re-write it for you, so it’s important your English is fluent. Having said that, if you have a question about how to phrase something in English, go ahead and write it as best you can and one of the editors will be happy to provide feedback prior to publishing the article. Don’t let intimidation of the English language prevent you from contributing an article! I’m going to go ahead and assume you know a little about WordPress for this, so you’ll be comfortable drafting your posts in WordPress ;) Let’s Talk Money We don’t expect you to write for us for free! You’ll start out on $150 USD per tutorial, and we bump that up once you’ve written a handful of posts for us. High profile authors can negotiate a higher rate with us, but you’ve really got to know your stuff. I’m talking serious WordPress chops! Some of our regular authors invoice us for $750+ USD per month. That’s not bad for dropping some knowledge and getting some recognition, too! For the right authors, we can guarantee you publishing spots to help you pump out quality WordPress tutorials. Also, who doesn’t love a marketplace badge? You get a special badge for contributing a tutorial to a Tuts+ site ;) Where To Next? Whether you’ve written for Wptuts+ before, or you’re fresh to this tutorial writing business, please hit me up! (Even if you’ve applied before and it hasn’t worked out!) Shoot an email to with the following info: Name Marketplace username Brief paragraph filling me in on your background and why you want to write for us One link to a tutorial you’ve written, helped with, or is the kind of content you want to create Two ideas for tutorials you’d like to write for us A link to your portfolio and / or GitHub profile Show your passion! Best of luck! I look forward to hearing from you and hopefully working together. If WordPress isn’t your strong suit, don’t forget there are other Tuts+ sites you may consider getting in touch with too: Nettuts+ Webdesigntuts+ Mobiletuts+ Gamedevtuts+ Psdtuts+ Vectortuts+ Audiotuts+ Aetuts+ Cgtut+ Phototuts+ Mactuts+ Crafttuts+ Read More…
  • Web Design
    Quick Tip: Don't Forget the optgroup ElementPreview2
    One popular navigation design pattern for the responsive web is collapsing your website's navigation into a select menu. However, representing hierarchy or categorical distinctions in select elements often leads to butchered HTML with manual hyphens and lots of   spaces. In this tutorial we'll introduce you to a somehwat obscure HTML tag called optgroup which will provide you with an easy (and semantic) way of grouping related content in select menus.Read More…
  • Game Development
    How to Learn
    How to Learn Flash and AS3 for Game DevelopmentHow to learn flash and as3 for game development
    Today, Adobe Flash is strongly geared towards game development. Besides browser-based game portals like Kongregate, Newgrounds, and Armor Games, games made with Flash can be found on desktop, mobile, and tablet (like Machinarium, Super Hexagon, and Wonderputt), as native apps. In this article, we’ll share books, tutorials, and suggestions for learning Flash and its AS3 programming language as smoothly as possible.Read More…