Webfonts And Performance: SmashingConf Videos

Webfonts And Performance: SmashingConf Videos Webfonts And Performance: SmashingConf Videos The Smashing Editorial 2018-07-20T14:35:35+02:00 2018-07-20T15:29:44+00:00 Webfonts are difficult to get right. An often overlooked and disruptive piece of web performance, webfonts can slow down your site and leave your visitors confused and agitated. No one wants agitated visitors. Webfonts Are ▢▢▢ Rocket Science Recorded at Read more about Webfonts And Performance: SmashingConf Videos[…]

Animating SVG Files With SVGator

Animating SVG Files With SVGator Animating SVG Files With SVGator The Smashing Editorial 2018-07-19T14:00:00+02:00 2018-07-19T20:55:33+00:00 (This article is kindly sponsored by SVGator.) Animated SVG files have become very popular. They are entirely scalable (because they are vectors), small and 100% code-based, which allows for so many transformations and tweaks. This, however, comes at a price: Read more about Animating SVG Files With SVGator[…]

Linkbuilding: The Citizen’s Field Guide

Linkbuilding: The Citizen’s Field Guide Linkbuilding: The Citizen’s Field Guide Myriam Jessier & Stéphanie Walter 2018-07-18T14:00:07+02:00 2018-07-18T19:42:53+00:00 Before buying followers on Instagram was a common practice, before Russian trolls made fake news an Olympic sport, we had linkbuilding. Today, we still have linkbuilding, its just that you haven’t noticed it — or have you? Welcome, Read more about Linkbuilding: The Citizen’s Field Guide[…]

So You Want to Persuade Users? Make Things Simple!

So You Want to Persuade Users? Make Things Simple! So You Want to Persuade Users? Make Things Simple! Lyndon Cerejo 2018-07-17T16:15:38+02:00 2018-07-17T20:48:28+00:00 (This article is kindly sponsored by Adobe.) The persuasive design toolbox is filled with powerful tools based on psychology. These tools range from Cialdini’s set of six principles of persuasion to ten times Read more about So You Want to Persuade Users? Make Things Simple![…]

The Holy Grail Of Reusable Components: Custom Elements, Shadow DOM, And NPM

The Holy Grail Of Reusable Components: Custom Elements, Shadow DOM, And NPM The Holy Grail Of Reusable Components: Custom Elements, Shadow DOM, And NPM Oliver Williams 2018-07-16T13:30:58+02:00 2018-07-16T17:29:08+00:00 For even the simplest of components, the cost in human-labour may have been significant. UX teams do usability testing. An array of stakeholders have to sign off Read more about The Holy Grail Of Reusable Components: Custom Elements, Shadow DOM, And NPM[…]

Monthly Web Development Update 7/2018: Practical Accessibility, Design Mistakes, And Feature Control

Monthly Web Development Update 7/2018: Practical Accessibility, Design Mistakes, And Feature Control Monthly Web Development Update 7/2018: Practical Accessibility, Design Mistakes, And Feature Control Anselm Hannemann 2018-07-13T14:20:17+02:00 2018-07-13T12:33:42+00:00 The web continues to amaze me. With all its variety and different changes to the platform, it’s hard to see a straight pattern — if there even Read more about Monthly Web Development Update 7/2018: Practical Accessibility, Design Mistakes, And Feature Control[…]

How To Create A Flat Vector Illustration In Affinity Designer

How To Create A Flat Vector Illustration In Affinity Designer How To Create A Flat Vector Illustration In Affinity Designer Isabel Aracama 2018-07-11T20:00:02+02:00 2018-07-11T18:05:32+00:00 (This is a sponsored post.) If you are in the design world, chances are that you’ve already heard about Affinity Designer, a vector graphics editor for Apple’s macOS and Microsoft Windows. Read more about How To Create A Flat Vector Illustration In Affinity Designer[…]

Better Collaboration By Bringing Designers Into The Code Review Process

Better Collaboration By Bringing Designers Into The Code Review Process Better Collaboration By Bringing Designers Into The Code Review Process Ida Aalen 2018-07-10T13:50:26+02:00 2018-07-11T01:51:43+00:00 Smooth collaboration between developers and designers is something everyone aspires to, but it’s notoriously difficult. But with today’s advanced web, it’s difficult — if not impossible — to build a truly Read more about Better Collaboration By Bringing Designers Into The Code Review Process[…]

Don’t Use The Placeholder Attribute

Don’t Use The Placeholder Attribute Don’t Use The Placeholder Attribute Eric Bailey 2018-06-20T13:45:26+02:00 2018-06-20T20:43:46+00:00 Introduced as part of the HTML5 specification, the placeholder attribute “represents a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or Read more about Don’t Use The Placeholder Attribute[…]

How To Speed Up The Wireframing Process With Photoshop And Adobe XD

How To Speed Up The Wireframing Process With Photoshop And Adobe XD How To Speed Up The Wireframing Process With Photoshop And Adobe XD Manuela Langella 2018-06-19T15:45:38+02:00 2018-06-19T14:36:53+00:00 Before starting any design project, there is one word that is sure follow you from the very beginning: wireframing. Today, we will learn how to create a Read more about How To Speed Up The Wireframing Process With Photoshop And Adobe XD[…]