10 essential oil painting tips and techniques

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/dTT1hoJ3H4o/oil-painting-techniques-10-essential-tips

When learning how to paint, virtually every student starts out afraid and overwhelmed by the unforgiving nature of painting in oils. But the transition to oils can be made much smoother by utilising some simple and practical painting techniques. 

In the video below, I demonstrate 10 great tips that will help get you started on the right path. (Spoiler alert: it all begins with the fundamentals!)

Now let's go through these 10 oil painting tips in more detail.

01. Hold the paintbrush in the right place!

Hold your brush at the end for maximum control

There are many different grips on the paintbrush that an artist can use while painting. However, there is one 'go-to' method that every artist should know: to get the most fluidity and sensitivity with your strokes, hold the brush handle as far back as you can. This might feel uncomfortable at first, but it offers the greatest degree of control because it allows you to paint with your whole arm rather than just your wrist. 

 02. Master your brush orientation

Using every angle of your brush adds to your versatility

During the process of painting, it can be very easy to forget that your brush has two sides or orientations! You’re not limited to always making wide strokes using the flat side of your brush, as every brush can be turned on its side for sharper lines or strokes. Learning to control your lines with your brush orientation will help you paint faster and with more versatility.

 03. Vary your pressure

By varying pressure, you’ll vary texture as well

Avoid having 'heavy hands' with your paintbrush. Sometimes the pressure that you apply with a stroke can make the difference between perfection and a mess. The heavier your pressure, the more your paints will blend and create ridges along the sides of your brushstrokes. Get familiar with how your light, medium, and heavy strokes look on the canvas and vary your pressure appropriately to achieve your desired effects. 

04. Harness the power of the painting medium

Painting mediums can modify your paint in amazing ways

Oil painting is not solely about the paint. An absolutely essential part of controlling paint is the artist’s use of a painting medium – typically a mixture of solvent and oil used to modify the paint and make it behave in different ways. Adding lots of medium will make your paint flat and transparent like a wash, whereas adding just a little medium will give your paint a mayonnaise-like consistency.

05. Keep your colours pure

Keep your brushes clean so you don’t contaminate your colour

Be careful when you grab from the paint piles on your palette. Make sure that your brushes are clean or you will taint the colours you want to use. It’s vital to preserve the intensity of the colours straight out of the tube so remember to clean your brushes regularly and often – even between strokes if necessary.

06. Use two-colour mixtures if possible

The fewer paints you mix, the more vibrant the resulting colour will be

Grabbing from every single pile while mixing will create a dull and less intense mixture. Practice mixing what you need using only two colours and white. By increasing your colour knowledge and getting better at mixing, you will paint much more efficiently and quickly and your work will benefit from it.

07. Don't over-mix

Only mix as much as necessary

When mixed colours first bump into one another, there are tiny inconsistencies in the mixture that help add vividness and interest to your paint. So, when you combine colours to create a mixture it’s important to make sure that you only mix them as much as necessary before applying the stroke. If you over-mix two colours, you will turn your interesting mixture into a flat and uninteresting pile of paint.

08. Don't skimp on paint

Use as much paint as necessary to realise your vision

Sometimes you want a thin wash, but other times you need a thick stroke in order to achieve your desired effect, so make sure that you're using enough paint to create the type of stroke you need. Don't hold back on the paint at the expense of your painting. If you find yourself constantly swirling a brush around a thin pool of paint on your palette, then it's probably time to remake that mixture.

09. Try wet-on-wet versus dry brush

Use wet versus dry effects to your advantage

Remember that you can paint directly onto a wet surface or wait for it to dry and put wet paint over that. Paints will blend on the canvas when working wet-in-wet, which is great for getting transitions or gradients. Painting with a dry brush will give you a more textural effect, which is perfect for painting brick or dirt.

10. Don't forget the palette knife

Sometimes, the best brush for the job is not a brush at all

The palette knife is not just a trowel that you use to mix paint! It can also be used quite effectively at times to make interesting strokes. A palette knife is particularly useful for making textural and unpredictable strokes – effects that you'd be hard-pressed to duplicate with a brush.

Related articles:

How to draw and paint – pro tips and tutorials7 must-know painting techniques for artistsThe secrets to painting like Matisse

Which Podcasts Should Web Designers And Developers Be Listening To?

Original Source: https://www.smashingmagazine.com/2018/04/podcasts-web-designers-developers/

Which Podcasts Should Web Designers And Developers Be Listening To?

Which Podcasts Should Web Designers And Developers Be Listening To?

Ricky Onsman

2018-04-18T13:45:00+02:00
2018-04-18T13:58:52+00:00

We asked the Smashing community what podcasts they listened to, aiming to compile a shortlist of current podcasts for web designers and developers. We had what can only be called a very strong response — both in number and in passion.

First, we winnowed out the podcasts that were on a broader theme (e.g. creativity, mentoring, leadership), on a narrower theme (e.g. on one specific WordPress theme) or on a completely different theme (e.g. car maintenance — I’m sure it was well-intentioned).

When we filtered out those that had produced no new content in the last three months or more (although then we did have to make some exceptions, as you’ll see), and ordered the rest according to how many times they were nominated, we had a graded shortlist of 55.

Agreed, that’s not a very short shortlist.

So, we broke it down into five more reasonably sized shortlists:

Podcasts for web developers
Podcasts for web designers
Podcasts on the web, the Internet and technology
Business podcasts for web professionals
Podcasts that don’t have recent episodes (but do have great archives)

