Why most redesigns fail?

👓 Read time: 9 min

☝️ That's probably the best way to motivate people update their telegram

​​So Christmas and New Year's celebrations are done, looks like it's just the right time to set proper achievable goals for 2019.

For this channel the goal is nice and simple - 6k subs by the end of the 2019. Let's see how it goes.

Thank you to all of you for keeping it engaged and interesting for both myself and you.

Nice tip for those who didn't know. Apart from you favourite console.log, you can also you use console.table for printing out objects in a nice, more visual format

ES6 Tips and Tricks

🕶️ Read time: 10 min

⚡ Instant View

JS asynchronous iterators

Something that many people still don't use in JS programming are async iterators. Typically before the ES2015 was introduced you would use for, for...in, while and methods like map(), filter(), forEach(), but there is also iterator interface, check the below example:

const arr = [10, 20, 30];

const iterator = arr[Symbol.iterator]();

console.log(iterator.next()); // 10 console.log(iterator.next()); // 20
console.log(iterator.next()); // 30 console.log(iterator.next()); //undefined

The next() method returns an object with 2 properties: value (10,20..) and done (true, false depending if its the end or not). Should be self explanatory from the code snippet, but you might be thinking "so why the hell not use for or while ??!🤯".

☝️The interesting thing happens with ES2018 and their Symbol.asyncIterator which returns a promise that fulfills value and done.

If you haven't heard of this before, but can already feel the benefit check the full description with examples here

Help us be better

If you think this channel is useful and you like some of the content, please give it a 💙. Thank you🤝

https://t.me/tgdrbot?start=thefrontend

​​Wireframing thoughts

Recently asked myself a question - out of all those things like Sketch, inVision, Axure, Framer, paper sketches, .ppts - is there a fast way to create an interactive wireframe/prototype that can visually showcase your idea very quickly?

Let the AI do it - was my first thoughts, so I went on to test out skecth2code and uizard.io.

The first one turned out to be pretty cool, but raw - the neural network couldn't even correctly recognise and transform some of their own sketches. And the second one is still in beta with no current public access.

Then how?

Well, I ended up finding an awesome combination with Adobe Comp + Marvel.

The comp thing let you draw wireframes on a tablet (iPad in my case) with really simple gestures. The whole UX is similar to paper sketches, but just better as you can make full colored UI with it. Plus they have free market with tons of usable components. First time I even thought there is something easier than paper sketch.

Marvel, on the other hand, allows you make your static pages interactive with nice transitions.

Morale of the story

Keep trying and testing new things, it always end up being a useful experience.

And go check those, they might make your life really simple at some point. Didn't pay a penny by the way.

Some cool stuff

You probably noticed how the channel got less active after the new year celebrations. Want to compensate a bit and share something usefull for the community.


Therr is a great service for all you wonderful design aspirations - evernote.design

Here is a few links to my favorite services from it.

❤️ Design inspiration

💰 Free UI resources

🕶️ Learn design here

📱 Wireframing

✒️ Typography

📗 Design books

Regarding the book, already shared the Refactoring UI with the winner of the contest. Let me know if any of you also want it and we see if we can make another competition on something.

Definitely save this list, it will be handy at some point, I'm telling you.

​​Ionic - React Native - NativeScript comparison infographics

Which platform is better for cross-platform mobile app development?

Check it out

👔 Six applications === six job offers

Good motivating and educating article on application process and preparation for the biggest tech companies.

Slack recently updated their logo to decrease the amount of colors and follow simplification trend.

I liked more how it looked before.

Since it doesn't matter 🤷‍♂️

Nice free iPhone X mockup for you.

Got all the trends in one place - iPhone with a notch, wireless freaking expensive airpods and something red.

A bit more on the mock-ups.

Found an app that can create a 3D rendered phone mockup in literally 10 seconds (although they claim 3 sec).

Can adjust the phone color, background and apply custom animations🔥

designcamera.app

​​Tilt.js - lightweight parallax tilt effect for any card component. Looks really effective and grabs attention🔥