Sunday, July 10, 2016

Popular design news of the week: July 4, 2016 – July 10, 2016

http://ift.tt/29qCzJY

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers. 

The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

Note that this is only a very small selection of the links that were posted, so don’t miss out and subscribe to our newsletter and follow the site daily for all the news.

10 CSS Rules Every Web Designer Should Know:

 

Complex UI Inspiration

 

Buno: Simple, Minimal Note-taking

 

How Well do You Know CSS Display?

 

ColorDrop.io – The Last Color Palette You’ll Ever Need

 

The :Target CSS Trick

 

Flat Design Vs. Material Design

 

Site Design: Kaseta.co

 

How to Interview for a Design Job

 

The *designer* is in the Details

 

Free Landing UI Kit

 

Work/Life Balance is Bullshit.

 

Vintage Colour Wheels, Charts and Tables Throughout History

 

How to Declutter your Design

 

Apple’s New “Shot on iPhone” Campaign

 

Modulr: A Fast and Modular Approach to Building Powerful UIs

 

Gravit.io: In-Browser Design Tool

 

Try to Guess the KOLOR as Fast as Possible!

 

All New Framer Meetups

 

Visual Studio Code 1.3 Released

 

Snapchat is Ruined

 

Cognitive Load: Brain Gems for Product Designers

 

SEO is as Dirty as Ever

 

Design Needs More Women

 

The UX Secret that will Ruin Apps for You

 

Want more? No problem! Keep track of top design news from around the web with Webdesigner News.

LAST DAY: Pinto Font – A Gorgeous Family of 14 Hand Drawn Fonts – only $9!

Source

Vía Webdesigner Depot http://ift.tt/29pq4Ci

Saturday, July 9, 2016

Comics of the week #347

http://ift.tt/29q5w7T

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 for a few moments, take a break from your daily routine, have a laugh and enjoy these funny cartoons.

Feel free to leave your comments and suggestions below as well as any related stories of your own…

Outdated designer

Smart car assistant

 

Postdated check

Can you relate to these situations? Please share your funny stories and comments below…

20 Creative Brochures from Kovalski Design – only $14!

Source

Vía Webdesigner Depot http://ift.tt/29J6S2R

Friday, July 8, 2016

Poll: Are we on the brink of a design revolution?

http://ift.tt/29ubZAA

In the last couple of years we’ve noticed more and more websites following the same basic format. This is typically referred to as design convergence; two designers, approaching the same problem, might reasonably arrive at the same solution—even more so, if they’re aware of each other’s work.

It’s common to hear complaints from designers (rarely clients) that all sites look the same, and that web design has become “boring”. But another word for “boring” is “predictable”, and predictable is good for users.

Design patterns stick, because they work

Design convergence is a process driven by widespread adoption of design patterns. At some point, cobblers decided that the best way to secure a shoe to a foot was laces—yes, other types of fastening are available, but most footwear uses laces. Those cobblers didn’t hold some kind of clandestine meeting, over time cobblers who didn’t favor laces either found another niche, or went out of business. Design patterns stick, because they work.

As an industry, we’ve been here before. From Web 2.0, to Flat Design, via Splash pages, every design solution is definitive until it’s surpassed. Inevitably, technology moves on, and as the question changes, the answer changes too. However, despite the continuing march of technology the current crop of design patterns has proved to be unusually persistent.

Part of the reason is that business (always blame the client) is heavily invested in current solutions; we might also blame the design community, blogs (such as this one), Medium, Dribbble, all reinforce a status quo; we might also blame our own expectations, I recently caught myself referring to Material Design—a whole two years old—as “dated” (because it is). We’re acutely aware of design trends, we’re always looking for the next idea, and a watched pot never boils.

Still, the one characteristic of every revolution is that it is preceded by a period of stagnation. The current design convergence may be the maturation of design patterns that will continue for decades, or it may be we’re about to experience another momentous change in the design landscape.


Friendly Rounds Condensed Font Family of 10 Typefaces – only $9!

Source

Vía Webdesigner Depot http://ift.tt/29WhKXI

Web technologies that (thankfully) died

http://ift.tt/29mksJ6

Hard as it is to believe, it’s been over 20 years since the World Wide Web has become a mainstream part of our collective culture. It has played a major part in changing how we communicate and how we work. There aren’t many aspects of our lives that haven’t been changed by the web and its seemingly limitless collection of information.