Obviously, it’s highly unlikely anyone could — or would want to — listen to every episode of every one of these podcasts. Still, we’re pretty sure that any web designer or developer will find a few podcasts in this lot that will suit their particular listening tastes.

Getting workflow just right ain’t an easy task. So are proper estimates. Or alignment among different departments. That’s why we’ve set up ‘this-is-how-I-work’-sessions — with smart cookies sharing what works well for them. A part of the Smashing Membership, of course.

Explore features →

Smashing TV, with live sessions for professional designers and developers.

A couple of caveats before we begin:

We don’t claim to be comprehensive. These lists are drawn from suggestions from readers (not all of which were included) plus our own recommendations.
The descriptions are drawn from reader comments, summaries provided by the podcast provider and our own comments. Podcast running times and frequency are, by and large, approximate. The reality is podcasts tend to vary in length, and rarely stick to their stated schedule.
We’ve listed each podcast once only, even though several could qualify for more than one list.
We’ve excluded most videocasts. This is just for listening (videos probably deserve their own article).

Podcasts For Web Developers

Syntax

SyntaxWes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling. 30-70 minutes. Weekly.

Developer Tea

Developer TeaA podcast for developers designed to fit inside your tea break, a highly-concentrated, short, frequent podcast specifically for developers who like to learn on their tea (and coffee) break. The Spec Network also produces Design Details. 10-30 minutes. Every two days.

Web Platform Podcast

Web Platform PodcastCovers the latest in browser features, standards, and the tools developers use to build for the web of today and beyond. Founded in 2014 by Erik Isaksen. Hosts Danny, Amal, Leon, and Justin are joined by a special guest to discuss the latest developments. 60 minutes. Weekly.

Devchat Podcasts

Devchat PodcastsFourteen podcasts with a range of hosts that each explore developments in a specific aspect of development or programming including Ruby, iOS, Angular, JavaScript, React, Rails, security, conference talks, and freelancing. 30-60 minutes. Weekly.

The Bike Shed

The Bike ShedHosts Derek Prior, Sean Griffin, Amanda Hill and guests discuss their development experience and challenges with Ruby, Rails, JavaScript, and whatever else is drawing their attention, admiration, or ire at any particular moment. 30-45 minutes. Weekly.

NodeUp

NodeUpHosted by Rod Vagg and a series of occasional co-hosts, this podcast features lengthy discussions with guests and panels about Node.js and Node-related topics. 30-90 minutes. Weekly / Monthly.

.NET Rocks

.NET RocksCarl Franklin and Richard Campbell host an internet audio talk show for anyone interested in programming on the Microsoft .NET platform, including basic information, tutorials, product developments, guests, tips and tricks. 60 minutes. Twice a week.

Three Devs and a Maybe

Three Devs and a MaybeJoin Michael Budd, Fraser Hart, Lewis Cains, and Edd Mann as they discuss software development, frequently joined by a guest on the show’s topic, ranging from daily developer life, PHP, frameworks, testing, good software design and programming languages. 45-60 minutes. Weekly.

Weekly Dev Tips

Weekly Dev TipsHosted by experienced software architect, trainer, and entrepreneur Steve Smith, Weekly Dev Tips offers a variety of technical and career tips for software developers. Each tip is quick and to the point, describing a problem and one or more ways to solve that problem. 5-10 minutes. Weekly.

devMode.fm

devMode.fmDedicated to the tools, techniques, and technologies used in modern web development. Each episode, Andrew Welch and Patrick Harrington lead a cadre of hosts discussing the latest hotness, pet peeves, and the frontend development technologies we use. 60-90 minutes. Twice a week.

CodeNewbie

CodeNewbieStories from people on their coding journey. New episodes published every Monday. The most supportive community of programmers and people learning to code. Founded by Saron Yitbarek. 30-60 minutes. Weekly.

Front End Happy Hour

Front End Happy HourA podcast featuring panels of engineers from @Netflix, @Evernote, @Atlassian and @LinkedIn talking over drinks about all things Front End development. 45-60 minutes. Every two weeks.

Under the Radar

Under the RadarFrom development and design to marketing and support, Under the Radar is all about independent app development. Hosted by David Smith and Marco Arment. 30 minutes. Weekly.

Hanselminutes

HanselminutesScott Hanselman interviews movers and shakers in technology in this commute-time show. From Michio Kaku to Paul Lutus, Ward Cunningham to Kimberly Bryant, Hanselminutes is talk radio guaranteed not to waste your time. 30 minutes. Weekly.

Fixate on Code

Fixate on CodeSince October 2017, Larry Botha from South African design agency Fixate has been interviewing well known achievers in web design and development on how to help front end developers write better code. 30 minutes. Weekly.

Podcasts For Web Designers

99% Invisible

99% InvisibleDesign is everywhere in our lives, perhaps most importantly in the places where we’ve just stopped noticing. 99% Invisible is a weekly exploration of the process and power of design and architecture, from award winning producer Roman Mars. 20-45 minutes. Weekly.

Design Details

Design DetailsA show about the people who design our favorite products, hosted by Bryn Jackson and Brian Lovin. The Spec Network also produces Developer Tea. 60-90 minutes. Weekly.

Presentable

PresentableHost Jeffrey Veen brings over two decades of experience as a designer, developer, entrepreneur, and investor as he chats with guests about how we design and build the products that are shaping our digital future and how design is changing the world. 45-60 minutes. Weekly.

