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
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
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🤫
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😉
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
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)
(aka I am lazy to read the previous post)
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
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
I absolutely love when new start ups bring convenience and change into conventional industries.
Have been using Revolut for over a year now and moved all my family and friends to it.
Best parts:
💎Amazing interface and design. The app works like a charm.
💊Get me medical insurance every time I need to apply for a visa
👮🏻♂️Virtual disposable card for internet purchases (it is secure)
🔄Easy transfer of money for sharing bills with friends
💱Very decent rates when you travel abroad
💰Well, you can also easily buy/sell crypto (if you are in this kind of thing)
From my experience, it has really outperformed HSBC, Barclays and Lloyds (which are giant banks)
The least, I think everyone should do is check their app design and if you don't need a new bank card in your wallet, simply check it out to see how it should be done in every other bank.
https://bit.ly/2wEOEuM
Have been using Revolut for over a year now and moved all my family and friends to it.
Best parts:
💎Amazing interface and design. The app works like a charm.
💊Get me medical insurance every time I need to apply for a visa
👮🏻♂️Virtual disposable card for internet purchases (it is secure)
🔄Easy transfer of money for sharing bills with friends
💱Very decent rates when you travel abroad
💰Well, you can also easily buy/sell crypto (if you are in this kind of thing)
From my experience, it has really outperformed HSBC, Barclays and Lloyds (which are giant banks)
The least, I think everyone should do is check their app design and if you don't need a new bank card in your wallet, simply check it out to see how it should be done in every other bank.
https://bit.ly/2wEOEuM
This media is not supported in your browser
VIEW IN TELEGRAM
Was collating a post with a list of usefull components in CSS/SVG/JS and found this challenge for you.
Tower of hanoi - built fully in CSS. Try to move all disks to the right to tower🔥
Tower of hanoi - built fully in CSS. Try to move all disks to the right to tower🔥
Collection of beautiful effects in CSS/SVG/JS💡
We can only learn best by reviewing and understanding code from other people.
The following list includes some interesting components and the way for you to bring creativity in your web projects. Have a look and try to understand some of the code snippets.
https://teletype.in/@thefrontend/rkX2CFO0G
We can only learn best by reviewing and understanding code from other people.
The following list includes some interesting components and the way for you to bring creativity in your web projects. Have a look and try to understand some of the code snippets.
https://teletype.in/@thefrontend/rkX2CFO0G
Teletype
Collation of beautifull effects in CSS/SVG/JS
Here is a list of some the nice effects, interesting ideas and useful components.