Web design

Fresh Resources for Web Developers – January 2015

It’s here! We’ve finally left the tumultous year of 2014 and as we usher in a new beginning with the new year, we have new hope, wishes, and certainly new tools to try out. In this post, we have put together a handful of perfect tools and plugins to get this rolling.

From a handy online test tool to something for easy access to mobile design patterns, there are quite a few choices to get your 2015 on the right track.

Seti UI

Seti UI is a Sublime Text theme, not to be confused with Sublime Text Color Scheme. The theme in Sublime Text affects the app interface such as the tab and the sidebar. Seti UI is a ported theme. Its flat look is really nice to look at. A perfect choice of theme if you are using Sublime Text in Windows 8 or OS X Yosemite.

Seti UI

IXD Check List

Having a checklist can help you keep track on what has been done and what is to come. If you are a UI designer, you should probably add IXD Check List in your bookmark.

IXD Check List contains a collection of common to-do lists to check. Each item is supported with link references, so you can also learn why it’s on the list. If you prefer, there is a little button on the left where you can print the page and check the list offline.

IXD Check List

Coolors

Well, we have a handful of tools for picking out a color scheme already. But none is as easy as this tool, called Coolors. Simply hit the Space key and it brings up a new color scheme. It will generate new color scheme infinitely, derived from its algorithm and outsourced from its users contributors, as you repeat hitting the Space key.

Coolors

Nibbler

Nibbler is an online test tool that evaluates and scores your website for various factors including Code Quality, Mobile Compatibility, and Accessibility. It’s handy if you want to run a final check for your website before launch.

Nibbler

Velositey

Velositey is a Photoshop plugin to make the process of creating a website prototype in Photoshop easyil and quickly. This plugin allows you to quickly create a new document with a preset grid, adding preset web components, and generating icons or favicons. An indispensable Photohop plugin for every web designer.

Velocitey

Vagrant Manager

If you are using Vagrant in OS X, install Vagrant Manager. This app lets you manage multiple environments in a more convenient way. Once it is installed, it adds a new icon in the OS X task bar where you can monitor and control your virtual machines with only a few clicks. No more messing with command lines.

Vagrant Manager

CSS Specificity

CSS Specifity is one notorious topic of CSS which is not easy to digest. This tool is created to illustrate how this specificity concept works in an interactive manner. Draw several selectors and it will tell you which selector to apply.

CSS Specificity

CSS Dig

CSS Dig is a Chrome extension. And as the name implies, it will dig into your website and parse its CSS. It will show you a report which you can evaluate to perform required optimizations.

CSS Dig

Material Up

For those of you who might not aware of it, Google has just introduced Material, a new philosophy of its product design. Material Up is a collection of apps and websites that has already adopted this new philosophy. A good source of inspiration for web designers.

Material Up

Tindddle

Tindddle helps you enjoy Dribbble in a more streamlined manner. It will feed you with a selection of the best “Shots” from Dribbble. If you don’t like the particular Shot, hit the left arrow key of your keyboard, and if you like it hit the right arrow key. All the Shots that you have liked will appear in your Dribbble account — here’s a sample.

Tindddle

Mobile Design Pattern

The Mobile Design Pattern book is a collection of selected common mobile design pattern applied in mobile in 2014. Not only does it provide inspiration, the book also covers the decision and reasoning behind such design. A good book that should be on the digital book shelf of any web and app designer.

Mobile Design Pattern

FontAwesome Photoshop

FontAwesome is… awesome. To make it even more… awesome, install this plugin in Photoshop so that you can quickly add it in your design.

FontAwesome Photoshop

Advertisements
Standard
Web design

Fresh Resources for Web Developers – January 2015

It’s here! We’ve finally left the tumultous year of 2014 and as we usher in a new beginning with the new year, we have new hope, wishes, and certainly new tools to try out. In this post, we have put together a handful of perfect tools and plugins to get this rolling.

From a handy online test tool to something for easy access to mobile design patterns, there are quite a few choices to get your 2015 on the right track.

Seti UI