Responsive Web Design

Responsive Web DesignIn each episode, Karen McGrane and Ethan Marcotte (who coined the term “responsive web design”) interview the people who make responsive redesigns happen. 15-30 minutes. Weekly. (STOP PRESS: Karen and Ethan issued their final episode of this podcast on 26 March 2018.)

RWD Podcast

RWD PodcastHost Justin Avery explores new and emerging web technologies, chats with web industry leaders and digs into all aspects of responsive web design. 10-60 minutes. Weekly / Monthly.

UXPodcast

UXPodcastBusiness, technology and people in digital media. Moving the conversation beyond the traditional realm of User Experience. Hosted by Per Axbom and James Royal-Lawson from Sweden. 30-45 minutes. Every two weeks.

UXpod

UXpodA free-ranging set of discussions on matters of interest to people involved in user experience design, website design, and usability in general. Gerry Gaffney set this up to provide a platform for discussing topics of interest to UX practitioners. 30-45 minutes. Weekly / Monthly.

UX-radio

UX-radioA podcast about IA, UX and Design that features collaborative discussions with industry experts to inspire, educate and share resources with the community. Created by Lara Fedoroff and co-hosted with Chris Chandler. 30-45 minutes. Weekly / Monthly.

User Defenders

User DefendersHost Jason Ogle aims to highlight inspirational UX Designers leading the way in their craft, by diving deeper into who they are, and what makes them tick/successful, in order to inspire and equip those aspiring to do the same. 30-90 minutes. Weekly.

The Drunken UX Podcast

The Drunken UX PodcastOur hosts Michael Fienen and Aaron Hill look at issues facing websites and developers that impact the way we all use the web. “In the process, we’ll drink drinks, share thoughts, and hopefully make you laugh a little.” 60 minutes. Twice a week.

UI Breakfast Podcast

UI Breakfast PodcastJoin Jane Portman for conversations about UI/UX design, products, marketing, and so much more, with awesome guests who are industry experts ready to share actionable knowledge. 30-60 minutes. Weekly.

Efficiently Effective

Efficiently EffectiveSaskia Videler keeps us up to date with what’s happening in the field of UX and content strategy, aiming to help content experts, UX professionals and others create better digital experiences. 25-40 minutes. Monthly.

The Honest Designers Show

The Honest Designers ShowHosts Tom Ross, Ian Barnard, Dustin Lee and Lisa Glanz have each found success in their creative fields and are here to give struggling designers a completely honest, under the hood look at what it takes to flourish in the modern world. 30-60 minutes. Weekly.

Design Life

Design LifeA podcast about design and side projects for motivated creators. Femke von Schoonhoven and Charli Prangley (serial side project addicts) saw a gap in the market for a conversational show hosted by two females about design and issues young creatives face. 30-45 minutes. Weekly.

Layout FM

Layout FMA weekly podcast about design, technology, programming and everything else hosted by Kevin Clark and Rafael Conde. 60-90 minutes. Weekly.

Bread Time

Bread TimeGabriel Valdivia and Charlie Deets host this micro-podcast about design and technology, the impact of each on the other, and the impact of them both on all of us. 10-30 minutes. Weekly.

The Deeply Graphic DesignCast

The Deeply Graphic DesignCastEvery episode covers a new graphic design-related topic, and a few relevant tangents along the way. Wes McDowell and his co-hosts also answer listener-submitted questions in every episode. 60 minutes. Every two weeks.

Podcasts On The Web, The Internet, And Technology

The Big Web Show

The Big Web ShowVeteran web designer and industry standards champion Jeffrey Zeldman is joined by special guests to address topics like web publishing, art direction, content strategy, typography, web technology, and more. 60 minutes. Weekly.

ShopTalk

ShopTalkA podcast about front end web design, development and UX. Each week Chris Coyier and Dave Rupert are joined by a special guest to talk shop and answer listener submitted questions. 60 minutes. Weekly.

Boagworld

BoagworldPaul Boag and Marcus Lillington are joined by a variety of guests to discuss a range of web design related topics. Fun, informative and quintessentially British, with content for designers, developers and website owners, something for everybody. 60 minutes. Weekly.

The Changelog

The ChangelogConversations with the hackers, leaders, and innovators of open source. Hosts Adam Stacoviak and Jerod Santo do in-depth interviews with the best and brightest software engineers, hackers, leaders, and innovators. 60-90 minutes. Weekly.

Back to Front Show

Back to Front ShowTopics under discussion hosted by Keir Whitaker and Kieran Masterton include remote working, working in the web industry, productivity, hipster beards and much more. Released irregularly but always produced with passion. 30-60 minutes. Weekly / Monthly.

The Next Billion Seconds

The Next Billion SecondsThe coming “next billion seconds” are the most important in human history, as technology transforms the way we live and work. Mark Pesce talks to some of the brightest minds shaping our world. 30-60 minutes. Every two weeks.

Toolsday

ToolsdayHosted by Una Kravets and Chris Dhanaraj, Toolsday is about the latest in tech tools, tips, and tricks. 30 minutes. Weekly.

Reply All

Reply AllA podcast about the internet, often delving deeper into modern life. Hosted by PJ Vogt and Alex Goldman from US narrative podcasting company Gimlet Media. 30-60 minutes. Weekly.

CTRL+CLICK CAST

