Обложка канала

TheFrontEnd🔥. Страница 4

10926 @thefrontend
Открыть

📝 Articles🗞 News 👓Tutorials 🤔 UI/UX thoughts ‌

  • TheFrontEnd🔥

    #promo Every second technical specialist in a startup lacks managerial skills. How to improve your IT skills? 🧐 Join School of C's CTO Professional Development Program! 🖥 In 3 months of online training you will: ✅ analyze several real cases together with the founders of startups and get personalized feedback ✅ improve your leadership and management skills ✅ learn the whole inner workings of startups and businesses: what to do and when to do in different situations Hurry up to apply and get access to the Starta VC startup ecosystem! 🌍 Start your journey in IT!⬇ https://bit.ly/3xoqcdz

  • TheFrontEnd🔥

  • TheFrontEnd🔥

    #news Atom code editor is done 🤷 I used to actually like it before I've tried vscode. But now that github belongs to Microsoft it does make sense to focus on vscode instead. 🔗 Link

  • Реклама

  • TheFrontEnd🔥

    People who believed in the internet in the 90s are on top now. Web3 is the same opportunity. HUMANS is a brand new media devoted entirely to demystifying working in web3. To do so, we invite web3 heroes to tell their stories and inspire you all to try your hand at pursuing numerous lucrative vocations. Join our channel to get: - Industry insights from successfully employed web3 folks - Sneak peeks to web3 working environment - Proper market news - MEMES. Soon there’ll also be hot job openings from top web3 companies. Don’t miss out on a life-changing opportunity. tap it @humanswork

  • TheFrontEnd🔥

  • TheFrontEnd🔥

    #tools gradejs.com — a webpack production bundle scanner, that works without access to the source code of a website.

  • TheFrontEnd🔥

    #learn React Profiler - link If you haven't used this one before you are really missing out. I find this one the quickest way to go through you web project and identify places that can be optimised. Works way better than dumping console.log in you renders around the app or using default chrome dev tools performance analyzer. Profiler will show you exactly how many times components re-rendered and why (which props changed etc) Then it's up to you to go around that heavy component and optimise it, memoise certain functions, wrap with React.memo, refactor, add reselect or what not. And personally the nicest practical "let me show you how it works" is from Ben Awad here
    React Developer Tools

    Adds React debugging tools to the Chrome Developer Tools. Created from revision ca7a38ae4 on 5/12/2022.

    Google

  • TheFrontEnd🔥

    #promo 📱🔥 IT Network is a brand new social network for IT, where influencers can earn on content! In the app you can: - Get access to unique content - Communicate with IT experts - Receive interesting job offers - Discuss your projects with the community - Get help and support Try it on Google Play and App Store

  • TheFrontEnd🔥

    #learn Color power They say the cornerstone of any powerful design comes down to colors. On this, I found a great article on the basics that also clarifies why we use red green blue (rgb) in CS, but in painting the primary colors are red, yellow and blue. And that cannot go without hyperlinking coloors that can easily help to generate a color pallette for your next project. And absolute gold, 10/10 goodness is always a handy free tool from canva that not so many people heard about. The best part about it is that you can learn a lot about the theory on different color combination that you can then dynamically generate based on your primary color choice. This then can be used to create graphic from your color palette or get some inspiration from existing ones.

  • TheFrontEnd🔥

    #learn How to make your header look nicer with 5 CSS styles / gradients (with cross-browser compatibility). Personally, some of the options I would never use, but neat linear gradient is a decent one. 🔗 Link 👓 15 min

  • TheFrontEnd🔥

    ᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ

  • TheFrontEnd🔥

  • TheFrontEnd🔥

  • TheFrontEnd🔥

    #uiux So something like this should no longer scare you. All doable.

  • TheFrontEnd🔥

    #uiux Gooey Effect. 10/10 Goodness. Do you know that feeling when your designer went "super creative" and came up with a "liquid" design, which when you look at you start crying as a dev? That's classic. So turns out there is something we can do about it. It's called gooey effect. And it actually makes perfect sense when you think about it. It's essentially a combination of blurring and morphing effects together. 🔗 Very short intro on this effect from CSS tricks 🔗 Gooey react package 🔗 Some cool examples from the attached video

  • Реклама

  • TheFrontEnd🔥

  • TheFrontEnd🔥

    #other Million dollar pitch decks from 18 fintech companies. It's one of those things we all need to be good at when the development side of things is sorted 😉 🔗 Link to airtable

  • TheFrontEnd🔥

    #uiux The guy who made a business by making your keyboard look unusual https://instagram.com/zenkeycaps Not so much frontend related, but we all use keyboards, right?