As for designers, we’re certainly thankful for the role the web has played in our lives. It has provided us with a means to make a good living, after all.

But, the web can be a very trend-obsessed place, especially when it comes to technology. It has always been difficult to keep up with all the latest must-have bells and whistles that clients are asking for (even if they weren’t so great). The past is littered with examples of gimmicky “features” that we implemented and limited technologies we’ve had to work around.

Here are a few of those items that were once all the rage. In hindsight, they turned out to be clunky technologies that were once a necessary part of our job. While you might still find a few examples of them in the wild, they are rapidly becoming extinct.

Proprietary code and formats

Back in the 1990’s, as use of the web was rapidly growing, companies were aiming to create websites that were more entertaining and consumer-friendly. There were a plethora of new browser plugins and companion software that allowed for this. What stood out, though, was that a lack of standards meant most of this technology was closed and proprietary.

Microsoft looks to win the browser wars

When Microsoft Internet Explorer launched back in August of 1995, its main competitor was the upstart Netscape Navigator. The software giant from Washington State was looking to put Netscape out of business and dominate the market share for browsers.

Among their many ideas was to create proprietary, non-standard HTML that would work only in IE. That led to sites that could look radically different in other browsers. As it turned out, many designers weren’t keen on using code that rendered their site useless (or just plain ugly) for a significant chunk of users.

Multimedia choices

Both video and audio formats used to be a complete mess. Well before HTML5 standards allowed browsers to handle multimedia on their own, there were a bevy of proprietary formats and software needed to watch or listen to anything.

Setting up a site with any of this content meant you had to choose between competing formats. Plugins for QuickTime, RealAudio/RealVideo, and Windows Media Player were among the most-used. And, of course, they were in no way compatible with each other. So whichever formats you posted to a site, the end user had to have compatible software installed to access the content. What’s worse, using the RealAudio/RealVideo platform meant you’d have to install a server-side software package to enable multiple, simultaneous streams. This made live events quite costly.

Much of this also came at a time when broadband connections weren’t so common. While software companies boasted about their product’s ability to work well with very little bandwidth, the quality of streaming media was generally poor. Videos were tiny and pixelated, while audio (especially live streaming audio) sounded on par with a cheap AM radio.

Interesting side note: My first ever online purchase was for the “premium” version of the RealPlayer. It promised the use of high-end codecs that improved the quality of streaming content. That said, I didn’t notice any improvement. Maybe that 56k modem had something to do with it…

Flash

I know, Flash is still used a bit for video. But there was a time when Flash was the go-to platform for interactive media and animation. Just about any site that wanted animation, games, audio or video players would use the format.

Flash, in general, had a couple of fatal flaws:

1. Flash content was expensive and time-consuming to create

If you wanted to create original Flash content, you needed to buy an expensive software package (first from the original maker, Macromedia, then Adobe). It was several hundred dollars and had regular upgrades that weren’t so cheap, either.

The software itself was quite powerful. But it also featured a fairly steep learning curve. You needed a good bit of patience to create content because it could be a very long and drawn-out process. Simple animations that may have run in a user’s browser for 10 seconds may have taken a couple of hours to create.

Many a designer said a nasty word or two under their breath whenever a client requested some Flash content.

2. Flash was often relied upon too heavily

Remember the Flash intro? How about sites that were built entirely in Flash? Don’t get me wrong, there were some marvellously creative implementations of the format. But, in the wrong hands, it became a completely user-unfriendly way to create a website.

It almost became a way to dictate to users exactly what you wanted them to do, rather than letting them decide for themselves. Looking back, fatal flaw #1 probably led to #2. Designers knew they could charge a good bit of money for Flash development and so they sold it… often.

Flash eventually took on a new life as the preferred video platform for YouTube. However, Apple’s famous stance of not allowing Flash to run on iOS devices made that comeback rather short-lived. The Flash software’s legacy still lives on in the form of Adobe Animate CC.

Large static sites

Back in the day, a content management system (CMS) was something often custom built for a large corporation. That meant a lot of websites were built using good old-fashioned HTML. And, it could get awfully difficult to maintain.

Thanks to open source CMS like WordPress, Joomla! and Drupal, we can take a lot of things for granted. Humor me as I take you through a couple of mundane things we do each day that used to be a true pain with a static website.

Posting a news article

On a static site you would create a new HTML document using the proper template and add your content. Then, you had to manually add a link to the article in an index page or other listing. If you wanted this article to appear in a sidebar, you might have had to open up a server-side include file and add a link there as well. And don’t forget to upload these changes to the server.

