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

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

10926 @thefrontend

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

  • TheFrontEnd🔥

    #learn #uiux Typogrpahy In fact, the previous UX example was from www.learnui.design where they have cool interactive tutorial on typography. Here is a link if you want to play with it. Takes about 5-10 minutes. Link: www.learnui.design/tools/t…ial.html Don't know about you, but typography was always quite a tricky part for me. Like it always felt super "intuitive" eg Roboto/Lato is good, Comic Sans - is a joke, secondary text should just have 80% opacity instead of playing with weight etc. But properly defining science behind it wasn't always easy. Some things are straightforward and you can get decent typography system into your app by just playing with opacity, line height and some fonts to build proper hierarchy. Either way, if you ever felt like me that quick tutorial is a great way to kickstart your typography mastery.
  • TheFrontEnd🔥

    #uiux Just found this nice little UX example when signing up for something and it gives you links to popular email client out of the box (I generally use web versions, so found it pretty cool)
  • TheFrontEnd🔥

  • Реклама

  • TheFrontEnd🔥

    #news #uiux VS recently got updated and "continued working on the" 3-way merge editor that you can see on the screenshot. Who knows how, but it got enabled in my vscode automatically. without further ado: - VS Settings - Git: Merge Editor - Untick - Go on with your life code.visualstudio.com/updates…es/v1_69
  • TheFrontEnd🔥

  • TheFrontEnd🔥

    hug + hack = infinity

    www.windows93.net
  • TheFrontEnd🔥

    #uiux #thoughts This is the exact part I've tried to avoid in rich text editor. Somehow it always felt way too cluttered to me. I know that's kind of a standard (probably reinforced by Microsoft back in 90s), but c'mon - this has to go away eventually.
  • TheFrontEnd🔥

    #tools I've finally might have found a decent rich text editor for react - megadraft 🔥. Needed something a bit more modern for React that is also quite extensible (eg allows files D&D and markup). Also mimicking something like telegraph (doesn't have to be that cool, but still) Stopped at https://github.com/globocom/megadraft that is based on you guessed it Draft.js 🤓Live demo - https://megadraft.io/#/ Also do share you preferred rich text editors you've used or using right now! I've looked through too many but might have skipped something nice and obvious
  • TheFrontEnd🔥

    #promo ​​Hey there! Looking to boost your Web3 skills?💥💥💥 We are an online university Web3Campus. Our goal is to supply the Web3 market with professionals who have a potential to grow and advance projects with 💡 innovative solutions. Please take a moment to tell us about topics you are most interested in by filling out a quick survey 📝  which should not take more than 3 minutes of your time to complete. Surely all collected data stays anonymous and won't be associated with the respondent in any way ‼️ As a reward for your generosity, upon completion of the survey, you'll earn a FREE guide into the Web3 job market! 💯 🎁 Get started and redeem my prize 🎁
  • TheFrontEnd🔥

  • TheFrontEnd🔥

    #thoughts Ever experienced something like that?
  • TheFrontEnd🔥

  • TheFrontEnd🔥

    #learn The guy behind Tao of React released an article about going through React's source code. An interesting read worth your 23 mins. Also as an extension to what you've seen in other articles shared here. alexkondov.com/readint…de-react
    Reading Source Code: React

    It’s daunting to even think about reading the code of a framework I’ve been using for years. I’ve always seen React as a black box that takes JSX and puts…

    Alexkondov
  • TheFrontEnd🔥

    #learn A pretty good frontend developer roadmap from one of our subscribers (@s3ntlnel). If you don't know where to start your journey, the below is good place to start with. www.flaco.dev/blog/fr…-roadmap
  • TheFrontEnd🔥

  • Реклама

  • TheFrontEnd🔥

    #thoughts I know people hate redux for adding too much boilerplate and generally being applicable to medium/large projects. And of course mobx or even recoil are a bit nicer (my subjective opinion). But what's the hype with zustand? Looks good, but any of you actually tried it on large projects? https://github.com/pmndrs/zustand
    GitHub - pmndrs/zustand: 🐻 Bear necessities for state management in React

    🐻 Bear necessities for state management in React. Contribute to pmndrs/zustand development by creating an account on GitHub.

    GitHub
  • TheFrontEnd🔥

    #news #thoughts Just look at this. I mean we got rid of IE (in fact, it's gonna die in about 20 hours from you reading this). And Safari is either gonna end up in the same boat eventually or Apple gets pushed by regulators and finally support the industry.
  • TheFrontEnd🔥

    #uiux #thoughts I find it entertaining how Apple is trying to push a thought that Safari is modern and all with its latest "oh, look at mac OS Ventura and Safari 16! How cool. It can support Web Push notifications🔥" Even better - Web Push on iOS and iPadOS in 2023! Meanwhile Chrome supported push notifications at least from 2015. All of this aligns quite well with what a dev for web telegram pointed out in 10+ things while Apple is slowing the industry with its Safari. Side note: the webK/webZ telegram client is actually sleek. I use it myself. Side note 2: if you just want to read a bit more on Web Push notifications, explained and compared to app ones this link is for you.