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
Cool scientific slider for your next projectπŸ”₯
Material πŸ†š Bootstrap

August 2014 - date when material ui killed bootstrap in popularity

What do you prefer?
🍏 - material
πŸ‡ - bootstrap
Intro into developing a web app using Python

#python #web
8 cool app ideas for those who want to start developmentπŸ’‘

#ideas #apps
Continuing on the "Learn from a gif" experiment⚑️. In the last survey more people selected to review the frameworks, so here it goesπŸ€·πŸ»β€β™‚οΈ.

1 thing we can see is that Node.js keeps nailing it and for the past 2 years was one of the most popular techπŸ”₯.

Angular is going right afterπŸ₯ˆ, but seems that ReactπŸ’‘ is now getting in the game and we can expect Angular slowly, but steadily loosing its popularity (especially considering all the naming confusions with A1 and A2). And where is Vue, by the way😲?

The 2018 also saw a rise of some new tools, frameworks like Spring and Tensorflow (getting into machine learningπŸ€–, are we?)

If you found this useful, you can select the next topic to review:

πŸ’© = Tools that only loosers would use
πŸ’° = Top Paying Tech
🌏 = Dev Enviroment
Web apps will kill mobile development

#web #vs #native

What do you think?
πŸ–₯ = web
πŸ“± = mobile
Read your user's mind

Those who are interested in something progressive⚑️ in their upcoming projects - should give this a thought.

There are a few demos on how you can benefit from so-called "progressive hover effect" that will be triggered when the user is getting close or "start thinking" πŸ€”about a specific action.

It is a pretty logical move as in the gif example with the search field πŸ”.

From a user perspectiveπŸ‘€, clicking precisely on the search button to trigger typing is a bit "too accurate", while triggering the animation and allow user typing when the mouse gets close enough - brings a very fresh 🍏 and professional πŸ‘” look.

And yes, as you guessed it right, it wouldn't work on your phone correctly🀫
This media is not supported in your browser
VIEW IN TELEGRAM
Another 'progressive hover effect' that complements the previous post and the user guide at the same time on which reaction to click onπŸ˜‰
Keep improving! πŸ‘ŠπŸ»
​​Material update

Seems that we get a few material supporters πŸ™Œ here.

Google recently updated its material framework making it easier to use for designers and developersπŸ‘.

πŸ’‘Key highlights:

πŸ› Material Theming - dev tool to reflect your brand in ios, android and web development

πŸ‘₯Collaboration - help your teamwork

πŸŽ›Components - revealed code snippets to ease material integration

You can also integrate material theme editor with Sketch πŸ’Ž to design it properly

For bootstrap πŸ‡ supporters - there is bootstrap kit (although not free) that will get you decent material feel in your bootstrap (responsivenss is everything, right?) - https://bit.ly/2IwJ0zI
This media is not supported in your browser
VIEW IN TELEGRAM
Material Theme Editor
(aka I am lazy to read the previous post)
Let's find out where you guys are fromβ›±

UK/US🏳️
RussiaπŸ‡·πŸ‡Ί
Asia 🌏
EU πŸ‡ͺπŸ‡Ί
Africa 🌍
Other πŸ‘€

Well, yes - the limit is 6 reactions per post, so had to combine
Is there such a thing like a clean code?

Have recently seen an interview from some of the Yandex developersπŸ”§, who were arguing whether such thing even exist.

Some argued that the code needs to be functional, some said its just need to be understandable and maintainable, others were happy if you simply don't have a 'running away instinct' πŸƒπŸ»β€β™‚οΈ when you see the code.

Here is a quick list πŸ“‹ on what you should consider when writing a code:

πŸ‘₯ If you working in a team, your code needs to be easily understandable

// Commenting your code doesn't have to be too extensive. Simple and easy to understand code is better than loads of comments

βš–οΈ Keep your functions small and avoid duplication

πŸŽ› Try to break down the project into a large number of components

πŸ•Ή If and Switch statements can be easily broken down in separate functions and look much cleaner

πŸ’‘ Convenient variable naming is an absolute must have (no 'var y', please)

πŸ”₯ Follow best practices and SOLID principles

πŸ” Use code checker tools like SonarQube and prettifiers like Atom-beautify

Below is a quick article to extend some of the above points.

πŸ‘“Read time - 6 min

What are you more interested in the future?

πŸ€“Learning Material
πŸ’ŽCool Effects
πŸ“ˆAnalytics
πŸ“°Dev News