Seti UI is a Sublime Text theme, not to be confused with Sublime Text Color Scheme. The theme in Sublime Text affects the app interface such as the tab and the sidebar. Seti UI is a ported theme. Its flat look is really nice to look at. A perfect choice of theme if you are using Sublime Text in Windows 8 or OS X Yosemite.

Seti UI

IXD Check List

Having a checklist can help you keep track on what has been done and what is to come. If you are a UI designer, you should probably add IXD Check List in your bookmark.

IXD Check List contains a collection of common to-do lists to check. Each item is supported with link references, so you can also learn why it’s on the list. If you prefer, there is a little button on the left where you can print the page and check the list offline.

IXD Check List

Coolors

Well, we have a handful of tools for picking out a color scheme already. But none is as easy as this tool, called Coolors. Simply hit the Space key and it brings up a new color scheme. It will generate new color scheme infinitely, derived from its algorithm and outsourced from its users contributors, as you repeat hitting the Space key.

Coolors

Nibbler

Nibbler is an online test tool that evaluates and scores your website for various factors including Code Quality, Mobile Compatibility, and Accessibility. It’s handy if you want to run a final check for your website before launch.

Nibbler

Velositey

Velositey is a Photoshop plugin to make the process of creating a website prototype in Photoshop easyil and quickly. This plugin allows you to quickly create a new document with a preset grid, adding preset web components, and generating icons or favicons. An indispensable Photohop plugin for every web designer.

Velocitey

Vagrant Manager

If you are using Vagrant in OS X, install Vagrant Manager. This app lets you manage multiple environments in a more convenient way. Once it is installed, it adds a new icon in the OS X task bar where you can monitor and control your virtual machines with only a few clicks. No more messing with command lines.

Vagrant Manager

CSS Specificity

CSS Specifity is one notorious topic of CSS which is not easy to digest. This tool is created to illustrate how this specificity concept works in an interactive manner. Draw several selectors and it will tell you which selector to apply.

CSS Specificity

CSS Dig

CSS Dig is a Chrome extension. And as the name implies, it will dig into your website and parse its CSS. It will show you a report which you can evaluate to perform required optimizations.

CSS Dig

Material Up

For those of you who might not aware of it, Google has just introduced Material, a new philosophy of its product design. Material Up is a collection of apps and websites that has already adopted this new philosophy. A good source of inspiration for web designers.

Material Up

Tindddle

Tindddle helps you enjoy Dribbble in a more streamlined manner. It will feed you with a selection of the best “Shots” from Dribbble. If you don’t like the particular Shot, hit the left arrow key of your keyboard, and if you like it hit the right arrow key. All the Shots that you have liked will appear in your Dribbble account — here’s a sample.

Tindddle

Mobile Design Pattern

The Mobile Design Pattern book is a collection of selected common mobile design pattern applied in mobile in 2014. Not only does it provide inspiration, the book also covers the decision and reasoning behind such design. A good book that should be on the digital book shelf of any web and app designer.

Mobile Design Pattern

FontAwesome Photoshop

FontAwesome is… awesome. To make it even more… awesome, install this plugin in Photoshop so that you can quickly add it in your design.

FontAwesome Photoshop



Standard
Web design

20 Gifts Web Developers Would Love To Get

Christmas and 2015 are just around the corner and the holiday season is almost here! It’s the time to detach ourselves from the hustle and bustle of work, cut down on the stress, and most importantly have a great time with family and friends, exchanging gifts and cheerful banter.

If you are having a tough time thinking of a gift for a web developer you know, then this list is for you. I have here a list of things that would be great for a web developer like me although, unlike me, some lucky web developer out there might actually get one of these gifts from Santa.

Due to this being the gift-giving season and all, there is a possibility that these items may be out of stock by the time you get to them but fret not, do check back at the site regularly in case they have restocked it, then quickly order one!

DeviceLab

DeviceLab is a responsive development stand. It helps developers test responsive sites all at once by bringing multiple devices together in a single place. [Get it here – 9]

DeviceLab

Ghost Stand

