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.
Cooking with JS asynchronously🔥
A bit of learning material for you, guys.
What the hell are callbacks, why do I need to promise anything, what's all the fuss about async/await stuff?
If you have ever asked those questions yourself. Here is a quick recipe how to not get confused.
https://teletype.in/@thefrontend/HyQyhqiCM
A bit of learning material for you, guys.
What the hell are callbacks, why do I need to promise anything, what's all the fuss about async/await stuff?
If you have ever asked those questions yourself. Here is a quick recipe how to not get confused.
https://teletype.in/@thefrontend/HyQyhqiCM
Teletype
Cooking with JS asynchronously
If you have ever asked those questions yourself. Here is a quick recipe how to not get confused.
Recently Adobe's UI/UX tool - 'Adobe XD' got a free version available for everyone.
Here is a nice article comparing Adobe's solution with Sketch.
While the article mainly supports the Sketch for designing your UI, the Windows users might give it a proper competition with Adobe.
Which one do you think will have more users in 5 years?
🖌 Adobe XD
💎 Sketch
Here is a nice article comparing Adobe's solution with Sketch.
While the article mainly supports the Sketch for designing your UI, the Windows users might give it a proper competition with Adobe.
Which one do you think will have more users in 5 years?
🖌 Adobe XD
💎 Sketch