CTRL+CLICK CASTDiverse voices from industry leaders and innovators, who tackle everything from design, code and CMS, to culture and business challenges. Focused, topical discussions hosted by Lea Alcantara and Emily Lewis. 60 minutes. Every two weeks.

Modern Web

Modern WebExplores next generation frameworks, standards, and techniques. Hosted by Tracy Lee. Topics include EmberJS, ReactJS, AngularJS, ES2015, RxJS, functional reactive programming. 60 minutes. Weekly.

Relative Paths

Relative PathsA UK based podcast on “web development and stuff like that” for web industry types. Hosted by Mark Phoenix and Ben Hutchings. 60 minutes. Every two weeks.

Business Podcasts For Web Professionals

The Businessology Show

The Businessology ShowThe Businessology Show is a podcast about the business of design and the design of business, hosted by CPA/coach Jason Blumer. 30 minutes. Monthly.

CodePen Radio

CodePen RadioChris Coyier, Alex Vazquez, and Tim Sabat, the co-founders of CodePen, talk about the ins and outs of running a small web software business. The good, the bad, and the ugly. 30 minutes. Weekly.

BizCraft

BizCraftPodcast about the business side of web design, recorded live almost every two weeks. Your hosts are Carl Smith of nGen Works and Gene Crawford of UnmatchedStyle. 45-60 minutes. Every two weeks.

Podcasts That Don’t Have Recent Episodes (But Do Have Great Archives)

Design Review Podcast

Design Review PodcastNo chit-chat, just focused in-depth discussions about design topics that matter. Jonathan Shariat and Chris Liu are your hosts and bring to the table passion and years of experience. 30-60 minutes. Every two weeks. Last episode 26 November 2017.

Style Guide Podcast

Style Guide PodcastA small batch series of interviews (20 in total) on Style Guides, hosted by Anna Debenham and Brad Frost, with high profile designer guests. 45 minutes. Weekly. Last episode 19 November 2017.

True North

True NorthLooks to uncover the stories of everyday people creating and designing, and highlight the research and testing that drives innovation. Produced by Loop11. 15-60 minutes. Every two weeks. Last episode 18 October 2017

UIE.fm Master Feed

UIE.fm Master FeedGet all episodes from every show on the UIE network in this master feed: UIE Book Corner (with Adam Churchill) and The UIE Podcast (with Jared Spool) plus some archived older shows. 15-60 minutes. Weekly. Last episode 4 October 2017.

Let’s Make Mistakes

Let’s Make MistakesA podcast about design with your hosts, Mike Monteiro, Liam Campbell, Steph Monette, and Seven Morris, plus a range of guests who discuss good design, business and ethics. 45-60 minutes. Weekly / Monthly. Last episode 3 August 2017.

Motion and Meaning

Motion and MeaningA podcast about motion for digital designers brought to you by Val Head and Cennydd Bowles, covering everything from the basic principles of animation through to advanced tools and techniques. 30 minutes. Monthly. Last episode 13 December 2016.

The Web Ahead

The Web AheadConversations with world experts on changing technologies and future of the web. The Web Ahead is your shortcut to keeping up. Hosted by Jen Simmons. 60-100 minutes. Monthly. Last episode 30 June 2016.

Unfinished Business

Unfinished BusinessUK designer Andy Clarke and guests have plenty to talk about, mostly on and around web design, creative work and modern life. 60-90 minutes. Monthly. Last episode 28 June 2016. (STOP PRESS: A new episode was issued on 20 March 2018. Looks like it’s back in action.)

Dollars to Donuts

Dollars to DonutsA podcast where Steve Portigal talks with the people who lead user research in their organizations. 50-75 minutes. Irregular. Last episode 10 May 2016.

Any Other Good Ones Missing?

As we noted, there are probably many other good podcasts out there for web designers and developers. If we’ve missed your favorite, let us know about it in the comments, or in the original threads on Twitter or Facebook.

Smashing Editorial
(vf, ra, il)

Wacom Cintiq Pro 32: hands on review

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/jY2rWNRR7OI/wacom-cintiq-pro-32

If you've have the chance to use one of Wacom’s large-format pen displays, you'll know why these drawing tablets are used in studios around the world. 

Wacom’s previous flagship model, the Cintiq 27QHD, provided artists with an impressive 27 inches of screen space at a resolution of 2,560 x 1,400 pixels. As the push for Ultra High Definition content increases, however, artists are beginning to need more resolution and screen space than ever before.

Step up the Wacom Cintiq Pro 32. It isn't yet on sale – but we got our hands on the latest model in Wacom’s Cintiq family to give it a spin…

The best cheap Wacom tablet deals 2018
Wacom Cintiq Pro 32: specs

The Wacom Cintiq Pro 32 features a 4K UHD display spanning an impressive 32 inches, with a resolution of 3,840 x 2,160 pixels. With four times the pixels of a standard 1080p display, the Cintiq Pro 32 provides plenty of work space, allowing users to display important toolbars without eating into that precious screen space.

Wacom Cintiq Pro 32: display

Unlike the Wacom Cintiq Pro 24 (another new release) and previous generation Cintiqs, which came in touch and non-touch variants, the Wacom Cintiq Pro 32 comes with touch functionality as standard. Despite the larger screen, the Cintiq Pro 32 is only 8.5cm wider and 4cm taller but uses a smaller bezel, meaning more screen space without taking over too much desk.

