Digital Web Magazine
- Time To Change
It's the end of the year; a time for nostalgia and looking back on the past year. Nick Finck, Digital Web Magazine's founder and publisher, recalls where we've been, what we've achieved, and discusses the potential for dramatic change in where we are going as a publication. This is your chance to influence the future structure and focus of Digital Web.… - Is The Web Really Helping Us Find New Music?
With exactly one month to go until Christmas, Digital Web Magazine is changing pace for our last article of 2008. Tempers have flared in recent weeks over our coverage of idiosyncratic CSS techniques, so we thought we’d look at something completely different—finding new music online. For many developers, their passion for great music runs nearly as high as their passion for semantic code; Chris Wright takes a look at how the current crop of online music tools might be failing us. This artic… - RESTful CSS
With every web developer or agency worth their salt releasing a web application these days, it was inevitable that attention would eventually turn to how best to manage CSS within a modern MVC framework. Steve Heffernan pairs stylesheets with REST principles to present a new approach to CSS architecture.… - Are Accessibility Statements Useful?
Leona Tomlinson is back for a second article, detailing where accessibility statements fit into Web sites today.… - Review: Website Optimization
Is your website firing on all cylinders? We take a look at a book that has a little something for everyone, from marketers to developers, to help you polish your pages. Andrew Stevens returns to Digital Web to review Website Optimization.… - Extract: Know Your Site
In this extract from his forthcoming book, the Website Owner’s Manual, Paul Boag takes a look at some of the simple things you can do to gain a fuller understanding of how your website is performing, both for your users and in a broader sense.… - Interview: Aarron Walter
This week, Digital Web’s own Nick Finck sat down with the Web Standards Project’s Aarron Walter, to talk education, findability, and the path to lasting happiness.… - Everything You Know About CSS Is Wrong
Digital Web running a provocative article on CSS techniques? Shurely shome mishtake! In this extract from the forthcoming Sitepoint book of the same name, Rachel Andrew explains how you can use tables for layout in modern web design with a clean conscience.… - head Conference Q&A with Aral Balkan
Aral Balkan talks to Digital Web about the conference: an experiment in online communities. Bringing a collection of varied and insightful speakers from around the globe to thousands of attendees without even stepping outside.… - Concept Design Tools
Does your creative process start with the same sketch of a web page every time? Or even the same Photoshop template? You could be missing out on the most innovative solutions by not putting enough thought into the concept, says Victor Lombardi. Here he outlines three methods for pulling apart a brief to tackle the underlying concept design.…
456 Berea Street
- Geek Meet Gothenburg March 2010
It's been over three years since Geek Meet Gothenburg February 2007, so it's about time for another one. Like last time, this event will take place at the NetRelations office in Gothenburg, Sweden. The date is March 24, 2010. We’ll be talking about the usual web geek stuff, likely with a bit of emphasis on HTML 5 and other up-and-coming web things. Check out Geek Meet Göteborg – the sequel! on the NetRelations blog for the details and to sign up.Read full postPosted in Web General. … - Reverse chronological order comments
Maybe I’m old-fashioned, but I don’t get why some sites display reader comments in reverse chronological order. It seems especially popular on newspaper sites, which also for some reason tend to use paging for comments. I think the combination of reverse order and paging makes trying to follow discussions very frustrating. Still, since more and more sites seem to display comments this way I guess there are some people who actually prefer comments displayed backwards, so it is probably here … - Seven HTML related working drafts published
On March 4, the W3C published no less than seven new or updated working draft documents related to HTML: HTML5 HTML: The Markup Language HTML5 differences from HTML4 HTML+RDFa HTML Microdata HTML Canvas 2D Context Additional Requirements for Bidi in HTML Read full postPosted in (X)HTML, HTML 5. … - Visual display of alternative text
The fact that web browsers have different ways of displaying alternative text when images are missing or disabled is something that I talked about in Safari, WebKit and alt text for missing images and Steve Faulkner expanded on in alt and title content display in popular browsers. In How should Web browsers render alternative text?, Vlad Alexander asks (and answers) a few questions on this topic.Read full postPosted in Accessibility, Browsers. … - Accessibility issues on Vancouver Olympics websites
Being a pretty big fan of many winter sports I have spent most evenings of the past two weeks in front of the TV, watching the action from the Vancouver 2010 Winter Olympics. With excellent live TV coverage from the games I had no reason to visit either the Vancouver2010.com or the CTVOlympics.ca website to find more info about the games. But one person who has visited and taken a closer look at those sites is Joe Clark. What he found is that the Vancouver Olympics Web sites are inaccessible to… - CSS efficiency tip: use a single stylesheet file for multiple media
The way most people link CSS intended for different media types, such as screen, print, or handheld, is to use multiple files. The files are then linked either through link elements with a media attribute or through @import statements with one or more media types specified. There is nothing wrong with splitting your CSS into multiple files and linking them this way (I currently do that here on this site), but there are two drawbacks: it leads to more HTTP requests from the browser to the server… - Remember the Authoring Tool Accessibility Guidelines (ATAG)
An increasing number of web developers are aware of the Web Content Accessibility Guidelines (WCAG) (though they don’t necessarily use them in their work). But another set of accessibility guidelines seem to be almost completely overlooked – the Authoring Tool Accessibility Guidelines (ATAG). Where WCAG addresses the information and functionality of a website, ATAG addresses software that is used to create websites or manage the content of websites. There are two versions of ATAG; ATAG 1.0,… - How to respond to email messages that contain multiple questions
Email messages often contain a number of questions that the sender wants the recipient to answer. I find that many responses to such messages are much more difficult to understand than they should be. Not because of grammar or spelling errors, but because of how the responses are structured and formatted. I’d like to share two tips that, in my opinion, will make responses to multiple question messages much easier and quicker to read.Read full postPosted in Productivity. … - Specify a text colour for img elements
When an image specified with an img element is missing from a web page, some browsers display the alt text instead. Why not all browsers do that is a separate topic which I talk a bit about in Safari, WebKit and alt text for missing images. I think most people will agree that it is a good thing for web browsers to display the contents of an image’s alt attribute when the image is missing or broken, or image rendering has been disabled. However, many web professionals forget to check what the … - sIFR default CSS hides content from at least one screen reader
Just a heads-up to anyone using sIFR to render text: the default CSS that comes with sIFR hides the replaced text from the VoiceOver screen reader. I don’t know if any others are affected – VoiceOver is the only screen reader I have been able to verify this problem in.Read full postPosted in Accessibility, CSS, Typography. …
Cameron Moll
- Magic Mouse, Fixed
Magic Mouse, Fixed: Will Davidson: The Magic Mouse does not contour to the users hand. So, being a product designer and manufacturer, I decided to see what I could do to fix it. I started by building prototypes out of clay and testing them until I came up with one that fit my hand nicely and eliminated the wrist pains I was developing…. From there, I had it converted to a three-dimensional model and put into production. /via @teehanlax… - Bit Monsters Letterpress Print
Bit Monsters Letterpress Print: Dan Cederholm’s “improbable marriage of pixels and paper.” Welcome to the ranks of the letterpress junkie, Dan.… - "Video for Everybody": HTML5 'video' Compatibility, Sans JS
"Video for Everybody": HTML5 'video' Compatibility, Sans JS: Similar to html5media but “without the use of JavaScript or browser-sniffing.” Two disclaimers: 1) I’ve not tried this trick myself, and 2) the amount of markup it requires may be no better than using JavaScript. /via @taddgiles… - Business Cards Made From Discarded Letterpress Posters
Business Cards Made From Discarded Letterpress Posters: In addition to hauling tees around at SXSW, I’ll be carrying some of these business cards made from copies of my letterpress poster (first one) that weren’t fit for sale for one reason or another. Please ask for one, I’ll be happy to hand them out until they’re gone.… - html5media Script Renders in Any Browser
html5media Script Renders in Any Browser: As you’re probably aware, the element isn’t natively supported by all browsers (yet). This was the only missing piece in my attempt to make the Colosseo site fully HTML5, and it meant embedding the “making of” video via Vimeo (Flash) rather than storing it server-side and using something like the SublimeVideo player for playback. Dave Hall’s html5media script is a transitional solution that allows you to use in your markup, and browsers tha… - Authentic Jobs: February’s record month, and SXSW tees
Authentic Jobs: February’s record month, and SXSW tees: Me, posting an update to the Authentic Jobs blog: Last month, Authentic Jobs had a record month. More job openings were posted during February 2010 than any other month in our four-year history. For me, this is clearly an indication not only that we’re doing something right but that the industry’s economy is rebounding in impressive ways. Also, be sure to read the part about the tee giveaway if you’ll be in Austin this weekend… - Speaking at 2010 HOW Design Conference
This year’s HOW Design Conference resumes in Denver, Colorado beginning June 9. Some of the brightest minds in the design industry, including Debbie Millman, Armin Vit, and Von Glitschka, will speak on topics that cover design inspiration, making the leap from print to web, copywriting, business plans, Photoshop tips, and much more. I’ll be giving a reprise of Good vs. Great Design. This will be a repeat of last year’s session, but with new content that includes discussion about creative … - Beyond the Still: An HD Video Contest by Canon
Beyond the Still: An HD Video Contest by Canon: The idea is simple: Vimeo/Canon supply a still photograph, and contestants then submit short films based on the still. The contest comprises 7 chapters, with each chapter building on the previous one. Kind of like Layer Tennis, only with film. The inaugural short film, “The Cabbie”, was filmed by Vincent Laforet with—you guessed it—a Canon 7D.… - HTML5: The Difference Between , and
HTML5: The Difference Between , and : If you’re confused as I was about when to use vs. when coding an HTML5 document, this article by Oli Studholme will help clear things up. To decide which of these three elements is appropriate, first think if the enclosed content would make sense on it’s own in a feed reader—if so use . If that’s not the case, is the enclosed content related? If so use . Finally if there’s no semantic meaning use . Except for occasional use to provide a hook… - I Could Move to Australia Solely to Live In This Home
I Could Move to Australia Solely to Live In This Home: The view, the interior… absolutely stunning. On the market for roughly USD $2.5 million.…
Six Revisions
- Burnt Wood: A Social Media Icon Set
Burnt Wood is a collection of wood-tiled icons branded with various social media network logos that are perfect for your next grunge-styled web design.… - Win a Web or Logo Template from TemplateWire
In this giveaway, five readers will get a chance to win an XTHML/CSS, Flash, or logo template of their choice from TemplateWire.com.… - Win the Entire Rosenfeld Media Book Collection
Rosenfeld Media, publisher of short, practical books on user experience design, is giving away its entire collection of books.… - 8 Ways to Promote Your Work Through Internet Collaboration
Promoting our products and services can be a time consuming and daunting task. It can be a wise way to expand your network, pool resources and save time, money and work. Here are eight ways you can do this.… - How to Increase Conversions on any Website in 45 Minutes
In less time than you spend watching The Bachelor each week, you can have a dramatic (and measurable) effect on your website.… - A Look into Color Theory in Web Design
Colors are powerful tools and an important thing all designers should understand when creating websites.… - The Winners of MooTools 1.2 Beginner’s Guide Books
Packt Publishing set out to give away five copies of my book, MooTools 1.2 Beginner’s Guide. Here are the winners.… - The Ingredients of a Successful Website
The ingredients of a recipe for the success and growth of a website.… - 6 Critical WordPress Plugins You Should Have Installed
Using many plugins can affect a website's performance, and thus, you must be highly selective in choosing the plugins you install. In this article, we share with you the WordPress plugins that we use on our sites.… - We Asked a Simple Question: “Why are you here?”
For artists and designers, knowing why we are "here" is especially important since it's the kind of knowledge that can give purpose and meaning to our work.…
DesignM.ag
- Showcase of Double-Sided Business Cards
Business cards are a necessary marketing tool for any designer, and they also provide an opportunity for the designer to showcase some creativity and to make a lasting impression. In this post we'll feature 25 examples of double-sided business cards for your own inspiration. There are a lot of different approaches taken by the designers of the cards shown here, but each presents an attractive image to potential clients. … - Showcase of Textured and Distressed Typography
Grungy, textured designs are very common right now. These types of effects can also be used with typography to create impressive results. In this post we'll feature 25 examples of textured and distressed typography. If you see something you like, please click through to see more work from the designer. … - Win 1,000 Business Cards from Next Day Flyers
Next Day Flyers has offered to give 1,000 business cards and $25 of printing credit to a lucky reader of Designm.ag. … - 25 of the Best Non-Profit Websites
In recent years the quality of non-profit websites has improved dramatically. Fortunately, a growing number of organizations are recognizing the need for a quality website and the opportunities that it presents. In this post we'll showcase 25 well-designed sites of non-profit organizations. If you enjoy this collection please see the one we did back in December or 2008, 40+ Inspirational Non-Profit Website Designs. Sower of Seeds … - Freebie: High Res Spray Paint Textures
Today we have a high-quality set of 8 spray paint textures to release to DesignM.ag readers. The textures are from Sebastiano Guerriero of WeGraphics. This is a follow up to the first set of spray paint textures released at WeGraphics. The textures are free for personal or commercial purposes (which includes use for creating templates or themes to distribute or sell). All 8 textures are shown below. Click on any of them to go to the Flickr page where the image can be downloaded. Or you can do… - 9 Ways Freelancers Disrespect Their Own Time
As a freelancer or independent designer, the most valuable asset you have is your own time. Your ability to earn a living relies upon your own time management, which will allow you to perform income-generating services for clients. With effective time management you may be able to earn more and work less, and with poor time management you may find yourself working very long hours just to get by. In this article we will look at 9 different things that freelancers often do that is disrespectful t… - 25 Mega Menus for Your Design Inspiration
Navigation is a critical element to any website. Mega menus are a current trend that take drop down menus a step further in attempt to make it easier for visitors to navigate through a large site. In this post we'll showcase 25 examples of mega menus in use. For more, see this post from our archives: 25 Examples of Mega Menus in Web Design. Converse … - Free HTML/CSS Template for Download
A few weeks ago we published a tutorial How to Design a Blue Marketing Company Layout in Photoshop. Our friends at SnobbySlice have taken that design, coded it, and made it available for free download. The template includes the homepage design that was created for the tutorial, as well as a secondary page that can be used for the other pages on the site. The homepage includes a jQuery slider to provide information about the various services offered. Here is a preview of the homepage: … - 15 Useful Premium Plugins for WordPress
In the past few years the growth of the premium/commercial WordPress theme market has grown exponentially. While there are also premium plugins available, they generally get far less attention than premium themes. The right plugin will allow you to improve your site through specific functionality that might otherwise take a lot of time and/or money to set up. In this post we'll feature 15 premium plugins that may be able to help you with your own site or with those of clients. Please feel free … - 11 Tips for Making Your Home Office More Comfortable
Freelance designers will probably spend more time in their home office than anywhere else. Having a comfortable office that is conducive to work is essential in order to keep your working hours pleasant and productive. In this post we'll look at some things that you can do to make your home office more comfortable and more enjoyable to spend those working hours. Obviously, some home offices come with certain limitations (such as the area of the house or the size of the space), but every s…
SitePoint
- Enabling Accessibility in Flex applications
As conscientious developers we try to ensure that our applications are streamlined, self explanatory, and easy to use. We work hard to make sure they look good and lend themselves well to a given workflow, but often forget that not everyone experiences our work in the same way. From dyslexia and color blindness to full visual impairment and mobility issues, a percentage of the population face obstacles that can make using an application difficult or even impossible. In this article Toby examines… - Get Started with PHP on Windows with SQL Server Express
In a recent article, we saw how easy it is to get a web server up and running on Windows with PHP, IIS, and SQL Server Express using the Web Platform Installer. In this article, Akash explains how to use those tool together to build a simple web app. … - Buying Your First Website: A Case Study
Buying your first website property can certainly be daunting, especially if you’re unsure how to go about investigating your potential purchase. Flippa.com’s new marketing manager, Luke Moulton, walks us through the due diligence behind a sample website purchase to show us the ropes. … - Dedicated Hosting Comparison: a Review of 10 Dedicated Hosting
Plans
When your site or application grows beyond what can be supported with shared or even VPS hosting, perhaps it’s time to look for a dedicated server. Countless companies provide dedicated hosting, and the features of their offerings can be difficult to untangle. In this week’s article, Khurram guides us through ten different entry-level plans and points out their pros and cons to help you make an informed decision. … - Being a Kick-ass Employee
Whether you’re in an entry-level position or you own your own business, there are important concepts that you should integrate into your working life. As well as increasing your value in the job market, it also enhances your worth to your current employer. In this article, Chris covers the top five tips for being a kick-ass employee. … - Flashy Graphs Sans Flash
You could be forgiven for thinking that Flash was the only way you can add cool interactive graphs to a website. In this week’s article, Alex shows us just how far this is from the truth, introducing us to the excellent gRaphaël graphing library for JavaScript. … - Build an Ajax Tree with YUI
Yahoo’s YUI JavaScript library has a wealth of components that work well together to create impressive user interfaces. In this article, Darrin shows us how easy it is to leverage YUI’s TreeView component, in order to create a dynamic expanding tree control that loads content via Ajax. … - A Crash Course in Django
Web development frameworks enable you to build highly functional applications very quickly, and are increasingly seen as a must for any new project. Python-based Django bills itself as “the Web framework for perfectionists with deadlines,” and after following along with Akash’s crash course, I think you’ll have to agree! … - Data Visualization with Flex, Part III
In this final installment of his Data Visualization with Flex series, Toby builds on the work from the first two parts to take our visualization to the next level. The final product allows you to visualize how often various tech key words are used on the SitePoint forums, and how they are connected. Even if you’re new to the series, it’s worth having a look to see the visualization in action! … - SEO for Multilingual Marketing
Multilingual marketing should be considered in every international marketing initiative. Yet, when it comes to web site localization, most businesses only go so far in creating a literal translation of their English copy. In this article, Christian demonstrates why SEO should be implemented in every language on the Web. If you fail to localize your translated text, you stand to do your business a great disservice. …
Jonathan Snook
- Background Position X and Y
Every now and then I look at using background-position-x and background-position-y but can never seem to find a definitive and up-to-date resource. To save myself the trouble in the future, I'm documenting it here. Positioning via separate X and Y values is a feature that Internet Explorer introduced but never made it into a W3C specification. Any recommendations to add it to the spec have been denied. Why have separate X and Y values? I believe that there are several reasons why you may wish to… - Review: Logo Design Love
Logo Design Love is a book written by David Airey that covers the whys and hows of brand identity development. The book is broken down into three parts: The importance of brand identity, the process of design and keep the fires burning which looks at how to find motivation and inspiration. It's a light 200 pages with readable type and plenty of examples. David Airey aims this book at the aspiring designer by not only covering the design process but also covering the process of project scope and… - Multiple Backgrounds and CSS Gradients
CSS3 features are making their way into the various browsers and while many are holding off on implementing them, there are those who are venturing ahead and likely running into a world of interesting quirks across the various platforms. Two such features that I have been having the pleasure of enjoying are the use of multiple backgrounds and CSS gradients. I'm covering both features because multiple backgrounds by itself is simple enough, as are CSS gradients, but combining the two is where thi… - Safari and Transparent Borders
I had noticed this little bug on my own site. In the footer, there's a 5px border with the colour set using rgba. In Safari, it's as if the semi-transparent borders overlap each other in the corners and the values are compounded. This creates little squares in the corner of my squares. Not quite what you'd expect. Firefox and Opera (10.5; I didn't test in 10.10) render this as you'd expect, with a consistent colour surrounding the block. In testing some other border handling, I noticed that the…
PSD Tuts
- PsdTuts+ Presents: Exclusive Wallpapers By Tim and Bram Vanhaeren
Two Amazing designers Tim and Bram Vanhaeren have been kind enough to contribute two custom wallpapers for the viewers of PsdTuts+. Each wallpaper is unique and its imagery is vivid. Check out these great wallpapers, download them in the resolution that works for you, and be sure to thank Tim and Bram as well. About The [...]… - 40 Brilliantly Illustrated Web Designs
… - How to Create Cool Retro Graphics – Psd Premium Tutorial
Today, we have another Psd Premium tutorial exclusively available to Premium members. If you want to take your retro design skills to the next level, then we have an awesome tutorial for you. Learn more at the jump! This Premium Tutorial is Filled with Creative Tips Retro design is enjoying a huge modern day revival – and [...]… - How to Create a Highly Detailed Hi-Tech Power Button – Basix
With this tutorial we will create a hi-tech style button that can be used in splash pages, applications or Powerpoint presentations. We will use Illustrator to create complex vectors and Photoshop to develop realistic effects. Step 1 Using Illustrator we create a rectangle with the size shown. With the Rectangle tool we click on the work area [...]… - How to Create a Realistic Fountain Pen – Screencast
“In this tutorial, you’ll learn to design a realistic calligraphy pen from scratch. The tutorial involves a simple use of the Pen Tool and a few flexible Layer Styles. Lighting and reflection techniques are explained throughout the tutorial. This might be a quite useful for icon enthusiasts. Let’s dive in Asher Abbasi.” Here is a link [...]… - Showcase of Textures in Print Design
The use of textures can dramatically improve your print design work. You can (if used sensibly) add more depth to your work, whether your work be business cards, advertisements or posters. The results of using texture in your print design projects can be completely different every time, depending on various factors such as what textures [...]… - Use Photo Manipulation and 3D Layers to Design a Surreal Cover Art Illustration
My clients often ask me to create impossible scenarios, weird landscapes and surreal images for their projects; images that wouldn’t be possible in real life. It’s situations like these where photo manipulation becomes a powerful design tool. In today’s tutorial I will show you how to design a CD cover using several photo manipulation techniques, [...]… - Create a Shiny Psdtuts+ Folder Icon in Photoshop
Icon design is an essential element in any designer’s tool chest. No matter how simple or how complex your design is, a nice looking icon will almost always help to spruce things up. In this Photoshop tutorial we will demonstrate some easy steps to help you to produce your own shiny Psdtuts+ icon in Photoshop. [...]… - Redesign and Other Tuts News
… - Create Character Driven Book Cover Art Using Illustrator and Photoshop – Part 2
…
Think Vitamin
- Somewhere, Superficial, & So Much More: Designing for Conversion Experiences
By Chrissie BrodiganLead gen pages are often misunderstood as standalone, single-page designs. There’s a science behind A/B testing and optimizing lead gen pages, but there’s also a component of creative user experience that should not be overlooked as you drill deeply into what drives your users through your conversion funnel. Some user behaviors make clear sense, while others [...]… - Strategy Basics: It’s Really all about having a Plan
By Jaan Orvet & Andreas Carlsson Strategy. You hear about it all the time. One must have a strategy/work on a strategy/follow a strategy and so on. Business types like to say “strategy” a lot as it sounds big, complicated and important. And it is important, but there is no need for it to be complicated. Quite the opposite. At the heart of [...]… - Setting rather than Resetting Default Styling
By Thierry Koblentz Editors Note: In his first article for Think Vitamin Thierry Koblentz discusses the issue of “resetting” your CSS. “base.css” versus “reset.css” For a long time, the very first line in my styles sheets was: * {padding:0;margin:0;} This simple rule was very convenient as it leveled margin and padding values of all elements across browsers. This “hard reset” was short [...]… - Freelancing Together
By Matthew Smith Editors Note: In his first article for Think Vitamin Matthew Smith, Principal Designer at Squared Eye Design, discusses the benefits, risks and infrastructure required to work effectively with fellow freelancers. Working Alone Working alone can be great. There’s a pleasant autonomy of knowing exactly what you’re doing and when. There are few unknowns. You work directly with [...]… - Getting Started with Yahoo! GeoPlanet Explorer
By Christian Heilmann Where are you and what is around you? Geolocation is a hot topic. Google just got the patent on geolocated advertising, mobile phones allow us to pinpoint ourselves on the planet and find things nearby and with augmented reality applications we can even find our way by filming our surrounding and finding hidden treasures by moving [...]… - Future of Web Apps Highlights Video
By Keir WhitakerOur friends Jim and Nick at Doctype recently attended Future of Web Apps Miami along with their camera gear. They kindly put together a highlight reel of the day including interviews and clips from the main stage sessions. They will be releasing full length interviews over on their Facebook page shortly. Just as a quick heads [...]… - Think Vitamin Radio: Episode 3
By Keir WhitakerAfter a brief hiatus due to heading across the pond for Future of Web Apps Miami we’re back with Episode #3 of Think Vitamin Radio. This week we are joined by Greg Annandale as Ryan is on holiday. A full transcript is available.… - The Web as a Database
By Tom Hughes-CroucherOne of the things that’s great about the Internet is that it’s open to everyone. There are a million sites, all different, and everyone is free to invent their own way of doing things. Of course, that has left us with a legacy of systems which don’t always work well together. When you are using a [...]… - 17 Essential Developer Networks
By Keir WhitakerRecently I have been noticing that more and more tech companies are starting up “developer networks”. Some of these, like the Yahoo! Developer Network, consist of great tools and resources (think YQL, YUI etc) that we can all make use of in our work whilst others focus on more specific aspects of developing with a [...]… - Forrst: Where Designers Who Code meet Developers Who Design
By Chrissie Brodigan Editors Note: Forrst is still in beta and as such you will need an account to view the links referenced below. Kyle, the creator of Forrst, has kindly offered 250 Think Vitamin readers an advanced invite. All you have to do is email kyle@forrst.com with subject “I’d love an invite!”. A few weeks ago Carsonified’s Mike [...]…
Vandeley Design
- Showcase of 30 Beautiful Blog Designs
It's been a while since we did our last blog design showcase, so this post is a collection of 30 beautiful blogs for your design inspiration. You'll see some that use a minimalist design approach, others that use a grunge-style design, some that are magazine-style, and more. For more blog design inspiration, please see our gallery site Blog Design Heroes. Internet Gentleman … - Comment to Win a One-Year Membership to MediaLoot!
Earlier today a new membership-based site, MediaLoot was launched. It is an online toolbox of premium design resources, and they have kindly offered to give five readers of the Vandelay Design blog a one-year membership to the site for free! … - 21 Resources Especially for Lovers of Minimalism
Minimalism a popular style of design because it keeps things simple and user-friendly. In this post we'll look at more than 20 websites, blogs and books dedicated to minimalism. Not all of them are related to web design - minimalism can also be applied to other aspects of business and life. Minimal Design Showcases: If you want to find great and inspiring examples of minimalist design, these sites will be excellent sources. Minimal Exhibit … - jQuery Resources for One-Page Portfolios
A few weeks ago we published a showcase of one-page portfolios and pointed out some trends among them. Many of those sites are using jQuery to accomplish specific things. In this post we'll feature some plugins and tutorials that are ideal for one-page portfolios. Of course, they can be used on other types of sites as well, but they are well-suited to match up with the trends among one-page portfolios. Contact Forms: All portfolio sites need to allow visitors to contact the designer, whether it … - Showcase of Light Texture in Web Design
Texture is obviously a common design element that is being used on a lot of modern websites. However, texture doesn't always have to be a part of the design that stands out immediately to visitors. Light textures can also be used to subtly improve the design of the site. In this post we'll feature 25 sites that use texture without it dominating the design. Odosketch … - 25 Portfolio Site Designs Using Illustration
Designer portfolio sites often showcase creativity and the skills of the designer. If you browse around at current portfolio sites you'll see a lot of illustration being used in the design. In this post we'll feature 25 portfolios that use illustration. To see more portfolios please visit our gallery site Folio Focus. Rype Arts … - Win a Free Template of Your Choice from TemplateWire
TemplateWire has offered to give free templates to three Vandelay Design readers. If you’re not familiar with TemplateWire they are a leading marketplace of CSS templates, Flash templates, and logo templates. For $49 you can get 12 months of unlimited access to all of their premium templates. Or you can get 3 months of access for $29. You can use the templates on an unlimited number of websites for you or your clients. … - Showcase of Transparency in Web Design
Transparency is being used in an increasing number of websites. In some cases transparency subtly adds to the quality and character of the design, and in other cases it can be a major design element. In this post we'll feature 35 websites that are making excellent use of transparency. 2am … - 10 Keys to Effective Non-Profit Organization Websites
Non profit organizations tend to have limited budgets and limited involvement from members for planning, designing and maintaining websites. This often results in a site that doesn't really achieve everything that it could for the organization and the people involved. In recent years there has been an increasing number of organizations that are doing great things with their websites and truly making them valuable and effective. In this article we'll look at the keys to an effective non-pr… - Design Trend Showcase: 30 Horizontal Websites
Horizontal websites have been increasing in popularity over the past year or two. Although the approach isn't a good fit for every project, a horizontal layout can provide designers with an opportunity to showcase some creativity and to break out of the box. As you may notice from the sites showcased here, portfolio sites of designers and photographers are probably the most likely type of site to use a horizontal layout right now. Here is a look at 30 sites for your own inspiration. Aubrey Edwa…
Net Tuts
- How to Build a Lava-Lamp Style Navigation Menu
A couple weeks ago, I created a screencast that demonstrated how to build a three-level navigation menu. In a response email, one of our readers requested a tutorial on how to build a lava-lamp style menu. Luckily, it’s quite a simple task, especially when using a JavaScript library. We’ll build one from scratch today. [...]… - Quick Tip: HTML5 Video with a Fallback to Flash
In this video quick tip, we’ll review how to work with HTML 5 video in your own projects. Because older browsers and Internet Explorer do not understand the <video> element, we must also find a way to serve a Flash file to viewers who are utilizing those browsers. Viewing Options Screenr (Mp4) Unfortunately, much like HTML 5 audio, [...]… - CodeIgniter from Scratch: File Operations
In today’s episode, we are going to be working with several helper functions, related to files, directories, and downloads. We are going to learn how to read, write, download files, and retrieve information about both files and directories. Also at the end we will build a small file browser that utilizes jQuery as well. Catch Up Day [...]… - New Premium Series: Tumblr Theme Design – Start to Finish
Tumblr’s popularity over the last year has increased exponentially. The reason why is quite simple: Tumblr is flexible, powerful, and, most importantly, a pleasure to work with. Unfortunately, there aren’t many training resources available for the platform yet. In this video series, we’ll go through the process of taking a Tumblr theme, designed in [...]… - Inspiration: Awesome Book-Related Website Designs
If you’re a book lover, you may have noticed that the vast majority of book-related websites out there leave a bit to be desired when it comes to design and information architecture. In fact, some author and publisher websites make me feel like my eyes might bleed! But there are some gems out there, and we’ve [...]… - Quick Tip: The Difference Between Live() and Delegate()
In jQuery 1.3, the team introduced the live() method, which allows us to bind event handlers to elements on the page, as well as any that might be created in the future dynamically. Though not perfect, it definitely proved to be helpful. Most notably, live() bubbles all the way up, and attaches the handler to [...]… - Save Time and Money by Systematizing your Photoshop Workflow
Repetitive tasks can quickly become tedious. As a designer, you probably often find yourself designing the same elements over and over from scratch. STOP! Wasting time is so old-fashioned. It also means you’re wasting money! So, let’s review some ways that you can automate and systematize your Photoshop workflow. And be sure to download the project [...]… - Quick Tip: My Favorite New IDE: WebStorm
Over the weekend, Elijah Manor tweeted about a new IDE, called WebStorm, that is currently being offered as a public preview, from JetBrains. After spending a few hours with it, I’m extremely impressed! In this video quick tip, I thought I’d show you some of my favorite features that you, frankly, just don’t see much [...]… - Uncovering jQuery’s Hidden Features
jQuery is not always as it appears. There's a lot of cool stuff going on under the surface, and there are many methods just waiting to be discovered, and many potential usages of jQuery's API that you may not have considered before. In this article I'll be taking you through a few of the not-so-obvious [...]… - How to Create a Simple iTunes-like Slider
When space is at a premium, making use of sliders is the optimal way to present information. Today, we’ll take a look at how to create a slider similar to the one used in the iTunes store. Developers often seek the functionality provided by sliders in order to fit lots of information in [...]…
SimpleBits
- New at the Shop
A few weeks ago, we moved the studio (affectionately dubbed the BitCave) across the street to newer, slightly larger digs. It’s more comfortable, the windows open, we have our own temperature controls–you know, real lavish stuff. Yesterday, we relaunched the SimpleBits Shop, bringing the fulfillment back in house. Our slightly larger space is able to accomodate [...]… - CSS3 Please!
http://css3please.com/… - Harmony
http://mrdoob.com/lab/javascript/harmony/#ribbon… - Font Squirrel’s @font-face Kits
http://www.fontsquirrel.com/fontface/generator… - Mimeo in the Tumbleverse
http://blog.mimeoverse.com/… - Colosseo Letterpress Poster
http://colosseotype.com/… - FontShop + Typekit
http://blog.typekit.com/2010/02/23/buy-fonts-at-fontshop-host-them-on-typekit/… - :nth-child tester
http://css-tricks.com/examples/nth-child-tester/… - HTML-Ipsum
http://html-ipsum.com/… - Zeldman’s advice: show up early
http://www.zeldman.com/2010/02/05/free-advice-show-up-early/…
Smashing Magazine
- Plasticine Art Showcase: Shape Your Imagination
Do you remember?.. The first time you played with pieces of modeling clay, melting them in your hands and going deeper and deeper into the colourful plasticine world where your imagination was the only limit. Since the 19th century, when Franz Kolb and William Harbutt independently of each other invented plasticine (modeling clay), it has been used in almost all fields of art: illustration, web design, typography, claymation, installation design.Plasticine artworks can be found jus… - 45 Fresh Useful JavaScript and jQuery Techniques and Tools
Yes, this is another round-up of fresh and useful Javascript techniques, tools and resources. But don't close the tab yet, as you might find this one very useful. In this selection we present calendars, forms, buttons, navigation, debugging, optimization and compatibility tables as well as handy resources and tools. We also cover various jQuery-plugins that will help you extend the functionality of your website and improve user experience with ready components or coding solutions.T… - Forms On Mobile Devices: Modern Solutions
Mobile forms tend to have significantly more constraints than their desktop cousins: screens are smaller; connections are slower; text entry is trickier; the list goes on. So, limiting the number of forms in your mobile applications and websites is generally a good idea. When you do want input from users on mobile devices, radio buttons, checkboxes, select menus and lists tend to work much better than open text fields.But constraints breed innovation, and mobile forms are no differ… - Uncovering Toy Cameras and Polaroid Vintage Effects (With Photoshop Tutorials)
Since its emergence, the digital photography market has gradually supplanted the traditional one. APN and digital SLR cameras entered our lives, and some people announced the death of silver-based images. This is not all lie, and yet old-fashioned images have been particularly popular in the past few years. All we do seem to do now is try to recreate the atmosphere of those bygone times anyway. Blurry, distorted and over-saturated images are not just a fad anymore. People have beca… - Entering The Wonderful World of Geo Location
I thought I could not be out-geeked. With a background in radio, and having dabbled in the demo scene on the Commodore 64 and hung out on BBSes and IRC for a long time and all the other things normal kids don't quite get, I thought I was safe in this area.Then I went to my first WhereCamp, an unconference dealing with geographical issues and how they relate to the world of Web development. Even my A-Levels in Astronomy did not help me there. I was out-geeked by the people who drive… - Common Questions About Design Professionalism
The design profession is full of happy folks, and understanding why so many designers enjoy their work is not hard. But not all are so happy. If you’re not careful, the joy of getting paid to pursue your passion can be tainted by the less joyous realities of the professional world. You see, no matter how skilled you are as a designer, unless you are equally prepared in professional matters, your prospects will be limited and your circumstances compromised. This is true whether yo… - Handy Tools and Tips for E-Commerce Websites
… - Print Magazines for Web Designers, Digital Artists, and Photographers
Although much valuable information for all sorts of web and print professionals can be found online, it is often difficult to weed through all the noise and find good quality content. I believe it's vital that professionals in different creative fields supplement their online learning and research through well-edited and high-quality print publications. Print magazines, more often than not, are well-researched and are headed by top-notch editorial staff, usually containing informat… - Beautiful Illustrator Artworks By Artists Around The World
Adobe Illustrator is a powerful software for illustrating that allows users to produce beautiful artwork, technical illustrations, and even graphics for both print and the web. Adobe Illustrator is a multipurpose vector illustration tool and its versatility makes it the most preferred choice among many professional artists and designers.In the past, we've published a collection of Beautiful Photoshop Illustrations By Artists Around The World, and this is the latest post that will s… - How To Market Your Mobile Application
App Store is a competitive environment. Against more than 140,000 apps, all screaming for attention, how do you make sure your app gets its time in the spotlight? What does it take to get good media coverage? How do you get people to talk about your app—and, ideally, how do you get them to buy it and show it to their friends?Following the simple rules laid out below, you will increase your chances in the battle for fame and glory. These tips might seem rudimentary or in-your-…
Webdesigner Depot
- Comics of the Week #16
Every week we feature a set of comics created exclusively for WDD. The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers. These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world today. So [...]… - Design Around the World: Metro Maps
Every city looks and feels unique. Regional culture, typography, dialect, local customs and many more factors play a part in defining a city’s differences. Those differences determine how that city sees its citizens and how it wants to represent itself to others. For each city with one, the metro plays a part in defining [...]… - How to Be Corporate and Still Be Creative
If you’re like me, you graduated from art school and had dreams of working as an art director at a small agency. You envisioned having your own office on the top floor of a loft with 30-foot ceilings. Designers would play ping-pong below; people were allowed to drink beer at work; and [...]… - WordPress vs. ExpressionEngine: Apples and Oranges?
This post has been a long time coming. Whether on Twitter or in the blogosphere, the question often arises, and I have been asked numerous times for my opinion on the ExpressionEngine vs. WordPress debate, and why one would choose one content management system (CMS) over the other. My usual answer is [...]… - Winners of 5000 Business Cards from UPrinting
Today we’re announcing the winners of the UPrinting contest that we held on WDD for the past week. Many thanks to all of you who participated. The response was great and we’ve got almost 500 comments. Each of the 10 winners has won a set of 500 free business cards of their choice with free shipping to [...]… - Why Designers Shouldn’t Settle
Ugly designs abound on the web, and behind each and every one of them is a “designer”. In many of these cases the designers behind the sites are simply incompetent. They’re often amateur designers or those who have little or no design training or people who design their own sites based on a [...]… - Our Favorite Tweets of the Week Feb 28-Mar 6, 2010
Every week we tweet a lot of interesting stuff highlighting great content that we find on the web that can be of interest to web designers. The best way to keep track of our tweets is simply to follow us on Twitter, however, in case you missed some here’s a quick and useful compilation of the [...]… - Comics of the Week #15
Every week we feature a set of comics created exclusively for WDD. The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers. These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world today. So [...]… - Fantastic Content Sliders for your Inspiration
Content sliders are extremely versatile forms of navigation that can be used to display all sorts of information, such as images, popular posts, social information and product features. Some have automatic slideshow capabilities or buttons to scroll sideways or up and down, and most of them feature a transition effect, usually a slide motion. Sliders can be [...]… - How to Kill the Design Community
Recently, the notion of killing the design community has come up on a few blogs (sometimes indirectly), creating many intense conversations on the direction the design community has taken over the past couple of years, and what can be done about it. The possibility that such discussions are going to improve the [...]…
Freelance Switch
- How Do You Do What You Do?
On FreelanceSwitch, you’ll meet a lot of boss-shunning, solo-working rebels. But there may come a time when the freest of freelancers will need to hire employees. Or subcontractors. Or you might want to sell your freelancing business, and the buyer will want to know how you’ve been handling things. In short, these are the times when you [...]… - 5 Ways to Regain Your Creative Joy
One of the most difficult parts of freelancing is the tendency of the freelancer to eventually lose joy for the work. You may have come, like me, from a gig that paid well but didn’t fully capitalize on your talents. You decided to start working as a freelancer in order to make money doing what [...]… - Our Latest Book: How to Write Great Copy for the Web
Last week I introduced you to the latest collaboration between Rockable Press and FreelanceSwitch, How to Write Great Copy for the Web by Donna Spencer. I am happy to announce that the book has been launched today and Rockin’ List members get a $5 discount on the digital book, bringing the book’s price down to [...]… - How to Give Yourself a Raise Without Losing Business
This post is an excerpt from my eBook, The Blog Business Funnel. It teaches freelancers how to run a profitable freelance business, fed entirely by a healthy and thriving blog. This excerpt is from Chapter 7: Scaling Up. FreelanceSwitch readers can claim a special discount at the end of this post. One of the nicest things [...]… - Freelance Freedom #146
… - The Perils and Plusses of a Persistent Project
As a freelancer, I’ve tackled plenty of projects. Not all have been enjoyable, naturally, but I’ve been able to keep a steady flow of work. I don’t think every job has to be perfect, and as long as I’m making good money and maintaining my freedom, I’m generally satisfied with my career. While I’ve worked regularly [...]… - How to Work with a Marketing Expert if You’re a Freelancer
As a freelancer, you may find yourself either a) too busy or b) too clueless to handle your own marketing. This happens more often than you might think, and even some excellent freelancers with a strong reputation aren’t doing a very good job at marketing. But you, you’re smarter than that. And you realize you should [...]… - Coming Soon: How to Write Great Copy for the Web
A couple of years ago, FreelanceSwitch brought you How to Be a Rockstar Freelancer by Collis and Cyan Ta’eed, which helped a lot of you find your feet in the world of freelancing. Since then, FreelanceSwitch and Rockable Press have been working together to bring another great guide to your bookshelves: How to Write Great [...]… - Keeping Yourself Motivated
Staying motivated isn’t easy – we often convince ourselves not to be. We often give ourselves excuses, allow other people to put us down, or look at the success of others and think, “That’ll never be me.” There are two basic types of motivation: intrinsic motivation, and extrinsic motivation. Intrinsic motivation comes from the feeling of self-achievement [...]… - Freelance Freedom #145
…