​​UX And HTML5: Let’s Help Users Fill In Your Mobile Form (2 parts)

Well written and nicely visualised articles on how to properly design and develop user forms. This applies to anything from login/registration to entering bank details.

☝🏻part 1
✌🏻part 2

​​Right, so I have recently worked on ubuntu machine and was surprised there was no proper GitHub client🤷‍♂️. Did a bit of research and ended up with GitKraken🔥 - which turned out to be even better than the default official versions I used on Windows and Mac.

Today, I received an email, suggesting that they giving out free stuff (20 Nintendo Switch, backpacks, t-shirts etc).

Anyone who uses this link to get it also jump into the draw and we can both win something.

Since it's free and I actually use it myself, I thought - why not share with the community. It is available for all OS and who knows maybe you win something.

Go get it - here and if you win please do message me, will be nice that one of us turned out to be quite lucky!

​​Some of you have asked me whether I took this photo or got it somewhere. Unfortunately I didn't study in Maastricht and found that photo + some of the other programming memes that you saw here in @thingsprogrammersdo
(they should get credited for this, shouldn't they? 😂).

They also translate some of the stuff to Russian, so will nicely satisfy those for whom getting English jokes is a challenge🤷‍♂️)

Building websites with modern tools, but without Frameworks

This one is for those, who hate using things like React, Vue and Angular or simply can't be bothered to spend time learning it.

Good news🔥! One guy who has pretty impressive russian IT channel, finally moved into English speaking area, bringing us good quality stuff on frontend & backend.

I promised you to share channels that I read and follow myself, so here is another one to jump at - @web_stack. The articles that he shares are all in English, however the titles are in Russian (good way to make both audiences happy😉).

The ultimate guide to proper use of animation in UX

Ridiculously well visualised explanation on how to use animation.

👓 Read time: 11 min

Meanwhile, Google threw in a new Pixel 🔥. Right from the start, we should avoid the "biggest notch" discussion, as there is literally no point: you leave it, if you like it - and you can hide it, if you don't.

Instead, there are 2 amazing features that I'm really glad they focused on.

☝️ Google Lens is now better integrated and can work like Shazam for photos. You see a new Venom banner in the street - it will show up the closest cinema times to book one right away; your friend is bragging about his top React skills and how he bought this new posh sunglasses? "Google Lens" it and see the prices for those glasses online😉. Really good one, in my opinion. Proper image recognition system is what can boost up evolution pretty significantly along with neural networks, AI, AR etc.

✌️ Google Top Shot - a cool feature that will take several photos all the time (although you click once) and allow you to choose the best photos from AI recommended onces. If implemented correctly, it can do two important things: decrease the quantity of fucked up photos and also save you time deleting 99 photos that were not as good as the one you used for instagram.

One thing I really love is that Google let those people, who actually worked on a product to present (not just managers). Yep, their presentation skills could be better, but at least you can actually see the excitement and passion in their eyes, since they are presenting something they built. Plus, they can answer any type of questions (both tech and non-tech).

PS and no, unfortunately Google doesn't pay me 😔

😡MEAN or 💡LAMP stacks?

Which one is better for a startup?

Especially useful for those who wanted to know more on those (a few of you asked me to post a bit on those)

⚡ Instant view as usual.

👓 Read time: 4 min

Vote for which one you prefer.

​​Draft.js - great framework that can help you transform your boring looking <textarea> into rich, interactive component and allow your users to create more native texts without worrying about Markdown tags.

But if you are lazy to jump into nuances of Draft.js and read their documentation. There is a cool article by Siobhan Mahoney that did all the hard job for you!

🕶Read time: 6 min

​​Graph.js - widgets library to make any web site social.

Probably the easiest way to add in social authentication, messages and comments to your project.

Yass🔥

Can all online shops implement it please?

Github link

How the guy with a famous name - Elliot Alderson (Mr Robot fans - yay) cracked new Donald's dating app. It was done with React Native and Firebase (which is OK), but they have hardcoded the API keys and ids😂 Don't do this.

And have a 👓4 min read on what you should try to avoid or at least hire competent devs if you working on such a big scale.

Hologram - wrote a while ago on VR in web. Found this desktop app to practice creating webVR in a pretty fun way (no coding experience required)

​​Time for some 10/10 goodness.

Have recently been developing a web app that required to follow the styling from another corporate tool, which I didn't have access to.

Found an amazing tool - https://getcssscan.com/ that allow you to hover on any element on the page and copy all their styles with just one click. That did save me a good amount of time, so might help you in your developing aspirations.

Check the video to see what I am talking about.

PS the guy did a good job in developing something so trivial, but very useful. Also, entrepreneurial lesson on setting up a price - you can pay as much as you want with a bottom line of 4.5$, the author claimed that many paid him 10$ and 20$ when realised the benefit of a service. So if you are developing something and not too sure how much to charge, let the audience decide, this is a pretty common strategy in some of the new startups. If your service turns out to be useful, many will pay you more than you expect👍 .

I normally don't post on Sundays, so you can have some time off with your friends and family, but today is an important exception.

A very close person has a birthday today and as a coincidence she also has a small telegram channel (which is one of 4 channels I read on daily basis). Its about traveling and is really good for those, who want to travel or thought of bringing freelancing away from home.

My 🇷🇺russian-speaking audience, please have a look - @tralover and those who don't speak Russian, just visit the channel and throw a ♥️ to the last post there, you have a chance to make someone happy with just 1 click😉

PS there is something cool coming up, by the way, so stay tuned.

t.me/tralover

​​Guten Morgen all ☕!

Quick quizz again to start off.

Java this time:

public class Testing {
public static void main(String[] args){

 // \u000d System.out.println("I love coffee");

     }
}

Have a great day☀️, correct answer tomorrow morning.

​​Answer

The correct one is - 'I love coffee', surprisingly.

The reason is pretty interesting, the Java compiler parses the unicode character \u000d as a new line and the code gets transformed into:

\\ \u000d
System.out.println("I love coffee")

Have an awesome day✊

​​You could do it with CSS

Fancy tool to create cool border-radius effect - link

👓Read about it: 5 min

​​Sharing with you translated template for calculating mobile app cost. Feel free to copy it, change your hourly rate at the bottom and add/remove rows depending on what you are developing.

It is important to be able to justify the "typically high" costs for your development and provide client with approximate timeframe.

Google Docs

​​Why you probably shouldn't use infinite scrolling?

Good article on why sometimes infinite scroll can be a bad UX decision.

👓Read Time: 7 min