With a CMS, you just add the new content.

Creating a photo gallery

These were so much fun! Let’s say you needed to create a gallery with 100 photos. You would crop and optimize the photos with an image editor (full sized and thumbnail versions), setup an HTML layout (most likely using a table) for the gallery page. Then, you had to either implement a rudimentary script to link thumbnails to full size photos, or create new pages for each photo.

Of course, a good CMS plugin can do all of these things for you while you’re in the next room drinking coffee. Automation is a beautiful thing!

Lest we forget

While the web technologies of yesteryear were often cumbersome, they were also very important precursors to what we have today. If not for the pain points caused by so many proprietary media formats, we may not have the goodness that is HTML5 or other W3C standards in general. The backlash against Flash certainly helped shepherd in the widespread use of minimal design. And the lack of automation from static sites led to the development and democratization of the open source CMS.

Even though the old tech died out (or is really close to it), at least we can say that its existence made things better for us all. The progress we enjoy simply wouldn’t have been possible without them.

Friendly Rounds Condensed Font Family of 10 Typefaces – only $9!

Source

Vía Webdesigner Depot http://ift.tt/29mkoJp

Thursday, July 7, 2016

Deal: Grab 84% off stock images from Depositphoto

http://ift.tt/29pjytN

Everyone wants to capture that one perfect image for their site. Art direction does more than layout, or even content, to set the tone of your site. But unfortunately custom photography is budget-sapping, and deadline-wrecking. The good news is, that perfect shot probably already exists…

To help you find it, our sister-site MightyDeals.com, has managed to bring back one of its most popular deals ever: an incredible 84% off Depositphotos library of stock images.

Depositphotos has over 50,000,000 images to choose from, including hi-res shots and vector images. Split into popular categories like Business, Computers, Holidays, People, Shopping, and tons more; you’re sure to find the perfect image for your project.

For just $99 you can download 100 images of your choice, that’s an incredible saving of $537! And if you like that, you’ll love the fact that you can save even more by choosing the 200 photos option, just $0.80 per image!

You can download any size you choose, which makes this the perfect option for responsive and retina design. There’s no daily limits, download as many as you like straight away—you’ve got a whole year to download them all. And all of the images are royalty free, so you don’t have to worry about checking the fine print. Quality stock images frequently cost 25 times more than this, so it really is an incredible opportunity to bolster your toolbox.

Head over to MightyDeals to take advantage of this awesome deal today!

LAST DAY: Infographic Mega Bundle – Thousands of Graphic Elements – only $24!

Source

Vía Webdesigner Depot http://ift.tt/29pjNox

Wednesday, July 6, 2016

Google Chrome moves into TV with new cast option

http://ift.tt/29A5DmA

If you’ve ever wanted to play digital media content right from your browser on your TV—without the need for an extra browser extension to make this happen, now’s the time to get excited. For the first time ever, people will be able to project their favorite TV shows and movies from the web directly to their TVs with the simple selection of the Cast option, found in Chrome 51’s new dropdown menu.

Chromecast is Google’s line of digital media players, think of them as mere dongles, that allow users to beam audio and video content from the web and their smartphones straight to their TVs. Cast-enabled monitors can also display the Wi-Fi-streamed content.

What makes this change significant is that Google manufactures both the software and hardware of this Cast technology: the browser and its content and the physical dongle that you plug into your TV or Cast-enabled monitor. However, people always had to rely on a browser extension to make this Google service work, which begged the question of why Google just didn’t do everything itself?

Now it is, thanks to the arrival of the Cast option within Chrome beta.

If you’re interested in exploring this new Chrome functionality, try to update your Chrome browser to version 51. Of course, that may be a problem for some users since Google is notorious for rolling out new features slowly, over time, so you may just have to wait until the update rolls around to you.

Google is also streamlining the delivery, which lets Chrome control the parameters on its own. Users benefit from this because they won’t be asked anymore whether they want to tweak the settings for various things like the resolution, quality of the cast, and bitrate. All that’s done automatically by Chrome.

That’s not all, though.

The company’s chat feature, Google Hangouts, will be able to receive casts, too. Appropriately named, Cast to Hangouts was actually first identified in May, but now it appears to be rolling out completely to a stable release.