Ghost Stand is a stand that is specially designed for the MacBook. Many web developers work with their MacBook while using an external keyboard and mouse. The stand will elevate MacBook which will allow them to look at the screen comfortably. This polycarbonate transparent stand makes it appear as if the MacBook is floating on thin air. [Get it here – .99]

Ghost Stand

WD My Passport Wireless

There isn’t anything scarier than losing months’ worth of precious data. That’s why having a backup is the first commandment in a web developer’s way of life. Backing up is now so easy, you can do it on your external hard drive wirelessly. One of the best available in the market is the 1 TB WD My Passport Wireless. [Get it here – 9.50]

Wireless Hard Drive

Gunnars Computer Glasses

Web developer often have to stare at computer screen for long hours, which on the long run can cause eye strain, visual stress and headaches. Gunnar is an eyeglass with patented lens technology designed to minimize these effects. Not only do the glasses look cool, it’s a health hazard to not wear them! [Get it here – .65-83.92 depending on design]

Gunnars

A DIY Sketch Bundle

Some web developers prefer to draw raw sketches of their websites or apps before writing the code and turning them into a functioning product. Here’s what I suggest you get them, it comprises of a responsive sketch pad, stencil kits for drawing user interfaces, and a geeky delete eraser:

Sketch Pad

Docking Stations

If you know someone who has a messy desk, or people keep telling them that they do, these docking stations can help them reclaim some space from the clutter. They can fit phones, tablets, cables, wallets and keys into these stations, and if you’re lucky, maybe he or she will take the hint and be more organized.

Docking Station

Website Deck of Cards

Tired of mapping out a site’s infrastructure in front a screen? These UX cards can be of some assistance. It is a collection of 53 cards carrying common UIs of websites or apps. These cards are an attractive presentation tool for web developers to showcase their designs to their clients. [Get it here – ]

UX Cards

Clear Notes

Think sticky-notes are fun? Try clear ones. Stick one on top of a page and you can scribble on it to your heart’s content (without ruining the text). It is also reusable and eco-friendly since it is made of recyclable material. [Get it here – .42]

Transparent Sticky Note

Ergotron Workfit

Want to stand while you do work? The Egotron Workfit is a standing workstation accessory. It raises your laptop so that you can stand more while working to improve your health. [Get it here – 9.95]

Standing Desk Workstation

QlockTwo Touch

A unique table clock the tells you time with written words instead of numbers. If it is 7.15, the clock will show “fifteen past seven”. This table clock is available in 5 different colors and 12 different languages. A truly stylish accesory for the working desk. [Get it here – 0]

Table Clock

CSS is Awesome Poster

Have a web developer friend who is a fan of posters? This CSS is Awesome poster comes in 3 color variants: white, black, orange or you can choose your own color combination. It also comes in 3 different sizes: 5×7, 8×10, 11×14 inches. [Get it here – -20 depending on size]

Poster

Web Design and Development Books

If you know a web developer who loves to read books, grab them some of these recommended titles to help them upgrade their skills a bit:

  • Design for Hackers: Reverse Engineering Beauty by David Kadavy [Get it here – .20]
  • Neuro Web Design: What Makes Them Click? by Susan Weinschenk [Get it here – .13]
  • Responsive Typography: Using Type Well on the Web by Jason Pamental [Get it here – .99]

Books

Opena Case

This iPhone case will not only protect your iPhone, but you can also use it to open bottles. It’s strong yet functional, a good gift for web developers who are also party-goers. [Get it here – ]

iPhone Case

Dolce Gusto Coffee Maker

Many web developers love, no, need coffee to help them stay awake when trying to finalize a project, or for a debugging exercise. This cool-looking coffee maker is the perfect gift to help them grab a quick cup, whenever they need it. [Get it here – 0]

Coffee Maker

Hand Turbine Charger

Perfect for times of a blackout or when you just can’t find any place to quickly charge up your devices, this charger is powered by you. Just turn the turbine to generate power to charge your phones and tablets. Great for a workout, and for travelers who can’t be without their devices. [Get it here – .53]

Hand Turbine Charger

Ziiro Wrist Watch