Both Cintiq Pro models come with Wacom’s Pro Pen 2, featuring 8,192 levels of sensitivity, plus tilt-response for a more natural and virtually lag-free drawing experience. The displays also come with the ExpressKey Remote, a controller that houses the buttons and touch ring commonly found along one edge of the earlier Cintiq models.

The separation of this remote from the main body of the display allows for seamless switching between left and right-handed modes, and the non-slip backing means the remote can be placed anywhere on the face of the device, with magnetic strips down either side to hold the remote in place when the display is positioned vertically.

Person using a Wacom Cintiq Pro 32 to illustrate

8,192 levels of pressure sensitivity and unparalleled tilt recognition means that every stroke is naturally precise

In order to rotate the display more freely, the optional Ergo Stand is required. This allows the display to be set vertically like a standard monitor, and horizontally at standing height or desk level. Out of the box, the back of the display features two fl ip-out legs to support the device at a 20-degree angle to the desk.

Reducing glare

When used in a bright studio environment, glare may present an issue. Compared to the 27QHD, which has a more reflective screen coating, the Pro 32 has taken steps towards solving this issue with an etched glass screen that diffuses those harsh reflections. 

This is also helped by turning off room lighting and using a desk light, or by using the Ergo Stand to angle the device away from the light source.

Connectivity

Towards the rear of the display, there is a panel which can be removed to reveal the various ports and sockets used to connect your display to your work machine. These include:

1x HDMI 1x DisplayPort 1x USB Type-C 1x USB 3.0 1x Power socket

With four times the pixels of a standard 1080p display, users to display important toolbars without eating into precious screen space.

Glen Southern

Located around the side edges of the display are four USB 3.0 ports, with two on either side for device connectivity such as charging the ExpressKey Remote. There is also a 3.5mm headphone jack on the left side and a SD card VERDICT slot at the right, both located under the USB ports. 

At the top edge of the display is the power switch and LED power indicator. On the top left above the screen, there is a series of touch buttons that enable you to call various functions from your machine such as the on-screen keyboards, access Wacom settings or enable and disable the touch function.

Extra space

There is also a button that enables toggling between the display input mode for the device which was absent from the 27QHD, meaning cables no longer have to be swapped between machines. In the studio, we have a USB-C enabled laptop plugged in via the included USB-C cable, with a workstation plugged into the display through a USB 3.0 and DisplayPort cable. This means machines can be swapped with the press of a button and with no rummaging around under the desk. 

The use of the USB-C for this generation greatly reduces cable clutter, as both the display signal and USB connectivity can be run through one cable. Unlike the Cintiq MobileStudio Pro, the Pro 32 does not feature any external USB-C ports, which will be welcomed by those who are unprepared to upgrade all of their devices to USB-C.The Cintiq Pro 32 offers a large screen size, with the resolution perfect for displaying UHD content.

The extra space is also ideal for users who require specific toolbars and custom user interface layouts without limiting canvas or viewport size. Additionally, there is also the option to transform your Cintiq Pro into a powerful standalone creative pen computer with the Wacom Cintiq Pro Engine PC module.

The Wacom Cintiq Pro 32 is due to ship in Spring 2018.

This article was originally published in issue 233 of 3D World, the world's best-selling magazine for CG artists. Buy issue 233 here or subscribe here.

Also read: The best cheap Wacom tablet deals


Clean Code with ES6 Default Parameters & Property Shorthands

Original Source: https://www.sitepoint.com/es6-default-parameters/

Creating a method also means writing an API — whether it’s for yourself, another developer on your team, or other developers using your project. Depending on the size, complexity, and purpose of your function, you have to think of default settings and the API of your input/output.

Default function parameters and property shorthands are two handy features of ES6 that can help you write your API.

ES6 Default Parameters

Let’s freshen up our knowledge quickly and take a look at the syntax again. Default parameters allow us to initialize functions with default values. A default is used when an argument is either omitted or undefined — meaning null is a valid value. A default parameter can be anything from a number to another function.

// Basic syntax
function multiply (a, b = 2) {
return a * b;
}
multiply(5); // 10

// Default parameters are also available to later default parameters
function foo (num = 1, multi = multiply(num)) {
return [num, multi];
}
foo(); // [1, 2]
foo(6); // [6, 12]

A real-world example

Let’s take a basic function and demonstrate how default parameters can speed up your development and make the code better organized.

Our example method is called createElement(). It takes a few configuration arguments, and returns an HTML element. The API looks like this:

// We want a <p> element, with some text content and two classes attached.
// Returns <p class=”very-special-text super-big”>Such unique text</p>
createElement(‘p’, {
content: ‘Such unique text’,
classNames: [‘very-special-text’, ‘super-big’]
});

// To make this method even more useful, it should always return a default
// element when any argument is left out or none are passed at all.
createElement(); // <div class=”module-text default”>Very default</div>

The implementation of this won’t have much logic, but can become quite large due to it’s default coverage.

// Without default parameters it looks quite bloated and unnecessary large.
function createElement (tag, config) {
tag = tag || ‘div’;
config = config || {};

const element = document.createElement(tag);
const content = config.content || ‘Very default’;
const text = document.createTextNode(content);
let classNames = config.classNames;

if (classNames === undefined) {
classNames = [‘module-text’, ‘default’];
}

element.classList.add(…classNames);
element.appendChild(text);

return element;
}

So far, so good. What’s happening here? We’re doing the following:

