We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.
In this tutorial, I will teach you how to work digitally on an image you draw by hand. You will learn two completely different ways to approach the image: through the Live Trace Tool and the Pen Tool. Two ways, two results. Learn how to take the best from both.
Along the way, I will give you some Photoshop tips, too. The first thing you’ll need to know is how to manage your drawing in Photoshop and which are the best ways to prepare it for Illustrator. If you are not comfortable drawing in Photoshop, don’t worry! You can download my drawing in high-resolution, skip the Photoshop step and go straight to step 2 to begin with Illustrator.
These leaps have made it possible for you and me to dive head first into writing fully ES6 modules, without compromising on the essentials like testing, linting and (most importantly) the ability for others to easily consume what we write.
There’s no shortage of boosterism or excitement about the fledgling service worker API, now shipping in some popular browsers. There are cookbooks and blog posts, code snippets and tools. But I find that when I want to learn a new web concept thoroughly, rolling up my proverbial sleeves, diving in and building something from scratch is often ideal.
The bumps and bruises, gotchas and bugs I ran into this time have benefits: Now I understand service workers a lot better, and with any luck I can help you avoid some of the headaches I encountered when working with the new API.
Since seven years, we welcome the new month with a collection of unique desktop wallpapers. And it’s not any different this time around. Created by designers and artists from across the globe, they are just waiting to give your desktop a makeover and provide you with some fresh inspiration.
This post features their artwork for February 2016. Each wallpaper comes in two versions, with and without a calendar, and can be downloaded for free. Now you only need to decide which one will accompany you through the month — and that won’t be easy given all the creative ideas the community has come up with. A big thank-you to everyone who participated!
This week, Firefox 44 has been released to the public. The new version offers better video support (VP9, WebM in addition to h.264) and adds support for Brotli compression (a new, better compression than gzip) for HTTPS connections. Service Workers are also supported now.
The new Chrome Beta channel build now includes a security panel in the developer tools. This panel shows you how secure your site is, including details on HTTPS and mixed content warnings. Unfortunately, it’s not super detailed yet, and it also doesn’t provide information like HSTS, HKPK and other security details, but I’m excited to see this and bet that they’ll integrate more features over time.
New Years' Eve is not far past, and yet one twelfth of the new year is already behind us. We think this is a great time to release the first new free icon set of the year. So without further ado, today we're pleased to release the Months Of The Year icons: a set of 12 images that are all available in EPS, AI, SVG and PNG formats. This icon set was designed by Manuela Langella and is free to be used in personal as well as commercial projects.
You may modify the size, color or shape of the icons. No attribution is required, though reselling bundles or individual pictograms isn't cool. Please note that this icon set is available under a Creative Commons Attribution 3.0 Unported license. We'd kindly like to ask you to provide credits to the creator and link to this article if you would like to spread the word about the freebie.
The internet is a wonderful place (mostly). An unprecedented revolution in communication, it continues to empower more people to publish and share their knowledge than any other phenomenon in history. It is a limitless playground of ideas and unbridled creativity. Or is it?
In 2014, Elliot Jay Stocks declared that designers have stopped dreaming. That we’ve stopped being creative. That every site looks the same. A crazy notion, considering the magnitude of tools and resources we have at our disposal. But Elliot’s been right before, and he’s not alone either.
Hear, hear! SmashingConf NYC 2016 is coming! A spectacular performance about failures, successes and superpowers in front-end and UX — now on Broadway! A flabbergasting show on fascinating endeavours in web design, with busted myths, horror design stories and wisdom gained from daunting real-life struggles! Don't miss the most remarkable show of the year!
Can you dispel the truth from the lies? Honesty from deception? Myths from heartbreaking real-life experience? Have you figured out responsive design, mobile, pattern libraries, SVG, flexbox, performance, HTTP/2 — and all of the other mischievous, erratic facets of designing for the web today?
Yep, one of those mysteryriddlesagain? To celebrate the launch of SmashingConf NYC, we’ve prepared yet another riddle, and this time it will be a matter of patience and following clues. As usual, we've hidden secret keys hashtags in a series of animated GIFs.
Below you'll find the first animated GIF, containing a location clue. To move to the next level, you have to find a hidden hash tag and follow a link in a tweet containing it. Once you've reached the last level (you'll know when), just tweet all of the keys in one single hash tag (or a screenshot if there isn't enough characters left!) to @smashingmag on Twitter! Not that difficult, right?