A classy wrist watch by Ziiro. Honestly I can hardly tell what time this watch is showing, but I don’t really care. Just look at it! [Get it here – 1.87]

Watch

Beats Fujira Special Edition

I always put my headphones on while working even if I am not listening to anything – it helps me to focus on my work more. Enhanced acoustics and a comfort fit for long hours of musical tunes, this is the perfect accessory to get some last minute work done fast. [Get it here – 9.95]

Beats by Dre Headphone

Batman Money Clip

If you are a fan of The Dark Knight, then this is a must-have. This tiny Batman batarang is a magnetic clip that holds your money snugly. It makes it easier to pull money out from your tight pockets. [Get it here – .99]

Batarang Money Clip

Turret

This is a toy that will "defend" your desk from any intruders. If anyone is near your desk Turret will raise the alarm with audio warnings such as “Target acquired”, “There you are” and “I see you”. Turret is one of the characters from the Portal video game. [Get it here – .37]

Desk Defender

Online Course Subscriptions

Many web developers update their skills through online courses. If you want to gift one, you can try Lynda.com, where you can register a course subscription as a gift, or give them a coupon which they can use to register themselves later. Other good online subscriptions are Tuts+ and TreeHouse. [Prices may vary]

Subscriptions

Standard
Web design

20 Gifts Web Developers Would Love To Get

Christmas and 2015 are just around the corner and the holiday season is almost here! It’s the time to detach ourselves from the hustle and bustle of work, cut down on the stress, and most importantly have a great time with family and friends, exchanging gifts and cheerful banter.

If you are having a tough time thinking of a gift for a web developer you know, then this list is for you. I have here a list of things that would be great for a web developer like me although, unlike me, some lucky web developer out there might actually get one of these gifts from Santa.

Due to this being the gift-giving season and all, there is a possibility that these items may be out of stock by the time you get to them but fret not, do check back at the site regularly in case they have restocked it, then quickly order one!

DeviceLab

DeviceLab is a responsive development stand. It helps developers test responsive sites all at once by bringing multiple devices together in a single place. [Get it here – 9]

DeviceLab

Ghost Stand

Ghost Stand is a stand that is specially designed for the MacBook. Many web developers work with their MacBook while using an external keyboard and mouse. The stand will elevate MacBook which will allow them to look at the screen comfortably. This polycarbonate transparent stand makes it appear as if the MacBook is floating on thin air. [Get it here – .99]

Ghost Stand

WD My Passport Wireless

There isn’t anything scarier than losing months’ worth of precious data. That’s why having a backup is the first commandment in a web developer’s way of life. Backing up is now so easy, you can do it on your external hard drive wirelessly. One of the best available in the market is the 1 TB WD My Passport Wireless. [Get it here – 9.50]

Wireless Hard Drive

Gunnars Computer Glasses

Web developer often have to stare at computer screen for long hours, which on the long run can cause eye strain, visual stress and headaches. Gunnar is an eyeglass with patented lens technology designed to minimize these effects. Not only do the glasses look cool, it’s a health hazard to not wear them! [Get it here – .65-83.92 depending on design]

Gunnars

A DIY Sketch Bundle

Some web developers prefer to draw raw sketches of their websites or apps before writing the code and turning them into a functioning product. Here’s what I suggest you get them, it comprises of a responsive sketch pad, stencil kits for drawing user interfaces, and a geeky delete eraser:

Sketch Pad

Docking Stations

If you know someone who has a messy desk, or people keep telling them that they do, these docking stations can help them reclaim some space from the clutter. They can fit phones, tablets, cables, wallets and keys into these stations, and if you’re lucky, maybe he or she will take the hint and be more organized.

Docking Station

Website Deck of Cards

Tired of mapping out a site’s infrastructure in front a screen? These UX cards can be of some assistance. It is a collection of 53 cards carrying common UIs of websites or apps. These cards are an attractive presentation tool for web developers to showcase their designs to their clients. [Get it here – ]

UX Cards

Clear Notes

