157 karma · joined March 12, 2014
1. books I had already read and enjoyed before
2. books that were already on my list (either from friends or other recommendations)
3. books I hadn't heard of
That said, I haven't read a book from #3 yet, so I can't fully vouch for it, but #1 and #2 are positive signals to me.
I enjoyed it! Not too difficult but still required some thinking.
I used to volunteer with CoderDojo, a non-profit that hosted intro to coding workshops for kids of all ages (including 7-year-olds). Maybe you can find something like that local to you? I don't know if the organization still exists, but this is one of the lesson plans we used, which I think still holds up today (except the last part, you don't need jQuery anymore lol):
https://github.com/CoderDojoSV/beginner-web
I also came up with my own workshop as a follow-up, specifically about creating fun shapes with css:
https://github.com/heidid/css-art-workshop
I remember the kids also enjoyed trying out Inspect Element on existing webpages – I joked that you could pretend to change your grades to A+'s (temporarily of course), though hopefully grades are not of concern to a 7-year-old yet :)
For the board: I just used a large magnetic whiteboard in a classroom.
For the pieces: I made alphabet letters, kinda like scrabble tiles but ~3x3 inches each, with magnets so that they could stick to the whiteboard.
For moving the pieces: I followed various online tutorials (I forgot which) to make an XY plotter, kinda like this:
https://www.instructables.com/XY-Plotter-Drawing-Robot-Ardui...
I used two stepper motors that were somehow attached to the whiteboard using suction cups.
However, instead of moving around a pen that would draw stuff, my XY plotter moved around an electromagnet. This was all controlled by an Arduino and keyboard. So the user could move the electromagnet, turn on the electromagnet to pick up a letter tile, move the letter, and turn off the electromagnet to disengage.
Of course, none of this worked perfectly, but I still learned a ton, and maybe gives you some inspiration!
I will admit I was briefly even more confused reading that the "west coast" model includes New Jersey (an east coast state) and the "east coast" model includes Stanford (a west coast university)... but whatever lol.
They seem to be using various tools, like Browsertrix: https://github.com/webrecorder/browsertrix-crawler
It sounds promising for interactive sites:
> Support for custom browser behaviors, using Browsertix Behaviors including autoscroll, video autoplay and site-specific behaviors
Browsertrix links to https://replayweb.page/ for a way to view an archived site.
https://medium.com/@maitrishahhhh/adapting-and-excelling-at-...
- The Design of Everyday Things by Don Norman is the classic for learning design.
- Don't Make Me Think by Steve Krug is another classic, and very digestible.
- Refactoring UI is a good book for those coming from a developer perspective: https://refactoringui.com/book/
- Mismatch by Kat Holmes talks about the importance of inclusive design for both usability and innovation.
- Not a book, but Apple's Human Interface Guidelines are excellent: https://developer.apple.com/design/human-interface-guideline...
- Similarly, just try reading the design principles of companies with good design, like Shopify: https://polaris.shopify.com/experiences/crafting-admin
- If you're interested in building a design system, I would start with InVision's Design Systems Handbook: https://www.designbetter.co/design-systems-handbook
Ultimately, good design is informed by research - what is the problem you're trying to solve? What is the user's goal and how can you make that easy for them to achieve? What are you trying to communicate? Start with interviewing 5+ potential users, distilling that data into actionable opportunities, and sketching wireframes on paper before jumping into Figma.
The suggestions implore you to continue browsing on Twitter, instead of leaving Twitter altogether. The cynical take is that the purpose is to drive engagement and revenue, while the UX design take is that this helps users find more conversations that they're interested in, that they wouldn't otherwise find ("you follow Foo, people who follow Foo also follow Bar, so you might like Bar").
As an extreme example, what if all forms of suggestion/recommendation/curation features on all platforms were gone, and only a search bar exists? Then your engagement is limited to the scope of your own thoughts, and you would just leave when you have nothing in mind that you want to search (and thus see fewer ads, generate less revenue, etc). I think there is a balance to be achieved, but companies certainly error on the side of more opportunities to drive engagement.
Anyway, your best bet is probably to cook up a browser extension/script to hide what you don't want to see. Maybe it even exists already. Though of course, the DOM probably changes all the time.
It certainly depends on what their goal is afterwards, is it to go into frontend webdev like React or just learning JS as an intro to computer science in general? There's going to be a jump from coding in Codecademy tutorials to building a project from scratch, but I think their interactive interface is very friendly for beginners.
You don't even need to create an account, just upload a zip of your files.
> The Editorial Design team aims to design category-defining print and digital experiences that resonate with readers of Increment, our quarterly software engineering magazine, and Stripe Press, our book publishing imprint focused on ideas for progress.
> contribute to the layout of Increment’s quarterly print issues from initial design to print production
> collaborates seamlessly with illustrators, editors, writers, other designers, and agency partners.
[0]: https://stripe.com/jobs/listing/editorial-designer-increment...
You get the mp3 files if you pick this option!
Has anyone tried using Chrome's tab groups feature? What do you think of it?
https://www.blog.google/products/chrome/manage-tabs-with-goo...
Can you elaborate more on the technical side? Once you have your designs and sketches, how do you go about digitizing those and creating the actual font?