ECMAScript 6 (ES6): What’s New In The Next Version Of JavaScript


  

You’ve probably heard about ECMAScript 6 (or ES6) already. It’s the next version of JavaScript, and it has some great new features. The features have varying degrees of complexity and are useful in both simple scripts and complex applications. In this article, we’ll discuss a hand-picked selection of ES6 features that you can use in your everyday JavaScript coding.

ES6: What's New In The Next Version Of JavaScript

Please note that support for these new ES6 features is well underway in modern browsers, although support varies. If you need to support old versions of browsers that lack many ES6 features, I’ll touch on solutions that might help you start using ES6 today.

The post ECMAScript 6 (ES6): What’s New In The Next Version Of JavaScript appeared first on Smashing Magazine.


Source: Smashing Magazine

“This One Is Going To Be A Game Changer.” Meet SmashingConf San Francisco 2016


  

So, do you like challenges? Now, this one is going to smash you alright. Meet SmashingConf San Francisco 2016, packed with smart front-end and UX techniques — CSS/JavaScript architecture, SVG, Flexbox, pattern libraries, performance, UX, interface design, content strategy — to challenge everything about how you design and code — and how to touch someone’s heart with design.

SmashingConf San Francisco

So you know what’s going on in front-end. You’ve been working with pattern libraries and atomic design and Gulp and SMCSS and BEM and HTTP/2 and Flexbox and SVG. What you might not know though is what pitfalls and traps other web designers have encountered in practice — to prevent issues creeping out down the road.

The post “This One Is Going To Be A Game Changer.” Meet SmashingConf San Francisco 2016 appeared first on Smashing Magazine.


Source: Smashing Magazine

Dealing With Loud And Silent Burnout


  

Many of us struggle silently with mental health problems and many more are affected by them, either directly or indirectly. It’s {Geek} Mental Help Week and we would like to help raise awareness with a couple of articles exploring these issues. – Ed.

We’ve all experienced that burnout moment. It’s that moment when we’ve got nothing left to give but keep trying anyway, when we’re left without much more than a shell to live in and motions to go through.

Dealing With Loud And Silent Burnout

We’re fried and broken and wish desperately for our work to make sense, for our energy to come back, for things to be fun and as they were. In such moments all we want is for our work to feel like our work and not like torture.

The post Dealing With Loud And Silent Burnout appeared first on Smashing Magazine.


Source: Smashing Magazine

Guide To Using WebP Images Today: A Case Study


  

They say a picture is worth a thousand words. But online, a picture can be worth a thousand kilobytes or more! HTTP Archive shows that images make up 64% of a web page’s total size on average. Given this, image optimization is key, especially considering that many users will abandon a request if it doesn’t load within a few seconds.

WebP Images And Performance

The problem with image optimization is that we want to keep file sizes small without sacrificing quality. Past attempts to create file types that optimize images better than the standard JPEG, PNG and GIF formats have been unsuccessful.

The post Guide To Using WebP Images Today: A Case Study appeared first on Smashing Magazine.


Source: Smashing Magazine

Freebie: Halloween Icon Set (19 Icons, AI, EPS, PDF, SVG, PNG)


  

Halloween is just around the corner, and it’s time to add a few scary and fun icons to your projects. Today, we’re happy to release the Halloween Icon Set, a set of 19 icons that are all available in AI, EPS, PDF, SVG and PNG formats. This icon set was designed and created by Manuela Langella and is free to be used in private as well as commercial projects.

Freebie: Halloween Icon Set (19 Icons, AI, EPS, PDF, SVG, PNG)

You may modify the size, color or shape of the icons. No attribution is required, however, reselling of 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 post Freebie: Halloween Icon Set (19 Icons, AI, EPS, PDF, SVG, PNG) appeared first on Smashing Magazine.


Source: Smashing Magazine

Web Development Reading List #109


  

What’s going on in the industry? What new techniques have emerged recently? What insights, tools, tips and tricks is the web design community talking about? Anselm Hannemann is collecting everything that popped up over the last week in his web development reading list so that you don’t miss out on anything. The result is a carefully curated list of articles and resources that are worth taking a closer look at. — Ed.

Insecure Login Fields

Building products or software is not easy. As developers, we are constantly aware of this fact. As managers, we also know this. As product owners, hell yes. But the most important thing is to also teach our customers. It’s important that we figure out a holistic approach to build a product that pleases the user and all others who are involved.

The post Web Development Reading List #109 appeared first on Smashing Magazine.


Source: Smashing Magazine

Switching From Adobe Fireworks To Sketch: Ten Tips And Tricks


  

Transitions can be painful. It is in our nature to resist change, even when the possibility of doing something new and different may be exciting. Changing your workflow can be a real challenge if you don’t know where to start or understand how to embark on the change.

Switching From Adobe Fireworks To Sketch: 10 Tips And Tricks

I’ve met with many designers (graphic, interaction, UI, etc.) who stick to old software because they are familiar and in their comfort zone, or because they are too scared to take the “leap of faith” and try something new (even when they know their old software does not allow them to work efficiently and effectively enough).

The post Switching From Adobe Fireworks To Sketch: Ten Tips And Tricks appeared first on Smashing Magazine.


Source: Smashing Magazine

Space Yourself


  

There’s more to spaces than the key you instinctively hit with one of your thumbs between words. Let’s find out what other space characters there are, what their heritage is, and how they can be useful today.

Space Yourself

What you see below are two tweets. In one of them, Paul Irish will be notified of my taunt. In the other one, he’ll be completely oblivious. What’s the difference between the two? Read on!

The post Space Yourself appeared first on Smashing Magazine.


Source: Smashing Magazine

Intimate And Interruptive: Designing For The Power Of Apple Watch


  

“We’re all back at square one again.” That was the overwhelming lesson we learned while designing our first major Apple Watch app for launch. To be successful in designing for this device, the entire way we think about app design will need an overhaul.

Intimate And Interruptive: Designing For The Unique Power Of Apple Watch

The patterns and processes that became standard for other devices are of little help here and, in many cases, can actively hinder efforts to create a beautiful, functional and user-centric watch experience.

The post Intimate And Interruptive: Designing For The Power Of Apple Watch appeared first on Smashing Magazine.


Source: Smashing Magazine

Web Development Reading List #108


  

What’s happening in the industry? What important techniques have emerged recently? What about new case studies, insights, techniques and tools? Our dear friend Anselm Hannemann is keeping track of everything in the web development reading list so you don’t have to. The result is a carefully collected list of articles that popped up over the last week and which might interest you. — Ed.

iOS GUI Templates

Last week I asked for some comments on how web development got more complex in my opinion and I got great feedback. It’s great to see a good discussion as the outcome, and I say “thank you” for all your support!

The post Web Development Reading List #108 appeared first on Smashing Magazine.


Source: Smashing Magazine