Think sticky-notes are fun? Try clear ones. Stick one on top of a page and you can scribble on it to your heart’s content (without ruining the text). It is also reusable and eco-friendly since it is made of recyclable material. [Get it here – .42]

Transparent Sticky Note

Ergotron Workfit

Want to stand while you do work? The Egotron Workfit is a standing workstation accessory. It raises your laptop so that you can stand more while working to improve your health. [Get it here – 9.95]

Standing Desk Workstation

QlockTwo Touch

A unique table clock the tells you time with written words instead of numbers. If it is 7.15, the clock will show “fifteen past seven”. This table clock is available in 5 different colors and 12 different languages. A truly stylish accesory for the working desk. [Get it here – 0]

Table Clock

CSS is Awesome Poster

Have a web developer friend who is a fan of posters? This CSS is Awesome poster comes in 3 color variants: white, black, orange or you can choose your own color combination. It also comes in 3 different sizes: 5×7, 8×10, 11×14 inches. [Get it here – -20 depending on size]

Poster

Web Design and Development Books

If you know a web developer who loves to read books, grab them some of these recommended titles to help them upgrade their skills a bit:

  • Design for Hackers: Reverse Engineering Beauty by David Kadavy [Get it here – .20]
  • Neuro Web Design: What Makes Them Click? by Susan Weinschenk [Get it here – .13]
  • Responsive Typography: Using Type Well on the Web by Jason Pamental [Get it here – .99]

Books

Opena Case

This iPhone case will not only protect your iPhone, but you can also use it to open bottles. It’s strong yet functional, a good gift for web developers who are also party-goers. [Get it here – ]

iPhone Case

Dolce Gusto Coffee Maker

Many web developers love, no, need coffee to help them stay awake when trying to finalize a project, or for a debugging exercise. This cool-looking coffee maker is the perfect gift to help them grab a quick cup, whenever they need it. [Get it here – 0]

Coffee Maker

Hand Turbine Charger

Perfect for times of a blackout or when you just can’t find any place to quickly charge up your devices, this charger is powered by you. Just turn the turbine to generate power to charge your phones and tablets. Great for a workout, and for travelers who can’t be without their devices. [Get it here – .53]

Hand Turbine Charger

Ziiro Wrist Watch

A classy wrist watch by Ziiro. Honestly I can hardly tell what time this watch is showing, but I don’t really care. Just look at it! [Get it here – 1.87]

Watch

Beats Fujira Special Edition

I always put my headphones on while working even if I am not listening to anything – it helps me to focus on my work more. Enhanced acoustics and a comfort fit for long hours of musical tunes, this is the perfect accessory to get some last minute work done fast. [Get it here – 9.95]

Beats by Dre Headphone

Batman Money Clip

If you are a fan of The Dark Knight, then this is a must-have. This tiny Batman batarang is a magnetic clip that holds your money snugly. It makes it easier to pull money out from your tight pockets. [Get it here – .99]

Batarang Money Clip

Turret

This is a toy that will "defend" your desk from any intruders. If anyone is near your desk Turret will raise the alarm with audio warnings such as “Target acquired”, “There you are” and “I see you”. Turret is one of the characters from the Portal video game. [Get it here – .37]

Desk Defender

Online Course Subscriptions

Many web developers update their skills through online courses. If you want to gift one, you can try Lynda.com, where you can register a course subscription as a gift, or give them a coupon which they can use to register themselves later. Other good online subscriptions are Tuts+ and TreeHouse. [Prices may vary]

Subscriptions



Standard
Web design

Fresh Resources For Web Developers – December 2014

Editor’s note: We’ve come to the end of another year. This final month of 2014, we’re looking at a round of resources by Daniel Pataki.

A developer’s toolbelt should always contain plenty of items but should never be considered final and unchangeable. Fellow developers are creating great tools every day. Some of these go on to be huge successes like the Foundation framework or Twitter Bootstrap but some remain diamonds in the rough.

To round up a great year, I’ll take a look at some great tools that have proven to come in very handy for my own use. From documentation creation to loader elements, here’s a useful collection of tools for all web developers.

Daux.io

