19 Matching Annotations
  1. Last 7 days
    1. Yann Braga | Storybook Vitest | ViteConf 2025

      This is brilliant. I haven't learned how to do testing properly with frontend development and this tool seems very useful for visualizing interactions with the application. Since these interactions with storybook are all recorded, they are automatically programmed into the code for you.

  2. Oct 2025
    1. UI and UX 101 for Web Developers and DesignersTap to unmute2xUI and UX 101 for Web Developers and DesignersStefan Mischook 5,964 views 1 year agoSearchCopy linkInfoShoppingIf playback doesn't begin shortly, try restarting your device.Pull up for precise seeking2:00•You're signed outVideos you watch may be added to the TV's watch history and influence TV recommendations. To avoid this, cancel and sign in to YouTube on your computer.CancelConfirmgroup besides the live coaching sessionsand uh the interactiveUp nextLiveUpcomingCancelPlay NowStefan MischookSubscribeSubscribedContact: stefan@studioweb.com Entrepreneur | Educator | Tech Mentor I’ve been an entrepreneur since 18, launching my first business in the pet industry before shifting into tech. By 1994, I was building commercial websites, and in 2002, I released my first programming and entrepreneurship courses. In 2011 I launched StudioWeb.com, a gamified teaching and classroom management platform now used in schools across North America. My book, Web Design Start Here (published in 2015), continues to receive great reviews and is available on Amazon. YouTube: What started as a YouTube hobby has grown into a thriving platform where I share insights on coding, entrepreneurship, and tech. I’ve been fortunate to collaborate with top brands, including PayPal, Docker, JetBrains, Wix, BenQ, and more. If you’re looking for a trusted voice in tech and business, let’s connect. StefThe State of the Developer Ecosystem in 202529:00HideShareInclude playlistAn error occurred while retrieving sharing information. Please try again later.Stable VolumeAmbient modeAnnotationsSubtitles/CC (1)English (auto-generated)Sleep timerOffPlayback speed2QualityAuto (1440p HD)14:1014:17 / 15:42•Watch full videoLive••27:14My Unconventional Coding Story | Self-TaughtTravis Media812K views • 2 years agoLivePlaylist ()Mix (50+)14:21The Only 5 Web Design Skills That Actually Matter (2025)Self-Made Web Designer143K views • 3 months agoLivePlaylist ()Mix (50+)15:59I Just Started My Own Car CompanyAndy Didorosi188K views • 12 days agoLivePlaylist ()Mix (50+)15:24how to progress faster than anyone else (in tech)Phillip Choi64K views • 8 days agoLivePlaylist ()Mix (50+)12:237. Foundational Models for Generative Computational Design by Prof. Ferdous Alam (MIT)Jitesh Panchal4 views • 33 minutes agoLivePlaylist ()Mix (50+)22:41Reacting to 21 Design Portfolios in 22 MinutesFlux Academy925K views • 2 years agoLivePlaylist ()Mix (50+)1:19:28Oz Pearlman (Mentalist): This Small Mistake Makes People Dislike You! They Do This, They’re Lying!The Diary Of A CEO168K views • 10 hours agoLivePlaylist ()Mix (50+)23:31The Most Regretted College DegreesSpeeed551K views • 5 days agoLivePlaylist ()Mix (50+)15:344 levels of UI/UX design (and BIG mistakes to avoid)Tim Gabe311K views • 6 months agoLivePlaylist ()Mix (50+)26:35How to Start Freelancing in 2024Stefan Mischook54K views • 1 year agoLivePlaylist ()Mix (50+)15:09Why 2025 is the single most pivotal year in our lifetime | Peter LeydenBig Think and Freethink682K views • 3 days agoLivePlaylist ()Mix (50+)43:53Freelance Web Developer RoadmapTraversy Media146K views • 7 months agoLivePlaylist ()Mix (50+) Toggle info cards/end screens visibility UI and UX 101 for Web Developers and Designers
      1. Alignment
      2. Negative Space
      3. Fonts
      4. Colors
      5. UX vs UI: Usability

      It's all about the eye and the visual aspect of the website building. You may be a great coder and developer and can create many crazy and fascinating functions, but if your website is too cluttered with buttons, its not going to be usable.

    1. Rhetoric is the art or science that aims to study the capacities needed to inform, persuade, or motivate particular audiences (rhetorician). Furthermore, it is the art or science that seeks to achieve clarity, awaken our sense of beauty, or bring about mutual understanding (rhetor). (James A Herrick).

      This is the first time in the article that mentions the definition of Rhetoric. If I were to paraphrase, Rhetoric is the structured process of bridging your ideas across to another group in the hopes of persuading that other group with your ideas.

  3. Sep 2025
    1. Group G Ben Braniff, Kim Maynard, Nick Devic, Maria Echeverri Solis, Sam Yalda

      1. Design has a major impact on the world and society. Even the little things can add up to a lot. Sustainability is a revolutionary Idea that should be at the core of every design now.

      2. Society is another bottom line meaning all design inherently affects humans and/or is designed for humans. It's important to design for the extremes and the edge cases like people with disabilities.

      3. Corporations output a lot of waste. When they make small changes to be more sustainable, it results in big changes and saving a lot of material. Small changes can include anything from using 2% less plastic per water bottle to using wood buttons instead of plastic ones.

      4. A lot of people don't consider themselves disabled, but it's very common at some point in people's lives to have a certain level of impairment. It's important to keep this in mind when designing as you're designing for the general population--not just a specific individual.

      5. Addressing issues like world hunger may require rethinking the way we design food production. As they stated for example, choosing kangaroo meat over beef as a more environmentally sustainable option.

      6. Thoughtful design choices per the example in the video such as adding white circles inside letters to reduce ink use, can improve efficiency and conserve resources.

      7. It is interesting how he opens up his discussion to slowly introduce that design isn't just about doing it for marketing or 'profit' as he pointed out. When watching this it helps a person realize that design is so much more powerful than that if you put it towards another cause. Design could end up being the solution to some of the biggest problems in society.

      8. A very important point he made was that improving accessibility is beneficial to many more people than just the people that initially needed it such as people with disabilities. From this i think a good takeaway is that design should always be considerate of any disabilities/needs that the audience might have because sometimes that design is just better for everyone in general.

      9. My first take is design should go beyond money and aesthetics. By thinking about sustainability and accessibility the designers can create solutions that are socially responsible and environmentally friendly.

      10. My second take is when you design with people with disabilities you end up with solutions that are more usable and inclusive

      1. Design has a major impact on the world and society. Even the little things can add up to a lot. Sustainability is a revolutionary Idea that should be at the core of every design now.

      2. Society is another bottom line meaning all design inherently affects humans and/or is designed for humans. It's important to design for the extremes and the edge cases like people with disabilities.

    1. Loss Aversion

      "Loss aversion plays a crucial role in how organizations make decisions, often leading to a conservative approach that prioritizes risk avoidance over potential gains".

      This also relates to investing where the main driver for big investing firms with a lot of money is risk analysis and the avoidance of losing rather than gaining of money.

      Think about a 20% gain in value of your stock holding verses a 20% loss in your stock holding. If its worth $100, then a loss would get you to $80. In order to get back where you started (gain $20 back), you would have to gain 25% of 80 rather than the 20% you had initially. In percentage gain and loss terms, losses are felt way more than gains.

      source: https://thedecisionlab.com/biases/loss-aversion

    2. Cognitive Load

      There are 3 types of cognitive load: Intrinsic, Extraneous, and Germane. Intrinsic cognitive load is the learning difficulty of the content. Extraneous cognitive load is learning difficulty of the material based on the learning environment. Germane cognitive load is the amount of mental work it is to store and process information into your already existing mental models.

      source: https://thedecisionlab.com/reference-guide/psychology/cognitive-load-theory

    3. Serial Position Effect

      The Serial position effect is based on a combination of 2 effects: the primacy effect and the recency effect.

      The primacy effect essentially means we remember a shorter list of items because there are less of them. "The recency effect describes our tendency to better remember the information we most recently learned".

      If we re-enact how we would go about remembering a list, we start with the first couple list items, remember them because of the primacy effect, carry on and eventually reading off the end of the list where the recency effect kicks in and end up remember the last couple items.

      Source: https://thedecisionlab.com/biases/serial-position-effect

    1. Steve Jobs

      I've seen this video before and really enjoyed watching it a second time in class. One thing I noticed in the video is the very long pause after the guy asked Jobs a question. Jobs really thought deeply about what the guy had to say even though it seemed like an aggressive question.

    1. Confirmation Bias

      This is essential for how social media feeds keeps you on the page and scrolling. By training an algorithm to feed you content that it knows you like and it knows you'll interact with, you are constantly fed the same videos confirming your views. No one wants to watch videos that tells you you're wrong.

    2. Hick's Law

      The more tabs, buttons, and/or links in a webpage lead to a more cluttered, complicated interface. This makes the page process slower and navigating the webpage take longer.

    1. 5 steps to UX design

      Take input from customers and competitors, Organize the information gathered, create a sketch or design, send the design out and get it tested, then iterate and update. Send it out to a variety of people to get better, more diverse set of feedback.