Menu Search
Jump to the content X X
Smashing Conf New York

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.

Drawing A Cartoon In Illustrator

Drawing a cartoon is no trivial pursuit. It turns us into a director, writer, narrator. Through a cartoon or comic, you tell a story that takes place in a certain time, a certain environment, with certain characters. This is why you will learn here not just how to draw a cartoon in Adobe Illustrator, but how to decide on character, place and situation.

Drawing A Cartoon In Illustrator

Before grabbing your pencil or software tool, ask yourself, “What will be my topic?” How many characters you will use, and who will they be? What background will they move against? What era will they live in? In what scene will you put them? Through the steps in this tutorial, I will explain to you my own choices. Let’s begin.

Read more...

Free Font Release: Yrsa And Rasa Available For Download

Editor’s Note: Today we are pleased to feature the new and free font families Yrsa and Rasa by David Březina and Anna Giedryś and their story behind the design process.

Free Font Release of Yrsa & Rasa

Yrsa and Rasa are two open-source type families published by Rosetta with generous financial support from Google. The fonts support over 92 languages in Latin script and 2 languages in Gujarati script. The family currently has 5 weights. They were designed and produced by Anna Giedryś and me and they are now released and ready for download.

Read more...
Advertisement Advertise with us!

The Retina Asset Workflow You’ve Always Wanted For Photoshop

If you’ve dreamed of the day when you could design more than one thing at once in Photoshop, the wait is over. You can now have multiple designs right next to each other. Design mobile layouts alongside your tablet and desktop layouts. And in this article, we’ll design an entire set of assets all at once.

Combine Generate And Artboards In Photoshop For The Retina Asset Workflow You’ve Always Wanted

What many Photoshop users have been hoping for — with a push from Sketch, no doubt — finally arrives in the form of artboards. No longer are you constrained to one canvas. Turning layer groups on and off, be gone. Create as many canvases as you like in one PSD.

Read more...

Quick Tips Dirty Tricks From The Dark Corners Of Front-End (Slides, PDF)

You know how it works: you spend hours trying to find a workaround for a problem that you have encountered, just to realize that it doesn't quite work in, you know, that browser. Finding little techniques and tricks to help you get to results faster can immensely improve your productivity, so you don't have to waste time on solutions that will never see the light of day.

Front-End Tips and Tricks: Slides PDF

I love finding those little useful front-end goodies that make our lives easier. Since technologies emerge and evolve permanently, keeping track on what's going on is often difficult, especially since specifications change and so does the browser support. For a replacement talk at SmashingConf Oxford last week, I've decided to collect some of the useful techniques from various articles, conversations and my workshops in a slide deck — and since it proved to be useful for many front-end developers I've spoken to after the talk, I'm very privileged to share it with the entire community as well.

Read more...

Google’s Mobilegeddon Aftermath: Eight Months Into A Better Mobile Web

When Google announced the launch of its new mobile ranking system, dubbed Mobilegeddon by the press, everybody agreed that the impact would be devastating on those businesses that didn't have a mobile web presence. At that time, we conducted a study of the top 10,000 sites from Alexa and showed that four out of ten sites would be affected by Google's update.

Google's Mobilegeddon Aftermath

Eight months into the apocalyptic event, we repeated the study because we wanted to measure and understand the real proportions of such an important development. We crunched the data and discovered some interesting findings — this article details the most significant ones.

Read more...

Freebie: Easter Icon Set (13 Icons, AI, PSD, EPS, PDF, SVG, PNG)

Easter is only a week away, and it's time to add a few icons to your projects. Or perhaps just freshen up your good 'ol Easter cards for your family, friends, colleagues, and perhaps even strangers. Today, we're happy to release the Easter Icon Set, a set of 13 icons available in AI, PSD, EPS, PDF, SVG and PNG formats.

Freebie: Easter Icon Set (13, Icons, AI, PSD, EPS, PDF, SVG, PNG)

The icon set was designed and created by Manuela Langella and, as always, is free to use in private and commercial projects.

Read more...

Web Development Reading List #129: CSRF, Modern Tooling And The UX Of Web Fonts

Every week I learn so many new things about front-end development. By building various kinds of projects, by talking to other developers, by reading new articles. Of course, it can be overwhelming, but to me this is the best part of the job. By sharing and talking to other people, my job gets more interesting.

Infographic explaining CSRF

For example, this week I learned how to build malicious links with target="_blank", I learned how CSRF works, and how important it is that an icon clearly indicates what it is thought for — the latter after I implemented the icons and only found some of them helpful as I saw the fallback/title text for them. Always stay curious.

Read more...

Freebie: Barista And Coffee Lovers Icon Set (50 Icons, EPS, PNG, SVG)

Creative folks like yourself know how important our daily dose of hot and steaming coffee is. Many of us even choose to work from a coffee house because the cozy atmosphere, the smell of freshly ground coffee beans and the carefully created art on the glossy foam fuels our creativity.

Freebie: Barista Icon Set (50 icons, EPS, PNG, SVG)

Designed by Oliver Pitsch, Barista is an icon set dedicated to all baristas and coffee lovers. It consists of 50 carefully crafted vector icons. The icons are drawn on a special 256px grid adapted from the iOS icon grid. All icons are available as 128px PNG (+ @2x 256px versions), as well as Illustrator EPS and SVG files.

Read more...

Making A WordPress Plugin That Uses Service APIs, “From Soup To Nuts”

An increasingly large number of publicly available APIs provide powerful services to expand the functionality of our applications. WordPress is an incredibly dynamic and flexible CMS that powers everything from small personal blogs to major e-commerce websites and everything in between. Part of what makes WordPress so versatile is its powerful plugin system, which makes it incredibly easy to add functionality.

Making A WordPress Plugin That Uses Service APIs, “From Soup To Nuts”

We will walk through how I made GitHub Pipeline, a plugin that allows you to display data from the GitHub API on WordPress pages using shortcodes. I’ll give specific examples and code snippets, but consider the technique described here a blueprint for how to consume any service API with a plugin. We’ll start from the beginning, but a degree of familiarity with WordPress and plugin development is assumed, and we won’t spend time on beginner topics, like installing WordPress or Composer.

Read more...

↑ Back to top