Daux.io is an extremely capable documentation generator. It is completely free and the source code can be found on Github. You can run the documentation on a web server or with Grunt, if you prefer.

There is a lengthy feature list, with built-in support for Github flavoured markdown, a file editor, Google Analytics and many more features. Plenty to help you out with most projects. [Get it here]

Ladda

In the creator’s own words, Ladda is “A UI concept which merges loading indicators into the action that invoked them“. Ladda enables you to create awesome interaction indicators for buttons.

A number of sizes and animations are available. I particularly enjoy the progress bars which have been built right into the buttons. [Get it here]

Revaxarts Theme Documentor

This project is used by a number of Themeforest authors but can be used for any documentation purpose. Its online interface makes it easy for you to assemble your documentation and it has great HTML5 tech to store them on your local computer.

Plus you can enable auto-saving and come back any time to complete the docs. In addition, it has json import and export functionality and theme modification capabilities, allowing you to tailor it pretty well to your company colors. [Get it here]

Unicode Table

Unicode characters can be a great help when you want to add specific characters not usually found on keyboards. You should always be careful of adding arrows and other elements because screen readers may not handle them well but in some cases they still are the most effective solution. This Unicode Table is my favorite because it allows me to search with plain English like “circle” or “arrow” and get a pretty good list of results to work from. [Get it here]

WordPress Plugin Boilerplate

WordPress Plugin Boilerplate is now in it’s third iteration. It’s a boilerplate for creating modular WordPress plugins. It tries to impose a stricter architecture on you which should lead to better code. Thus, leading to equal intrepretation by all programmers. It takes an object oriented approach which is a breath of fresh air amidst all the procedurally coded plugins. [Get it here]

CSS Guidelines

CSS Guidelines is basically a set of rules and best practices for writing Javascript. It was written by Harry Roberts – a front end architect – who knows his stuff well. The goal is to make your CSS as clear as possible so everyone can understand it at a glance.

The rules cover everything from syntax and commenting to naming conventions, specificity and architectural principles. If some of it is over your head don’t worry, try to keep to things you can understand and your code will already be that much better! [Get it here]

Spinkit

Another entry into loading animations, Spinkit provides awesome CSS only transformations for simple elements. Whether you use them for loading or interaction purposes, they are easy to grab off the site and then make your own. [Get it here]

Random User Generator

Since Random User Generator is a fully functioning API, you can build it into your application development needs as a dynamic tool. No more having to go to the website to generate test data each and every time.

It spits back emails, addresses avatars, names, all that good stuff, using a fast and secure connection. Using it programmatically with AJAX is extremely simple and understandable, this is something you shouldn’t forget for your next project! [Get it here]

jQuery Plugin Boilerplate

The jQuery Plugin Boilerplate is a starting template for jQuery plugins which employs good practices throughout. Javascript is something a lot of developers learn as an afterthought, as a result lower quality code tends to be written.

By using the boilerplate, you are already writing better code by adhering to some simple rules it lays out. How the plugin is initialized, how functions are added and so on. There’s also a more recent version which you can get via the site. [Get it here]

Regex 101

Many people are scared of regex because of the perceived complexity and the difficulty of testing with it. Regex 101 helps us by allowing the testing of our regex right in the browser.

Tools like explanations, hints, match explanations and others are also offered. I find this an invaluable tool because I myself struggle a bit with regex but this tool helps me figure it all out much faster! [Get it here]

Font Awesome

Of all the icon fonts available on the web, Font Awesome is my favorite resource. It is completely free, regularly updated and has over 450 icons at the moment. I use it regularly in a wide range of projects, from designs to keynotes to websites.

Since it is a proper font, you can embed it in any capable application making it a very flexible and portable option. Be sure to check out the Cheat Sheet for a full list of copy-pastable icons, class names and hex codes. [Get it here]



Standard
Web design

Web Developers: 10 Best Podcast Channels You Need To Subscribe To

Web development is a fast ever-changing industry. To stay in the loop, you have to constantly stay informed with the latest and greatest, and one of the best way to do this is by subscribing to a podcast. Podcast or Podcasting is a fascinating medium to get information and news especially for times like when you’re commuting to the office or having a run at the gym.

