Chris Batdorf

36 Added | 2 Magazines | 14 Likes | @ChrisBatdorf | Keep up with Chris Batdorf on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Chris Batdorf”

24 Best Web Design and Development Tools 2016

Web is now present and apparent everywhere. There is hardly any part of the world where internet has not penetrated. This all pervasive web has …

Web Design

Why Web Design is Dead

June 8, 2015Web design is (finally!) dying of irrelevance. Web pages themselves are no longer the center of the Internet experience, which is why …

Web Design

26 Free Responsive HTML5 Templates For Designers and Business Owners

We see a lot of companies advertising about their features being made available on smart phones. What does that mean? It is a way to gain more …

1000+ Free Outline Icons for UI Designers

Fresh new free <b>Outline icon sets</b> for website mockups, mobile app user interface and graphic design projects. There are <b>1000+ outline icons!</b> All icons …

Graphics

Image Optimization: 10 Do’s & Don’ts for a Better User Experience

As website owners and designers, we want to provide the best user experience to our clients. This often involves massive graphical design with an …

Web Design

6 Mobile Web Design Tips for Google's Search Algorithm Shift

<i>Create a Killer Website Using Adobe Muse: In this four-week course, Brian Wood, author of the Adobe Muse Classroom in a Book, will guide you through</i> …

13 New Modern Free Fonts for Designers

Another beautiful <b>free fonts</b> collection, every font is unique and perfect for heading, headlines and graphic projects. These free fonts can make your …

Typography

50+ incredible freebies for web designers, May 2015

We’re constantly amazed at the generosity of designers and developers who release exciting, inspiring products out to the web design community on a …

9 Tips On Creating A Mobile-Friendly Website

Share<p>In case you missed it, Google’s latest algorithm brought about the so-called “Mobilegeddon,” which punished websites who weren’t …

Server Side Mustard Cut | CSS-Tricks

By Chris Coyier On March 30, 2015<p>The term "mustard cutting" in web design comes from developers at the BBC who wanted to serve different experiences …

5 ways to seduce your website visitors

The arts of seduction and interaction design go hand-in-hand. Your goal, after all, is making the user fall in love with your website or …

Developers: Why You Shouldn’t Skip Documentation

In the development realm of mobile apps, web apps, desktop apps, or JavaScript libraries, documentation plays an important role that could determine …

From PSD to HTML: Building a Set of Website Designs Step by Step

<b>Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+.</b><p>Today I'm going to take you through my entire …

How To Reduce Friction With Good Design

Anders Toxboe, designer for Bonnier Interactive, cites motivation as the force that opposes friction in the realm of interaction design. A properly motivated user will be willing to withstand more friction and still have a positive experience. A poorly motivated user will, on the other hand, give …

UX Design

10 Web design trends you can expect to see in 2015

It hasn’t gone unnoticed that most new site designs published today tend to be longer in length when scrolling through the page. As mobile devices become more popular, it’s becoming more commonplace for sites to opt for scrolling instead of linking as a means to display content, especially on their …

Web Design

20 Awesome Free Icon Fonts to Use in Your Designs

The number of fonts designed to be used as icons, symbols and glyphs increases day by day. Using icon fonts you’re replacing raster images into …

Clipping and Masking in CSS | CSS-Tricks

By Chris Coyier On December 2, 2014<p>Both of these things are used to hide some parts of elements and show other parts. But there are, of course, …

Free Programming Resources to Learn Java, PHP, Android and Other Programming Languages

If you are ready to take the plunge, here are some of the best resources that offer courses in a variety of programming languages for free. You need …

20 Must Have Tools for Web Development

2°<p>It is vital for all businesses and organizations to have a strong presence online nowadays. This has put quite a lot of stress on web developers to …

Web Design

12 HTML5 tricks for mobile

The mobile web is a strange world: dozens of browsers, versions, screen sizes, undocumented features, bugs and new problems. That is why, in some …

Web Development

7 Deadly Web Design Sins You Might Be Making

Web design is a tricky subject.<p>People have different opinions about what constitutes good web design and what doesn’t.<p>Some people think your site …

A Few Things from Chrome Dev Summit 2014 | CSS-Tricks

By Chris Coyier On November 21, 2014<p>I got to spend the last two days at the Chrome Dev Summit (Thanks Paul Kinlan for inviting me!) I made some notes …

Web Development

It's Not UX vs. UI, It's UX & UI

How differentiating the two will improve them both<p>Chris Bank of UXPin — the wireframing & prototyping app — compares and contrasts web UI and UX, …

You don't know JavaScript, but you should

<i>This is a partial transcript of a meeting with Kyle Simpson, an Open Web Evangelist from Austin, TX, who's passionate about all things JavaScript.</i> …

JavaScript

9 GIFs That Explain Responsive Design Brilliantly

Can’t tell a responsive website from a merely adaptive one? These GIFs courtesy of Froont will turn you into a pedant in no time.<p>What is responsive design? Most people vaguely understand that it refers to websites that work just as well on desktops as they do on smartphones, but there’s a lot more …

Great user experience + clear value proposition = value innovation

<i>Editor’s note: this is an excerpt from our forthcoming book</i> UX Strategy<i>; it is part of a free curated collection of chapters from the O’Reilly Design</i> …

5 Website Design Trends to Dominate 2015

Web design is a critical component in effective marketing and lead generation. Today’s competitive websites are designed for a mobile world, one that …

3 tips to keep your software clean and maintainable

Things move fast in software development today, especially if you're with a company that has any amount agility. While speedy results are important, …

Software Development