setting default values for both our parameters tag and config, in case they aren’t passed (note that some linters don’t like parameter reassigning)
creating constants with the actual content (and default values)
checking if classNames is defined, and assigning a default array if not
creating and modifying the element before we return it.

Now let’s take this function and optimize it to be cleaner, faster to write, and so that it’s more obvious what its purpose is:

// Default all the things
function createElement (tag = ‘div’, {
content = ‘Very default’,
classNames = [‘module-text’, ‘special’]
} = {}) {
const element = document.createElement(tag);
const text = document.createTextNode(content);

element.classList.add(…classNames);
element.appendChild(text);

return element;
}

We didn’t touch the function’s logic, but removed all default handling from the function body. The function signature now contains all defaults.

Let me further explain one part, which might be slightly confusing:

// What exactly happens here?
function createElement ({
content = ‘Very default’,
classNames = [‘module-text’, ‘special’]
} = {}) {
// function body
}

We not only declare a default object parameter, but also default object properties. This makes it more obvious what the default configuration is supposed to look like, rather than only declaring a default object (e.g. config = {}) and later setting default properties. It might take some additional time to get used to it, but in the end it improves your workflow.

Of course, we could still argue with larger configurations that it might create more overhead and it’d be simpler to just keep the default handling inside of the function body.

Continue reading %Clean Code with ES6 Default Parameters & Property Shorthands%

Typographic Illustration for ESPN NEXT

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/jmJs15SbvPc/typographic-illustration-espn-next

Typographic Illustration for ESPN NEXT

Typographic Illustration for ESPN NEXT

abduzeedo
Apr 19, 2018

Pablo Olivera recently had the privilege to work with ESPN The Magazine on their NEXT Feature. The project included a typographic Intro Illustration a flat logotype of the Intro type and some custom letters which later turned into a font.

The feature is about up coming and young star athletes, the next stars of their specific sports. The intro piece needed to have a futuristic feel to it so we used 3D type with LED styled lighting inner strips.

The sports featured included Football, Baseball, Hockey and Basketball. I used line illustrations from each of the sports respective playing field/court to surround the type.

The custom font took its styling form the intro type, keeping the inline and geometric angles to tie the feature together nicely. The font is a case alternative font allowing the Inline version or the solid version to be used by lower case or uppercase.

Typographic Illustration

For more information about Pablo Olivera check out:

INSTAGRAM
FACEBOOK
DRIBBBLE  

Typography
illustration


50+ Sites to Download Free Sound Effects for Almost Everything

Original Source: https://www.hongkiat.com/blog/download-free-sound-effects/

Best websites to download different kinds of music, sound effects, vocals, and audio snippets etc. for free.

The post 50+ Sites to Download Free Sound Effects for Almost Everything appeared first on…

Visit hongkiat.com for full content.

Setting the Right Boundaries for Your Web Design Clients

Original Source: http://feedproxy.google.com/~r/1stwebdesigner/~3/CTPUzX4yrl4/

Providing awesome customer service should be among the top goals of any freelance web designer. Too often we hear about those who never respond to client requests or are otherwise difficult to deal with. Usually it seems we hear these stories from new clients that have come to us after a “bad experience” with another designer.

Of course, most of us will go out of our way to make a client happy. Even if it means leaving our comfort zone or bending our own rule – we make the best effort that we possibly can.

But as you gain experience, you start to realize that there is an incredibly fine line between pleasing clients and becoming a human doormat. This is when you need to take a step back and assess what, if any, boundaries you have put in place. What, you don’t have boundaries? Well let’s take care of that right here and now.

Knowing Where to Draw the Line

Figuring out which kinds of boundaries you need to put up can be difficult. While you don’t want to be taken advantage of, you also don’t want to come off as either aloof or unwilling to help. To find the right answer, you have to look within yourself.

Boundaries are a very personal thing and chances are that yours won’t be the same as mine. As our personalities are different, so are the “lines in the sand” that we draw. But in general, you’ll want to consider the following scenarios:

Clients Who Expect You to Work Outside of Normal Business Hours
This one is a symptom of the always-connected world we live in. Many businesses now have a culture that permits after-hours communication between team members. Therefore, we’re expected to be ready and available whenever someone needs us. It doesn’t matter if you’re on vacation, at your child’s athletic event or just trying to watch your favorite show.

It’s understandable that not everyone is keen on doing this. In my career, I’ve often responded to non-emergencies after hours and have found that it’s usually something that causes more stress than it’s worth. I end up thinking about whatever subject the client contacted me about and it becomes near impossible to relax.

On the other hand, some people don’t necessarily mind a few quick emails after hours. So it’s up to you to decide how you feel about this kind of expectation. You can either cheerfully reply to messages at the dinner table or you can let it wait until the next business day. A solid compromise might be to reply by saying “Thanks for your note. I’ll get back to you on this first thing tomorrow”. If a client can’t accept that you have a life outside of work, then too bad for them.

Clients Who Expect You to Work Outside of Normal Business Hours

Clients Who Keep Changing Their Mind
We’ve all dealt with clients who flip-flop on various parts of the web design process. Maybe they keep switching colors, suggesting different fonts or even layouts. It can be maddening to a designer who is on a tight deadline or juggling multiple projects.

Some of this can be classified as just the normal back-and-forth of a project. But there can come a point where you are repeatedly asked to change the same thing over and over again. This can be especially frustrating when it comes to the more complex parts of a website.