Some channels may come in audio only while others with videos. Since it is common to have a smartphone or tablet with us, enjoying a podcast is real easy these days. You just need to obtain the RSS URL and add it to the app and the app will grab the latest episode for you. Some podcasts are also available on iTunes. Alternatively, you can use:

Now that you have your means, let’s check out the content, shall we? Here are the podcast channels to subscribe to to stay in the game as a web designer.

Responsive Web Design Podcast

This podcast is hosted by Ethan Marcotte – the developer who coined the term Responsive Web Design – and Karen McGrane. At the time of this writing there are 14 episodes released. On each episode Ethan and Karen interview designers and developers who implement responsive web design on notable company websites such as Marriot, Virgin, and Starbucks. You can dig into the guest’s experiences and the challenges of implementing responsive design for corporate sites.

ShopTalk Show

One of the most popular web design podcasts, hosted by Chris Coyier of CSS-Tricks and Dave of Paravel, ShopTalk invites an expert in various fields to talk to for each episode. They currently have more than 100 episodes already, and counting, and podcast releases are on a weekly basis.

The Web Ahead

The Web Ahead is a podcast hosted by Jen Simmons. The podcast is largely an interview of invited experts – like Paul Irish, Eric Meyer, and Ethan Marcotte – to share their thoughts on a variety of subjects including HTML5, Web Standards, and Responsive Web Design. Listeners get a new release every week, and each episode is on average an hour long.

Boagworld

Paul Boag a well-respected name in the web design industry. He is an author who has released a number of bestselling books and is a founder of the UK-based design agency, Headscape. Boagworld has been on air since 2011 with more than 100 episode, making it one of the longest-running podcast channels in the industry. You can subscribe to Boagworld through RSS or through iTunes.

Drafts

Giovanni DiFeterici and Gene Crawford are the guy behind Drafts, the show that talks about many things online including web design trends, concepts, web standards, and technicalities about crafting websites. The 15-minute episodes keep things short and sweet. One of my favorite episodes of this show is Native vs. Web, which touches on the pros and cons of using native platform code (Objective-C for iOS or Java for Android) vs using HTML/CSS when creating a mobile application.

OnTheGrid

Featuring Matt McInerney, Andy Mangold, and Dan Auer, this podcast discusses broadly about design fundamentals and principles. They have great material for web designers and episodes come out on a weekly basis. You can subscribe through iTunes, RSS, or follow their SoundCloud channel to enjoy the show.

User Interface Engineering

User Interface Engineering (UIE) is a consulting firm specializing in web user interface and usability. Alongside trainings and events, UIE also holds a free podcast weekly in which Sean Carmichael, the host, and his expert guests converse about user interface, user experience and anything in between.

The Big Web Show

The Big Web Show is hosted by the Jeffrey Zeldman, a founder of A List Apart, and the one dubbed as the King of Web Standard by BusinessWeek. The topics talked in the show covers web design, typography on the web, web publishing, and many things. It is one podcast that you should subscribe if you are really into web development.

TheBuildUp

Hosted by Bobby Solomon and MediaTemple creative director, Jon Setzen, TheBuildUp features light conversation between the two about various topics on designs, typography, art, news and tech. Episodes are released once every two weeks, and so far there are 9 episodes you can check out. This podcast is currently only available through RSS but there are plans to make it available on iTunes.

The East Wing

The East Wing is hosted by Tim Smith. It features anything about the Web and Internet. Aside the recorded podcasts, you can also enjoy the show through live streaming; make sure to check the schedule for when new episodes will be aired. The podcast is available through iTunes, RSS feed and Pocket Casts.



Standard
Web design

Web Developers: 10 Best Podcast Channels You Need To Subscribe To

Web development is a fast ever-changing industry. To stay in the loop, you have to constantly stay informed with the latest and greatest, and one of the best way to do this is by subscribing to a podcast. Podcast or Podcasting is a fascinating medium to get information and news especially for…

Standard