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
Another great UI visualisation for AI chatbot interaction for you
This media is not supported in your browser
VIEW IN TELEGRAM
Good morning y'all!

To get yourself up and running, give your brain a quick challenge below.

And make yourself some coffee β˜• you'll need it.
That's gonna be quick:

Not number is not a number?

console.log(NaN === NaN);
Best way to understand how to make your passwords secure is to understand how people hack them.

Find out what is spidering, dictionary and rainbow table attacks in the article.

πŸ’‘Thought of the day: Even the most beautiful UI is shit if it doesn't protect your users

πŸ‘“ Read time: 14 min
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.