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
Damn, think I can look at it forever

Some UI motivation for your refreshing page interaction πŸ”₯
​​​​Returning back to passwords. This is literally all you need to remember (check the photo)!

How could I forget to include this one with the hacking passwords post?

Good morning β˜• and enjoy your weekend πŸͺ!

PS Oh, one more thing - don't use them, if they're too short please πŸ˜‚
This media is not supported in your browser
VIEW IN TELEGRAM
5 Main ingredients of UX:

🧠 Psychology
πŸ•Ή Usability
πŸ”₯ Design
πŸ–‹οΈ Copyrighting
πŸ“ˆ Analysis

Nice and quick, huh?

More in the article. πŸ‘‡
Yep, it's false πŸ‘

The IEEE 754 spec for floating-point numbers (which is used by all languages for floating-point) says that NaNs are never equal.

However,
undefined === undefined //true
​​Write less code, ship more apps: How Vulcan.js makes me an efficient developer

Read: 7min
​​One of the most common IT questions I hear from CEOs are pretty straightforward, but many still can't answer them in a format that business-minded people would understand.

Something like what's SMTP and POP3. Another popular one is tell me how HTTP works. To not fuck up - here is a childishly easy explanation from a cat πŸ€·β€β™‚οΈ (I know, that already sounds ridiculous, but give it a look)

It also covers HTTPS, SSL and TLS, so might be useful even if you know your stuff

https://howhttps.works
How Dropbox uses Framer X and real data to designπŸ’‘

I know Windows support is demotivating, but we hope for the best✊

πŸ‘“Read time: only 5 min

⚑ Instant link for your convenience (you welcomeπŸ˜‰)
​​There is a trend in web design πŸ–₯️ that started last year and has been reinforced since then. Its the usage of geometric shapes to create an interactive three-dimensional effect.

Apparently, they call it Low Poly and it transferred from computer graphics and 3D modeling. And I see it now in 80% blockchain related projects πŸ˜‚

☝️It does look cool though for an average user, but I suggest you also think about the slow machines that will have to load and process your animations.

β˜• Good morning people and enjoy your day. Its not too long till another Friday, keep up ✊

PS I have just realised that integrated media into long text can also be animated, so many cool gifs that you've missed because of thisπŸ˜’
​​Boys and girls, I am sure we have a very smart, engaged audience here.

What do you think of setting up a small, cosy group to share project ideas and vote for the ones that deserves attention via the bot?

This can help us to expand the horizons, communicate a bit and who knows maybe even take on developing something together πŸ’‘

By sharing problems that we face in our daily lives and want to solve we can bring a bit more attention to it.

If that's something you think would be cool - vote for πŸ”₯

If that's something shitty and noone would need it vote for πŸ’©

Gathering interest is the main one at this stage.
There is a cool thing called Electron that allow you to build cross platform desktop apps with just HTML, CSS and JS

Still think web dev has no potential? You can actually build everything with it now, and with the immersion of cloud powering it is yet to grow further.

Anyways, not so long time ago guys introduces Electron fiddle (like CodePen, JSFiddle but for Electron). You can check it out, play with it, have a look at the snippets from other developers - can really help you if you were planning to created desktop software. Enjoy!

Read time: awkwardly little
​​Wow, just saw a cool service shipstreams.com with a list of makers that stream how they do their work. It is best to learn from the best and you can easily see how others develop or design stuff. There is also a link to their Twitch profiles.

On a side note, I found a cool tutorial to create glitch effect in AE (although on youtube). Recorded and pushed to gif of that tutorial and what kind of effects you can create.

Isn't it the best way to spend your Friday evening after a few pints of Peroni πŸ˜ƒ ?
​​JS Destructuring

Take as an example this code:

render() {
return(
<div className={this.props.className}>
{
this.props.isLoading
? 'Loading...'
: this.props.children
}
</div>
);
}


There are several working operations this.props, which actually slow down your program (a little, but still). And also it creates visual mess (also e.g. in React nearly everyone write it this way).

One way to improve it could be:

render() {
const { className, isLoading, children } = this.props;
return(
<div className={className}>
{isLoading ? 'Loading...' : children}
</div>
);
}


Just one line can make your code easier to read. Consider if you have 10 props.

Benefits:
πŸ‘ Faster
πŸ‘ Cleaner, more understandable code
πŸ‘ Lower probability for errors (especially typos)

If you like this quick posts, give me some love ❀
If not, then monkey πŸ™ˆ
​​Good morning β˜•

Found this new startup, which seems pretty interesting at first for those who are studying and want to enhance their remembering.

It's called Sans Forgetica and what they do is tweak the font to a less obvious one, so that your brain should remember it better.

Done by designers and behavioral scientists from RMIT uni and used principles of cognitive psychology.

While I can't claim how long the effect will last, but you are free to give it a shot. Let me know if that helps you in memorising complex CS concepts.

And this also brings a thought - if they claim it makes your brain memorise the content, how soon will someone use it for their Logo?πŸ˜‚ Tricky Marketing lesson

Check their video, there is a website in description.
Screw it, let's experiment here a bit. See if you still remember this quote from Steve at the end of the hectic Monday.

Please do vote at the end of the day only.
​​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πŸ˜‰).