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 Barcelona, dedicated to smart front-end techniques and design patterns.

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...

Advertise with us!

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...

How To Integrate Motion Design In The UX Workflow

As UX professionals, we play a key role in raising the bar for customer experiences. A simple attention to detail is often what signals to the customer that we’re thinking about them. In the digital space, we focus on user interactions within applications devices and processes.

Motion Design In The UX Workflow

With the ever-increasing computing power of desktops, browser sophistication and use of native apps, every day we learn of new ways to push the limits of what defines a well-crafted UI. When used correctly, motion can be a key utility in helping your users achieve their goals.

Read more...

Managing Mobile Performance Optimization

You can’t underestimate the importance of consistent, high-quality web design across devices of all shapes and sizes. Responsive web design is the way forward — but it’s often linked to performance issues. This is critical when 64% of smartphone users unforgivingly expect websites to load in under four seconds, yet average page weights continue to rise.

Managing Mobile Performance Optimization

The best designs balance aesthetics and performance by working with mobile in mind from the start. From setting strict performance budgets to implementing client- and server-side optimization techniques, I’ll share the current mobile performance optimization processes we use at Cyber-Duck.

Read more...

Monday Morning Design Inspiration

Editor’s Note: Some people seem to have a magic touch when it comes to digging up design goodness. Veerle Pieters is one of them. As she explores print and web design, photography, art and type, she uncovers a lot of brilliant gems. And because they are too good not to share, she has compiled a selection of inspirational examples for you in this showcase.

At a lookout in a National Park

The plan is to bring out a new one every month, so let us know in the comments if you like what you see. But for now, please lean back and enjoy!

Read more...

↑ Back to top