One of the toughest things I’ve dealt with in this area are times when a client has asked for some sort of functionality that requires a lot of research and development – only to trash it afterwards. It can feel like a colossal waste of time.

The best solution here is to set your limits in writing. Somewhere in your contract, mention that you’re happy to make revisions. But also note that repeated or lengthy changes may lead to extra costs. It may not completely save your sanity, but could provide you with some extra cash for your trouble.

Clients Who Keep Changing Their Mind

Incessant Phone Calls or Emails
There are times when clients will need to reach out to you and you should welcome them to do so. But like anything else, there are some people who will take advantage of your willingness to help. All of the sudden you’re being asked advice on things that are at best vaguely related to their website. Or maybe they assume you’re excited to have them bounce every idea in their head off of you while getting some free access to your expertise.

This puts you in a bit of a no-win situation. You certainly don’t want to continue to provide this person with unlimited free support regarding their poodle’s skin condition. But it’s not particularly easy to say something without causing offense.

Personally, confrontation isn’t my thing. So I look for alternatives whenever possible. I don’t typically recommend this type of behavior, but here it goes. If the calls or messages really are too much and often unrelated to your business relationship with a client – let them sit for awhile. Let your phone go to voicemail and allow emails to sit in your inbox for at least a few hours.

When you do finally get back to them, tell them that you’re sorry for the delayed response and that you’ve been incredibly busy. If you’re not available the minute they have a thought in their head, they might just forget the whole thing. If they still won’t leave you alone, then it might be time to be a little more firm in your response.

Incessant Phone Calls or Emails

Chronically Late Payers
Ah, there’s nothing like the feeling of hustling to get a client’s “must-have” request done in record time and then waiting six months to be paid. Perhaps there’s no other situation that will make a freelancer feel more used and unappreciated.

This may also be the easiest of all boundaries to set. If a client is consistently behind in paying, they are not worth rushing around for. When you run into someone who is always hard to get a hold of when it’s time to pay an invoice, tell them that you can’t spend your time working on projects that you may not receive payment for.

Better yet, add a clause to your contracts that specifies late fees or even a refusal of service if a client is several months behind. If someone’s not paying you, why deal with them at all?

Chronically Late Payers

It’s Up to You

The thing about setting boundaries is that you have to be the one to both enact and enforce them. Because, while you can declare that you won’t stand for certain client behavior, it doesn’t mean much if you don’t actually follow through. It’s tough to do, but also quite necessary.

The more your business grows, the more you’ll need to stand up for yourself and your interests. Do it now, before it’s too late!


How Blockchain and Cryptocurrency Workflow in 2018

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/HIyar2JWmOU/blockchain-cryptocurrency-workflow-2018

Bitcoin and Blockchain were the talk of the town (the town being the world!) in 2017. There was a lot of buzz around the sudden hike in the prices of Bitcoin and people from all walks of life invested a buck or two in the money-making scheme. While that was for Bitcoin in 2017, the […]

The post How Blockchain and Cryptocurrency Workflow in 2018 appeared first on designrfix.com.

Collective #409

Original Source: http://feedproxy.google.com/~r/tympanus/~3/UQbZ2BRa6GM/

C409_hotjar

This content is sponsored via Syndicate Ads
Truly understand your site visitors’ behavior

Hotjar is a quick and easy way to truly understand your visitors and identify opportunities for improvement and growth.

Try it for free

C409_cards

Cards and Composability in Design Systems

An excellent article by Nathan Curtis on structure, content, style and behavior of composed components.

Read it

C409_reactpatterns

React in patterns

A free book about common design patterns used while developing with React. By Krasimir Tsonev.

Check it out

C409_gifvideo

Replace Animated GIFs with Video

Jeremy Wagner shows how to replace large animated GIFs with lighter videos.

Read it

C409_pico

pico.js

A compact face-detection library in JavaScript with real-time detection capabilities.

Check it out

C409_slugify

Slugify

Convert a string into a slug. Useful for URLs, filenames, and IDs. By Sindre Sorhus.

Check it out

C409_sketch

Sketchize

With Sketchize you can print sketch sheets for designing apps for mobile, tablet and desktop devices.

Check it out

C409_opera

The Origins of Opera and the Future of Programming

Jessica Kerr’s fascinating keynote for Mob Programming Conference where she uncovers why great teams make great people.

Read it

C409_githublearn

GitHub Learning Lab

GitHub Learning Lab takes you through a series of fun and practical projects for building your skills.

Check it out

C409_previewwiki

How we designed page previews for Wikipedia?- and what could be done with them in the future

Read all about the new desktop page previews for Wikipedia’s readers.

Read it

C409_themevs

Syntax Theme

A free minimalist theme for Atom and Visual Studio Code inspired by Framer’s code editor.

Check it out

C409_vscandothat

VS Code can do that?!

Some very useful and interesting things you can do in Visual Studio Code.

Check it out

C409_manhattan

All the Buildings in Manhattan

An interactive 3D visualization of the all the buildings in Manhattan.

Check it out

C409_layers

Layers and how to force them

Read about some gotchas of will-change in this article by Surma.

Read it

C409_permit

Permit

An unopinionated authentication library for building Node.js APIs. By Ian Storm Taylor.

Check it out

C409_serverless

Lessons Learned – A Year Of Going “Fully Serverless” In Production

Tal Bereznitskey shares his insights on going fully serverless at Torii.

Read it

C409_reactnike

