TheFrontEndπŸ”₯
10.6K subscribers
275 photos
56 videos
8 files
532 links
πŸ“ Articles
πŸ—ž News
πŸ‘“ Tutorials
πŸ€” UI/UX thoughts

on front endπŸ’‘ mobileπŸ“± and web dev πŸ–₯

Admin: @masant1
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
And if you are here just for nice design insipration - here is a cool effect for utilising notch in iPhone X in 'pull to refresh'. Probably looks even better on Pixel 3 XL considering the sizeπŸ€·β€β™‚οΈ
​​For all my subscribers, who are security maniacs - there is a service called privacy friendly alternatives to Google, that don't track you. Search, mail, youtube, maps. Want to have your life properly secured? Thats is something you will definitely like, cool list of tools and its all free.

I know you like free stuff, you welcome. Want to say thanks?πŸ˜‚ You know how to contact me.
​​Talking about design iterations. Its quite unrealistic to hit the right one from the first time πŸ€·β€β™‚οΈ Even Instagram and Facebook couldn't get it rightπŸ˜‚

By the way, I got it from @perspectiveIX - one of a very few channels that pretty much replaced all of the Media & Tech websites for me. They normally base posts on facts and statistics, which I personally value a lot. Stops the guessing game.

Definitely recommend πŸ”₯
☝️ Ah, this one is good. Heard something similar quite a few times. Read this to understand why adding extra stuff to HTML is not worth it or to strengthen your arguments in the next debate✊
​​Somehow clients really get excited after seeing fully animated apps. So do you 😏 posts with design gets maximum reactions and views.

Well, what can I do, but to share more cool stuff and let you share that too. If you have a nicely animated app or a tool - share with @masant1, I will collate top 3 list and advertise here for freeπŸ”₯

Also, one point to take from this, is that when you presenting it to clients - functionalities and backend is important, but make sure the UX is the best. This will leave the most positive impression. Pareto principle at it best (20% of effort gets you 80% of results).
Wow, personally I love to hear personal stories, especially if they provide uncommon experience. Great article on why one guy left Amazon after only 5 months there.

Coders and Managers, you should read it!

πŸ‘€ Read time: 14 min
​​Well, I had to create another channel

I found myself searching Product Hunt quite often this days. Trying to find nice, useful tools to use.

Which made me realize throwing everything in Saved Messages makes it unrealistic to read through.

Which is the exact reason I decided to simply create a bucket, where I will throw most of the stuff I find to have it nicely stored.

If any of you is interested or also have something to share, have a look - @coolhunt.

I have some nice UI/UX related services on PH, that I will upload soon.
How to create a cool web performance case study on Medium

β˜‘οΈ Write everything in React
β˜‘οΈ Ensure the main landing page is also in React
β˜‘οΈ Think a bit
β˜‘οΈ Rewrite the landing page in Vanilla JS
β˜‘οΈ Track the performance difference
β˜‘οΈ Tell people that TTI decreased by 50%
β˜‘οΈ Don't forget to mention that server side is still in React
β˜‘οΈ PROFIT πŸ€·β€β™‚οΈ

Jokes aside, Netflix rewrote their landing in plain JS and fetched React in the background. Seems that it was a good decision looking solely at the stats.

πŸ‘“ Read time: 7 min
Figma designs can be animated with Principle now

Import/Export between the two apps and add life (animating content) to the mockup.

πŸ‘“ Read time: 3 min
GraphQL: A success story for PayPal Checkout - well explained article from Paypal engineers on how they introduced GraphQL in their stack.

πŸ‘“ Read time: 6 min
​​Let's step aside from coding for a bit and answer yourself the following mental task.

'Imagine that you have decided to see a movie where admission is $10 per ticket. As you enter the theater, you discover that you have lost a $10 bill. Would you still pay $10 for a ticket to the movie?'

πŸ‘Yes
πŸ‘ŽNo


I ll explain later where such post is coming from
​​The result from the previous question is exactly as predicted.

This is explained by something known as Mental Accounting matters. In fact, if the question was a bit rephrased in a form that you loose a ticket itself, not the 10$ bill - your perception might have been different.

Full explanation:

Richard Thaler, a behavioral economist, was the first economist to fully explore the consequences of mental accounting. Although the value of the loss is the same in both scenarios, only 46% said they would buy another movie ticket when they lost their original one. This in comparision to 88% who lost their $10 bill. Buying a second ticket would make the movie seem too expensive, since it now cost $20 in their mind. The loss of cash is not taken into the mental account of the movie. We tend to treat our dollars very differently.

Read more here

Thought that this psychological trait can be also useful in your entrepreneurial activities (wether IT related or not).

Meanwhile, @coolhunt where I initially shared this project on hacking your brains, got 300+ subs without really advertising it much. If you haven't joined yet - there are pretty cool projects there on UX, valuating business ideas and potential product hunt stuff that is worth your attention.
​​What the hell is debouncing and how it can save your life?

πŸ‘“ Read time: 2 min
This media is not supported in your browser
VIEW IN TELEGRAM
Book App UI πŸ”₯ There is nothing else needed to be said here.
​​Alright, lets get it a bit more active than for the last few days.

Start off with some entrepreneurship goodness πŸ”₯.

It became extremely popular this days to build startups under very limited timeframe e.g. weekend, 24 hr.

https://24hrstartup.com/ - this one lets you see how people create startups in just 24 hours. While it can be barely called startups, it can show you how others do it and potentially motivate you to create something yourselfπŸ‘
​​How to get required DOM node from a browser

Cool trick to easily find the node that you are looking for.

πŸ”₯ Select element in the Elements tab

πŸ”₯In console simply write $0

πŸ”₯ You can also find parent element and $_ gives you the last expression
Found a service that creates a photo from your code snippet. Thought its pretty funny πŸ€·β€β™‚

Check it - http://codephoto.ru
noshit.xyz - a list of free design resources for you next project πŸ”₯

Shared by our subscriber @miguelms
A/B testing is no good?πŸ€”

Interesting article on pitfalls of running A/B tests (if you have never heard of them then its just the right time).

The outcome is simple - Don't use things just for the sake of it or because everyone do that. Apply critical thinking to your specific case.

πŸ•ΆοΈ Read time: 4 min
How to learn Vue in 2018

Just nice before the year end. Vue is one of those things that has a strong potential to position itself in the future as the leading JS framework (sorry React πŸ€·β€β™‚)

This is the recipe on what to do.