☝️ to explain a bit on all this 'nice animation designs'

Currently I haven't seen those implemented🤷‍♂

In fact, those are just the designs, primarily made with After Effects. The guy is a designer and I can imagine how his vision can make the devs struggle and scratch their heads for some time.

Nevertheless, I believe in a lot of development this will play a crucial role and will simply buy your users attention even though the app might offer already existing functionality.

Try to get some inspiration from those though as the industry is likely to move into this area very soon.

🤔Think about this:
What if uber or skyscanner offered you a Windows 95 design. Unless you are a Microsoft oldschool geek, you would prefer more sleek, smooth, animated UI.

Similarly, those apps that currently 'just do the job' will soon be replaced by those that are faster and nicer. And it makes sense to try and get yourself some libraries, presets that can make yourself competitive.

Just a thought.

By the way, I found the guy responsible for some nice, inspiring designs - check him out.

https://dribbble.com/antalik

React 🆚 Vue 🆚 Hyperapp

Which would you prefer?

React ♥️
Vue ♠️
Wtf is Hyperapp ♦️

🛠 Build your own Instagram clone with Vue.js

#tutorial #vue

Fontisto - a huge collection of customisable icons.

#icons #tools

http://bit.do/eubez

The story how one JS line can slow down ft.com in 10 times and why you should be careful with JSON.parse/stringify

#bestpractice

http://bit.do/eudSR

🤔Do you prefer medium articles as telegram instant view or links?

Personally I like how telegram saves articles and I can read them in groups when I am flying or have no internet connection.

As a happy Pixel user, I cannot avoid posting the Pixel 3 leak from one of the Russian tech channel.

It has been 1.5 years now and unlike my previous Samsung S6 Edge it had absolutely no lags, everything went nice and smooth.

I had to replace battery eventually, which cost me 50$ and 1hr waiting. But now it hold the battery for a full with intensive usage.

On a side note, seems that Google decided not to reinvent the wheel and copy iPhone X design (regardless trying to be authentic). The wired earbuds do look wierd to me though.

For all jQuery fans. Github has recently removed it from its frontend. So did Bootstrap some time ago. Have a look at the article - it explains why this happens.

The long story short - with HTML 5 and CSS possibilities, especially in combination with JS, the benefits that jQuery used to bring us are slowly, but steadily decreasing. Turned out, if you are still using (or suggesting) to use jQuery, some devs would treat you as a not-so-good developer.

However, we all know that time saving is a big thing and if you feel too comfortable with jQuery and want to use it to build something really quickly - you can still add it.

❔The question is simple though - is it worth doing it if in 5 years it will be barely used?

☝️Is anyone interested in a template on how to calculate your app's cost?

It can benefit those who are planning to do freelance work and those who can't code and want to see how much 💰 they need.

While I am preparing an app's calculation template for you, have a look at this one.

Bloomer - React's 🍐Bulma framework

https://bloomer.js.org/#/

To see how the end project might look you can have at Kanban board built with Bulma (just an example)

https://dansup.github.io/bulma-templates/templates/kanban.html

It has its own grid, which practically can be similar to Bootstrap

PS that is the one we are using for our project with the team. More updates will come soon.

Before you all clicked 🤷‍♂wtf is Kanban, here is a good article to get you familiar.

In short, its a thing in management to visualize development and track progress👌

In fact, if you want to learn more on Agile technologies. Understand the difference between Kanban and Scrum, realise that XP is not just Microsoft's OS shoot for 🤷‍♂.

Just a robot Adam wandering around😏 and you are saying React is tough🤷‍♂

#ai #humanvsrobots

⚪️🔵Framer X - is a new design tool that is currently in beta.

It can help in creation of responsive, animated designs..

Haven't tried yet, but their videos look sleek.

https://framer.com/x/

react-device-detect - an interesting tool 🕹 to easily identify which device your user access the page from.

Works perfectly in React and can really simplify your code👍.

👌The easiest way is to wrap your JSX components in '<BrowserView> ... <BrowserView/> and that will be only shown on a desktop.

For a bit more real cases, where the same components will need to appear on both: mobile and desktop, but have to be different somehow - you can easily work with ternary operator like:

 {isBrowser 
? <YourBrowserComponent/> 
: <YourMobileComponent/> }

The isBrowser will return true if the user access your page from the desktop.

Have a look!

How can something so cool and beautiful be so useless in UX practices?😔

​​I like thinking on useful design patterns/decisions that can simplify your user's life by making small changes.

Have a look at progressive hover effects that I posted before.

Here is another pattern I found that made me think '🤔hm, that make sense'.

💡'Previous sign in help' on spectrum.chat website.

☝️First of all, they don't even give you a rudimentary option to sign in with an email and password. Seriously, typing in your email, waiting for a confirm link in your inbox or simply looking through all that spam is ridiculous.

You are more than likely to use google, fb, twitter, github, Instagram or even telegram and having those as a signup options are more than sensible.

💎Another thing, is that they remember which one you previously used. So if you signed in with google and then after a while logged out - it will remind you your previous option.

That makes total sense as I might think 'Damn, which one I used last time google or fb?'.

Cool that some people implement such things and constantly try to make our lives easier as ⏳ time is everything!

PS it does use cookies though. So another +1 in cookies vs sessions debate.

Feel free to share with @masant1 any interesting design patterns you found amusing.

​​Some of you might have seen a post on how to create the best design.

Found another great illustrative examples for you and mistakes to avoid in 🖥 webpage design and ✏️ article design (that relates practically to everyone who ever used Word).

Definitely have a look at the article, at least scroll through pictures to get the main idea as I still see those mistakes very often.

Common webpage design mistakes

Below will 📌 include a selection of the main ones for your convenience.