Nike React

A fantastic three.js powered campaign site for Nike where you can create your own Nike React runner. Made by the folks of DPDK.

Check it out

C409_marker

Free Font: Lazy Marker

A relaxed marker typeface designed by Luz Mariana Torres.

Get it

C409_conversion

What You Need To Know To Increase Mobile Checkout Conversions

Suzanne Scacca gives advice on how to improve checkout conversions for mobile sites.

Read it

C409_mdtall

Free Font: MD Tall

A great slim display font designed by Mariano Diez.

Get it

C409_soundeffects

BBC Sound Effects

The BBC offers more than 16,000 sound effects for free usage in personal, educational or research work.

Check it out

C409_password

From Our Blog
Password Strength Visualization

Visual feedback for password strength on an image based on Colibro’s sign up form.

Check it out

Collective #409 was written by Pedro Botelho and published on Codrops.

8 Ways to Emotionally Reward Your Users

Original Source: https://www.webdesignerdepot.com/2018/04/8-ways-to-emotionally-reward-your-users/

As sometimes happens, I was thinking the other day. In this case, I was doing my thinking after finishing a long video game: Far Cry 5. It occurred to me that video game creators are the masters of emotional payoff, when everything goes right. The world of that game is in itself rewarding and fun to run around in.

It’s actually enough fun, that I’m more than willing to ignore how the game’s story was an unrewarding, steaming pile of sadness. They made this digital faux-Montana delightful enough that I don’t want to leave. At least I intend to have a few more gaming sessions there, in any case.

That’s actually kind of impressive, when you think about it. The experience has enough emotional payoff to keep me around when I absolutely despised the central narrative. Imagine if a website (Facebook) could (Twitter) do (LinkedIn?) that (Amazon). Well they can, and they do. It’s actually not great, sometimes. But hey, you can use these powers for good.

Anyway, my point is that people want payoff for the effort they put into things, and that includes the websites they browse. You might think receiving the product or service you’re selling is the payoff, and it certainly can be. But you can build emotional rewards into just about any aspect of a website or app.

Here then, are some examples of emotional rewards that can keep people coming back:

1. Connection

Well this is the big and obvious one; it’s the entire foundation for “Web 2.0”. (Remember when everyone and their dog was writing about that? Good times.) People want to connect with other people, or failing that, fuzzy animals. You can do both on just about any site with social features, these days.

The popularity of tools designed to help us engage other human beings is staggering when compared to pretty much anything else on the Internet. And now, we can connect with people who share our interests no matter the distance. For better or worse, this is our world now.

2. Popularity & Recognition

After connection, popularity is often regarded as the second best thing. Many of the same platforms that offer a chance to connect also offer us a chance to get “Internet famous”. Offering people the chance to feel recognized isn’t just an emotional reward, it’s a business model. Again, for better or worse, this is our world, now.

3. Competition

Lastly for the social section of this article, we have competition. It’s human nature: we like kicking both metaphorical and physical butt. Offering your users a friendly way to compete with each other can drive all kinds of interaction. Just be warned: social competition often turns into a simple popularity contest, and those aren’t always great for an online community.

social competition often turns into a simple popularity contest, and those aren’t always great for an online community

4. Progress

There’s a programmer’s joke that goes something like, “Programmers love video games so much because they offer a fictional world where people give you a task, and then you complete the task, and no one changes the spec.”

In a world where life itself often feels like a Sisyphean endeavor, the feeling of making progress in any way is not to be under-valued. The mere existence of progress bars as a UI element has probably saved many a device from being smashed out of frustration.

5. Achievement

Closely related to progress is achievement: the emotion you get when you actually finish something. A sense of achievement can come from completing just about any task in this hectic day and age, with so many distractions all around. Still, the emotion is made stronger by the recognition of one’s achievements.

Even offering a quick “Hurray, you did it” after completing something annoying like a long form is a nice touch. It lets your users know that you recognize the time and effort they put into their interaction with your site, and that they could have just as easily spent that time and effort elsewhere.

6. Exclusivity

Another thing people like is having things that other people don’t have. That actually doesn’t have to be as awful as it sounds.

After all, all kinds of products come with collector’s editions, exclusive branded merchandise, and so on. Exclusive rewards are, at their best, a way of showing appreciation for the people who invest the most in you, and your product. Showing appreciation in this way can score you some life-long fans.

7. Discovery

Discovery is a tricky one. There is definitely a sense of delight in discovering new and hidden (or semi-hidden) things; but as web designers, we usually want stuff to be pretty obvious. In other words, you don’t want people to have to “discover” the “buy” button. Discovery is usually implemented with things like Easter eggs in the design, semi-obscure cultural references in the copy, and other small touches.

8. Surprises

Last, but not least, who doesn’t love a pleasant surprise? You might think this is the same as “Discovery”, but no. The surprises I’m talking about here are things you don’t have to go looking for. They’re big, they’re noticeable, and they leave users feeling like they just got something extra for free.

People love getting random extra stuff for free, be it a pixel-art “badge” on their favorite streaming site, temporary access to “premium” features on an app they use every day, a free delivery from their shopping app, or what-have-you. As the artists formerly known as Blink 182 once put it:

She left me roses by the stairs
Surprises let me know she cares

And really, that’s what rewarding your users emotionally should be about: letting them know you care, and appreciate their business. I appreciate you. You’re fantastic. I lov… ahem. It’s nice to have you around.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}