Reports say that Cast to Hangouts comes with at least one noteworthy feature that’s unexpected, but also helpful. It actually scans your calendar to see if you already have any earlier scheduled Hangouts. Another interesting feature is the ability of users to share their tabs or desktops right to Hangouts. This ends up working as a sort of de facto screenshare, except there’s no audio that’s included. Users should take note that, to make this work, they’ll have to first have “cloud services” turned on.

When it comes to the availability of casting for Hangouts, it’s not much better than the gradual rollout of Chrome’s Cast option. Projections say that it’s going to be available for Chrome 52, but nothing is set in stone, one way or another.

Massive Discounts on Stock Photos – 84% off!

Source

Vía Webdesigner Depot http://ift.tt/29tn6ds

Face facts: You’re replaceable, and there’s only 2 things you can do about it

http://ift.tt/29P5PLq

Let’s say that co-owners of a business who know nothing about creating a website (except that they need one) are in the market for a website.

They need a site that gives potential customers all the info they need about the boutique and includes an e-commerce section, too. And ideally, they’d like the project to be wrapped up sooner, rather than later, if you please.

These business owners are going to consider the offerings of the first four readers of this article.

You’re one of the four, of course…

You create websites. You have great experience and know you’ll be able to deliver exactly what the business owners need. You charge a fair price—one that adequately values your labor and experience—and always deliver an end product that’s up to spec.

The reader next to you produces a website that meets all of the owners’ requirements – but charges half your price. The next reader in line creates a website (that also meets basic requirements) at half your turnaround time. And the person who came before all three of you offers a faster turnaround and lower price on a website that—yep—still meets all of the owners’ requirements.

Whose work is better?

Let’s say that you have a strong hunch your competitors are cutting corners. You’re pretty sure at those prices and turnaround schedules, they’ve got to have subpar practices in place. They put in zero effort to optimize the site for search. They have no strategy to the sites they create. Or they just have (ugh) crappy, generic design.

You could try to secure the boutique owners’ business by pointing out all of the many, many ways your work is the best. You could stress your years of experience. You could tell your potential customers again and again that you create great websites. The best websites. Better than all the websites of all the other designers they’re considering, though, of course, you really have no surefire way of determining exactly who they’re considering or what your competitors’ final products are like.

Unfortunately, your competitors are probably doing the same thing.

And your potential customer doesn’t know who to believe. But whatever. They need this thing done. They choose the designer with price that is lowest and turnaround that’s fastest, since to them all competitors’ experience and final sites are on-par.

How are you supposed to make yourself stand out?!

If you can’t do it cheaper or faster and so. many. customers. don’t understand why your techniques or practices are better than other companies’, how the hell are you supposed to stand out in such a crowded field?

I see two big opportunities to set yourself apart:

Option 1: Find a niche and burrow deep. Like, really deep

This one’s all about zeroing in on your customer.

Maybe it’s crafting strategy and producing websites for food trucks serving woodfired pizza. Maybe it’s oral surgeons’ offices. Maybe it’s California boho-chic boutiques and fashion designers. General contractors. Elementary schools. Veterinarians.

Whatever it is, find your niche. Narrow it down. Then narrow it down some more. Learn all the ins and outs of maxillofacial surgery, or the precise message that boho-chic boutiques are trying to send. Orient your tone, sales pitch, and offerings to cater to that niche. Reach out to trade groups. Conferences. Professional networks.

Focusing in on a specific niche doesn’t mean that you’re closing yourself off to other customers. Instead, it’s a way to create a stronger connection with a specific subset of buyers. And that connection can raise you above your competitors in the eyes of your customer.

Option 2: Play to your differences, not just your strengths

This one’s about focusing in on you.

When you offer a final product, as we web designers do, you’re replaceable. People all around the globe can create websites. And an endless array of competitors can beat you in price, efficiency, or other commodified measures.

The one thing that your competitors can’t beat you in is being you. Only you are you.

I know that sounds pretty cheesy, but it’s true. There’s something that makes you you, and not someone else. There’s something that makes your team your team, and not any other team. There’s some quality that catches the attention of others and piques their interest—oh, that’s different.

Stand out. Engross them with your you. Find that unique point of difference, explore it, emphasize it, solidify it. When you zero in on what makes you different, not just what makes your skills strong, or your process solid, you stand out.

LIFETIME ACCESS: 500,000+ Stock Vectors, Illustrations and Icons – only $39!

Source

Vía Webdesigner Depot http://ift.tt/29i67IN