Bookmarks from Ana RodriguesLinks handpicked by Ana Rodrigues2019-01-20T00:00:00-00:00https://ohhelloana.blogAna Rodriguescontact@ohhelloana.blogBookmarks I saved in 2023 and beyond2024-02-02T00:00:00-00:00https://ohhelloana.blog/bookmarks-2023/<p>Let's get these out of the way!</p>
<h2>Bookmarks related to tech and web development</h2>
<ul>
<li><a href="https://blog.geocities.institute/archives/7047">Shawna, a Set Maker</a> by olia.</li>
<li><a href="https://codefoodpixels.com/blog/2022/12/07/letting-eleventy-schedule-its-own-builds/">Letting Eleventy Schedule Its Own Builds</a> by Luke Morrigan.</li>
<li><a href="https://css-tricks.com/using-trello-as-a-super-simple-cms/">Using Trello as a Super Simple CMS</a> by Phil Hawksworth.</li>
<li><a href="https://daverupert.com/2023/05/assembly-line/">Sometimes the job is an assembly line</a> by Dave Rupert.</li>
<li><a href="https://liptrot.org/guides/">Hands‐on guides to assitive technology and accessibility testing</a> by Adam Liptrot.</li>
<li><a href="https://darekkay.com/blog/rss-styling/">Style your RSS feed</a> by Darek Kay.</li>
<li><a href="https://codepen.io/matuzo/pen/ZEqbXOM">WIP: Block links / Cards</a> by Manuel Matuzović.</li>
<li><a href="https://dm.hn/">Hacker News Blogroll</a>.</li>
<li><a href="https://dev.to/madsstoumann/re-creating-a-japanese-fireworks-catalog-from-1883-in-css-83j">Re-creating a Japanese Fireworks Catalog from 1883 in CSS</a> by Mads Stoumann.</li>
<li><a href="https://blog.yoav.ws/posts/web_platform_change_you_do_not_like/">So, you don't like a web platform proposal</a> by Yoav Weiss.</li>
<li><a href="https://codepen.io/thebabydino/pen/GRwLOKp">Tucked corners</a> by Ana Tudor.</li>
<li><a href="https://www.a11yiseverything.com/quizzes/aria-label/">Take this aria-label quiz</a> by A11y is Everything.</li>
<li><a href="https://viewports.fyi/">The ideal viewport doesn’t exist</a> by Andy Bell.</li>
<li><a href="https://www.nngroup.com/articles/scrolljacking-101/">Scrolljacking 101</a> by Sara Ramaswamy.</li>
<li><a href="https://sundaysites.cafe/">Sunday Sites</a>.</li>
<li><a href="https://developer.mozilla.org/en-US/blog/custom-easing-in-css-with-linear/">Creating custom easing effects in CSS animations using the linear() function</a> by Michelle Barker.</li>
<li><a href="https://www.macstories.net/stories/i-used-a-game-boy-camera-for-facetime-video-calls-in-ipados-17-and-it-was-glorious/">I Used a Game Boy Camera for FaceTime Video Calls in iPadOS 17 and It Was Glorious</a> By Federico Viticci.</li>
<li><a href="https://berjon.com/fixing-search/">Fixing Search</a> by Robin Berjon.</li>
<li><a href="https://codepen.io/gabriellewee/pen/MWqRZzp">Windows 95</a> by Gabrielle Wee.</li>
<li><a href="https://www.theverge.com/2023/6/26/23773914/ai-large-language-models-data-scraping-generation-remaking-web">AI is killing the old web, and the new web struggles to be born</a> by James Vincent.</li>
<li><a href="https://restofworld.org/2023/social-media-privacy-momo-dinosaur/">Why thousands of young Chinese people use a pink dinosaur as their alias</a> by Caiwei Chen.</li>
<li><a href="https://elizabethtai.com/2023/07/06/being-an-imperfect-gardener-of-my-digital-garden/">Being an imperfect gardener of my digital garden</a> by Elizabeth Tai.</li>
<li><a href="https://www.bram.us/2023/10/09/learnwithjason-css-only-scroll-driven-animation/">LearnWithJason: CSS-Only Scroll-Driven Animations</a> by Bramus Van Damme.</li>
<li><a href="https://eleventy-notes.sandroroth.com/">Eleventy Notes</a> by Sandro Roth.</li>
<li><a href="https://www.designethically.com/">Design Ethically</a> by Katherine M. Zhou.</li>
<li><a href="https://jacobian.org/2021/mar/9/coworking-to-write-more/">Coworking With a Friend to Write More</a> by Jacob Kaplan-Moss.</li>
<li><a href="https://www.appblit.com/scribe">Scribe</a>.</li>
<li><a href="https://kizu.dev/scroll-driven-state-transfer/">Scroll-Driven State Transfer</a> by Roman Komarov.</li>
<li><a href="https://roytang.net/2023/10/social-media-lurkers-introverts-blogging/">On Social Media, Lurkers, Introverts, and Blogging</a> by Roy Tang.</li>
<li><a href="https://meyerweb.com/eric/thoughts/2023/11/01/blinded-by-the-light-dom/">Blinded By the Light DOM</a> by Eric A. Meyer.</li>
<li><a href="https://noahliebman.net/projects/plucky-underline/">Plucky: a standing wave underline</a> by Noah Liebman.</li>
<li><a href="https://jonas.do/writing/2023-10-05-side-projects/">Why side projects are essential for creatives—and employers should embrace them</a> by Jonas Downey.</li>
<li><a href="https://www.wired.com/story/first-gen-social-media-users-have-nowhere-to-go/">First-Gen Social Media Users Have Nowhere to Go</a> by Jason Parham.</li>
<li><a href="https://whiona.weblog.lol/2023/10/what-happened-to-blogging-for-the-hell-of-it">What happened to blogging for the hell of it?</a> by Whiona.</li>
<li><a href="https://blog.kizu.dev/never-use-overflow-scroll/">Never Use “Scroll” Value for Overflow</a> by Roma Komarov.</li>
<li><a href="https://benmyers.dev/blog/multilingual-web-accessibility/">Lost in Translation: Tips for Multilingual Web Accessibility</a> by Ben Myers.</li>
<li><a href="https://ashleemboyer.com/blog/don-t-use-fixed-css-height-or-width-on-text-containers">Don't Use Fixed CSS height or width on Buttons, Links, or Any Other Text Containers</a> by Ashlee M Boyer.</li>
<li><a href="https://codepen.io/michellebarker/pen/WNKbQOO">Pixel Art Studio</a> by Michelle Barker.</li>
<li><a href="https://ginger.wtf/posts/building-a-tag-cloud-with-eleventy/">Using 11ty to bring back tag clouds</a> by Ginger.</li>
<li><a href="https://blog.kizu.dev/weekly-bookmarks-005/">Weekly Bookmarks 5: CSS and Web Components</a> by Roma Komarov.</li>
<li><a href="https://darn.es/share-button-web-component/">share-button Web Component</a> by David Darnes.</li>
<li><a href="https://adactio.com/articles/20638">Of Time And The Web</a> by Jeremy Keith.</li>
<li><a href="https://greentechsouthwest.org/insights/dimpact/">DIMPACT – measuring emissions from media and digital entertainment</a> by Ellen Davies.</li>
<li><a href="https://localghost.dev/blog/engineering-progression-for-humans/">Engineering progression for humans</a> by Sophie Koonin.</li>
<li><a href="https://www.nngroup.com/articles/infinite-scrolling-tips/">Infinite Scrolling: When to Use It, When to Avoid It</a> by Tim Neusesser.</li>
<li><a href="https://htmlwithsuperpowers.netlify.app/">HTML with Superpowers</a> by Dave Rupert.</li>
<li><a href="https://jamesdoc.com/blog/2023/git-changelog-in-11ty/">Adding a git based changelog in 11ty</a> by James Doc.</li>
<li><a href="https://www.tommyp.org/blog/tales-from-a-solo-dev">Tales from a solo dev</a> by Tommy Palmer.</li>
<li><a href="https://frontendmasters.com/blog/highlight-text-when-a-user-scrolls-down-to-that-piece-of-text/">Highlight Text When a User Scrolls Down to That Piece of Text</a> by Chris Coyier.</li>
<li><a href="https://ohhelloana.blog/bookmarks-2023/"></a> by .</li>
</ul>
<h2>Other bookmarks</h2>
<ul>
<li><a href="https://visiblemagazine.com/we-are-covids-collateral-damage/">We are COVID’s collateral damage. And we are legion.</a> by Amy Bailey, PhD.</li>
<li><a href="https://everythingchanges.us/blog/energy-makes-time/">Energy makes time</a> by Mandy Brown.</li>
<li><a href="https://jvns.ca/blog/2023/08/07/tactics-for-writing-in-public/">Some tactics for writing in public</a> by Julia Evans.</li>
<li><a href="https://nearlyknowledgeablehistory.blogspot.com/2021/05/the-nine-men-of-madeley.html">The Nine Men Of Madeley</a>.</li>
<li><a href="https://www.etsy.com/uk/listing/642526182/humpty-dumpty-print">Humpty Dumpty Print</a>.</li>
<li><a href="https://purrli.com/">Purrli</a>.</li>
<li><a href="https://www.tortoisemedia.com/2023/10/30/british-police-testing-women-for-abortion-drugs/">British police testing women for abortion drugs</a> by Phoebe Davis.</li>
<li><a href="https://www.theonion.com/i-bet-i-can-speak-spanish-1819583640">I Bet I Can Speak Spanish</a></li>
</ul>
Another round of bookmarks2024-01-23T00:00:00-00:00https://ohhelloana.blog/another-round-of-bookmarks/<p>I had not realised it had been 805 days since my last bookmarks roundup. 805 days. This section is still one of the most visited parts of my little web corner.</p>
<p>It's been so long that I have accumulated an intimidating number of bookmarks. On the other hand, I did go on maternity leave and stayed away from the tech world for a while. I started the draft for this post in May 2023, and here I am, on January 2024, finally sharing it. It's a good thing that for the past few weeks, <a href="https://hidde.blog/sharing-links/">people have been talking a bit more about their bookmarks</a>, and because I want to move to a system of individual link sharing rather than bulk, I needed to get this batch out of the way.</p>
<p>This post will mostly include links from 2022 - things I bookmarked while on maternity leave. It's great to revisit these because I have no memories of that time.</p>
<p>I hope to get another batch of bookmarks from May 2023 out soon, and then I will move on to add them individually. I mentioned before somewhere in these posts, but adding them as a batch isn't working for me right now. I used to do it monthly, but if it is a month that I bookmark a lot, it will be a long post to curate. Right now, this format takes me at least one hour to create. I could switch to a weekly post but must integrate it into my routine. Maybe forcing a time slot every Friday morning or something. I also like the idea of individual link posts so that I can add tags and get back to them quickly.</p>
<h2>Bookmarks related to tech and web development</h2>
<ul>
<li><a href="https://ishadeed.com/article/position-sticky-css-grid/">Using Position Sticky With CSS Grid</a> by Ahmad Shadeed.</li>
<li><a href="https://meowni.ca/posts/doing-the-work/">Doing the work</a> by Monica Dinculescu.</li>
<li><a href="https://colly.com/articles/stream-on">Stream on</a> by Simon Collison.</li>
<li><a href="https://ffoodd.github.io/a11y.css/">a11y.css</a> by Gaël Poupard.</li>
<li><a href="https://12daysofweb.dev/">12 Days of Web</a> by Stephanie Eckles.</li>
<li><a href="https://yuanchuan.dev/pixel-patterns">Pixel patterns</a> by Chuan.</li>
<li><a href="https://tomcritchlow.com/2022/05/29/underground-blogging/">Subterranean Blogging</a> by Tom Critchlow.</li>
<li><a href="https://fixa11y.com/">Fix Contrast</a>.</li>
<li><a href="https://esoteric.codes/">Esoteric.Codes</a> by Daniel Temkin.</li>
<li><a href="https://css-tricks.com/generate-a-pull-request-of-static-content-with-a-simple-html-form/">Generate a Pull Request of Static Content With a Simple HTML Form</a> by Hilman Ramadhan.</li>
<li><a href="https://henry.codes/writing/how-to-use-contentful-with-eleventy/">How To Use Contentful With Eleventy</a> by Henry Desroches.</li>
<li><a href="https://adrianroselli.com/2021/02/whcm-and-system-colors.html">WHCM and System Colors</a> by Adrian Roselli.</li>
<li><a href="https://www.basbroek.nl/getting-started-dynamic-type">Getting Started With Accessibility: Dynamic Type</a> by Bas Thomas Broek.</li>
<li><a href="https://www.smashingmagazine.com/2021/03/svg-generators/">SVG Generators</a> by Iris Lješnjanin.</li>
<li><a href="https://github.com/stars/daviddarnes/lists/11ty">All the Eleventy things</a> by David Darnes.</li>
<li><a href="https://thisiswcag.com/">Web accessibility simplified</a>.</li>
<li><a href="https://yosracodes.hashnode.dev/how-i-make-css-art">How I Make CSS Art</a> by Yosra Emad.</li>
<li><a href="https://www.baldurbjarnason.com/2022/i-cant-keep-up-with-web-dev/">How to keep up with web development without falling into despair</a> by Baldur Bjarnason.</li>
<li><a href="https://css-tricks.com/evergreen-does-not-mean-immediately-available/">“Evergreen” Does Not Mean Immediately Available</a> by Eric Bailey.</li>
<li><a href="https://www.smashingmagazine.com/2022/02/reducing-web-carbon-footprint-optimizing-social-media-embeds/">Reducing The Web’s Carbon Footprint: Optimizing Social Media Embeds</a> by Michelle Barker.</li>
<li><a href="https://css-irl.info/aspect-ratio-is-great/">Aspect Ratio is Great</a> by Michelle Barker.</li>
<li><a href="https://zine.yesterweb.org/issue-02/">Websites as an Act of Creativity</a> by Yesterweb Zine.</li>
<li><a href="https://www.digitalcleanupday.org/">Digital Cleanup Day</a>.</li>
<li><a href="https://how-many.herokuapp.com/index">Estimate how many people using your website might be disabled</a>.</li>
<li><a href="https://mashable.com/article/tumblr-girl-learn-code">From Tumblr girl to engineer: How the platform inspired a generation of women to code</a> by Elizabeth de Luna.</li>
<li><a href="https://www.craigabbott.co.uk/blog/using-the-language-attribute-to-make-your-website-accessible/">Using the language attribute to make your website accessible</a> by Craig Abbott.</li>
<li><a href="https://prototypr.io/post/dont-alienate-your-user-a-primer-for-internationalisation-localisation?utm_source=swlinks-tw">Don’t Alienate Your User: A Primer for Internationalisation & Localisation</a> by Sophie Clifton-Tucker.</li>
<li><a href="https://blog.jim-nielsen.com/2022/what-is-the-web/">What is the Web?</a> by Jim Nielsen.</li>
<li><a href="https://www.joshwcomeau.com/css/understanding-layout-algorithms/">Understanding Layout Algorithms</a> by Josh W Comeau.</li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Privacy_and_the_:visited_selector">Privacy and the :visited selector</a>.</li>
<li><a href="https://tomcritchlow.com/2022/04/01/blogging-accelerator/">Notes on a Blogging Accelerator</a> by Tom Critchlow.</li>
<li><a href="https://sailorhg.com/home_sweet_homepage/">Home Sweet Homepage</a> by Amy Wibowo.</li>
<li><a href="https://sofuckingagile.com/blog/mourning-loss-as-a-remote-team">Mourning loss as a remote team</a>.</li>
</ul>
<h2>Other bookmarks</h2>
<ul>
<li><a href="https://www.theguardian.com/society/2022/mar/30/11-years-10-arrests-at-least-62-women-how-did-britains-worst-cyberstalker-evade-justice-for-so-long">11 years, 10 arrests, at least 62 women: how did Britain’s worst cyberstalker evade justice for so long?</a> by Sirin Kale.</li>
</ul>
Bookmarks that were collecting dust2021-11-09T19:38:23.465-00:00https://ohhelloana.blog/bookmarks-that-were-collecting-dust/<p>Here are some of the things that have been collecting dust in my bookmarks since June. I missed a lot of things shared online since. I hope one day I can catch up. This really isn't my year when it comes to sharing bookmarks. Luckily, the world won't end because of it!</p>
<p>Bookmarks related to tech and web development</p>
<ul>
<li><a href="https://www.smashingmagazine.com/2021/10/guide-debugging-css/">A Guide To CSS Debugging</a> by Stephanie Eckles.</li>
<li><a href="https://www.smashingmagazine.com/2021/10/object-fit-background-size-css/">A Deep Dive Into object-fit And background-size In CSS</a> by Ahmad Shadeed.</li>
<li><a href="https://www.smashingmagazine.com/2021/10/respecting-users-motion-preferences/">Respecting Users’ Motion Preferences</a> by Michelle Barker.</li>
<li><a href="https://podcast-accessibility.com/">Podcast accessibility</a>.</li>
<li><a href="https://skamille.medium.com/an-incomplete-list-of-skills-senior-engineers-need-beyond-coding-8ed4a521b29f">An incomplete list of skills senior engineers need, beyond coding</a> by Camille Fournier.</li>
<li><a href="https://doesmysitedeserverecognition.com/">Does my site deserve recognition?</a></li>
<li><a href="https://thewalrus.ca/the-double-exploitation-of-deepfake-porn/">The Double Exploitation of Deepfake Porn</a> by Maggie MacDonald.</li>
<li><a href="https://sallylait.com/blog/2021/06/17/advice-for-my-younger-dev-self/">Advice for my younger developer self</a> by Sally Lait.</li>
<li><a href="https://www.smashingmagazine.com/2021/06/complete-guide-accessibility-tooling/">A Complete Guide To Accessibility Tooling</a> by Nic Chan.</li>
<li><a href="https://tinytools.directory/">Open source, experimental, and tiny tools roundup</a>.</li>
<li><a href="https://september.city/nostalgia/">Nostalgia is bullshit</a></li>
<li><a href="https://greensock.com/cheatsheet/">GSAP 3 Cheat Sheet</a></li>
<li><a href="https://blog.rentpathcode.com/analyzing-performance-e7aed196df64">Stop building websites for iPhones</a> by David Sommers.</li>
<li><a href="https://web.dev/telegraph/">Improving Cumulative Layout Shift at Telegraph Media Group</a> by Chris Boakes.</li>
<li><a href="https://css-irl.info/inspecting-sizes/">Inspecting Sizes</a> by Michelle Barker.</li>
<li><a href="https://sia.codes/posts/render-blocking-resources/">How to Eliminate Render-Blocking Resources: a Deep Dive</a> by Sia Karamalegos.</li>
<li><a href="https://www.scottohara.me/blog/2021/07/16/section.html">Accessibility of the section element</a> by Scott O'Hara.</li>
<li><a href="https://adactio.com/articles/18580">The State Of The Web</a> by Jeremy Keith.</li>
<li><a href="https://accessibility.blog.gov.uk/2021/09/21/an-update-on-the-accessibility-of-conditionally-revealed-questions/">An update on the accessibility of conditionally revealed questions</a></li>
<li><a href="https://ericwbailey.design/writing/what-they-dont-tell-you-when-you-translate-your-app/">What they don’t tell you when you translate your app</a> by Eric W Bailey.</li>
<li><a href="https://www.smashingmagazine.com/2021/09/improving-accessibility-of-markdown/">Improving The Accessibility Of Your Markdown</a> by Eric W Bailey.</li>
<li><a href="https://spees.dev/2020/01/30/on-tech-management/">On Tech Management</a> by Shelby Spees.</li>
<li><a href="https://blog.cloudflare.com/building-a-pet-cam-using-a-raspberry-pi">Building a Pet Cam using a Raspberry Pi, Cloudflare Tunnels and Teams</a> by Mohak Kataria.</li>
<li><a href="https://believermag.com/ghosts/">I didn’t know how to write about my sister’s death - so I had AI do it for me</a> by Vauhini Vara.</li>
<li><a href="https://blog.jim-nielsen.com/2021/quibbles-with-social-share-imagery/">Quibbles With Social Share Imagery</a> by Jim Nielsen.</li>
<li><a href="https://www.latimes.com/entertainment-arts/story/2021-07-26/la-et-anthony-bourdain-deepfake-ai-voice-documentary-audio-cgi">AI deepfakes of Anthony Bourdain’s voice are only a taste of what’s coming</a> by Matt Pearce.</li>
</ul>
<p>Other bookmarks</p>
<ul>
<li><a href="https://frankchimero.com/blog/2020/burnout-list/">The Burnout List</a> by Frank Chimero.</li>
<li>"<a href="https://twitter.com/FernRiddell/status/1407294336962863113">transphobic hate has stolen the colours of the suffragettes to identify themselves</a>"</li>
<li><a href="https://reallifemag.com/why-cant-we-be-friends/">Why Can’t We Be Friends</a> by Brendan Mackie.</li>
<li><a href="https://unsilencetheconversation.com/">#UnsilenceTheConversation</a> Content note: pregnancy loss</li>
<li><a href="https://amycutler.net/films">Dr. Amy Cutler - films</a>.</li>
</ul>
More bookmarks from 20212021-06-03T18:10:07.942-00:00https://ohhelloana.blog/more-bookmarks-from-2021/<p>I'm not gonna lie - I'm quite disappointed in myself that I still haven't got my poop together and gone back to doing this monthly. I managed to write some blog posts since March but all those happened because I milked really hard the surge of energy I had at that moment.</p>
<p>As I've gone a bit quieter, the following quote has been haunting me every time I sign in on Twitter.</p>
<blockquote>
<p>On the platform, silence isn’t an option, at least not if you want the network to remember you exist.</p>
</blockquote>
<p>Quote via <a href="https://www.documentjournal.com/2021/01/the-internet-didnt-kill-counterculture-you-just-wont-find-it-on-instagram/">The internet didn’t kill counterculture—you just won’t find it on Instagram</a>.</p>
<p>Bookmarks related to tech and web development</p>
<ul>
<li><a href="https://www.stefanjudis.com/today-i-learned/how-to-use-language-dependent-quotes-in-css/">How to display language-specific quotes in CSS</a> by Stefan Judis</li>
<li><a href="https://www.sarasoueidan.com/blog/accessible-icon-buttons/">Accessible Icon Buttons</a> by Sara Soueidan.</li>
<li><a href="https://www.thetimes.co.uk/article/sharing-deepfake-images-must-be-made-a-crime-thf20kqw2">Sharing deepfake images ‘must be made a crime’</a> by Jonathan Ames.</li>
<li><a href="https://kittygiraudel.com/2021/02/17/hiding-content-responsibly/">Hiding content responsibily</a> by Kitty Giraudel.</li>
<li><a href="https://iainbean.com/posts/2021/system-fonts-dont-have-to-be-ugly/">System fonts don’t have to be ugly</a> by Iain Bean.</li>
<li><a href="https://charity.wtf/2021/02/19/questionable-advice-how-can-i-sniff-out-bad-managers-while-interviewing-for-a-job/">Questionable Advice: “How can I sniff out bad managers while interviewing for a job?”</a> by Charity Majors.</li>
<li><a href="https://ishadeed.com/article/css-logical-properties/">Digging Into CSS Logical Properties</a> by Ahmad Shadeed.</li>
<li><a href="https://dev.to/georgedoescode/a-generative-svg-starter-kit-5cm1">A Generative SVG Starter Kit</a> by George Francis.</li>
<li><a href="https://infrequently.org/2021/03/the-performance-inequality-gap/">The Mobile Performance Inequality Gap, 2021</a> by Alex Russell.</li>
<li><a href="https://www.pennlive.com/news/2021/03/pa-woman-created-deepfake-videos-to-force-rivals-off-daughters-cheerleading-squad-police.html">Pa. woman created ‘deepfake’ videos to force rivals off daughter’s cheerleading squad</a> by Jana Benscoter.</li>
<li><a href="https://leaddev.com/career-paths-progression-promotion/why-individual-contributor-tetris-block">Why is an individual contributor like a Tetris block?</a> by Denise Yu.</li>
<li><a href="https://remysharp.com/til/css/perfect-fullscreen-43-aspect-ratio">Perfect fullscreen 4:3 aspect ratio</a> by Remy Sharp.</li>
<li><a href="https://dev.to/afif/100-underline-overlay-animation-the-ultimate-css-collection-4p40">100 underline/overlay animations | The ultimate CSS collection</a> by Temani Afif.</li>
<li><a href="https://www.noiseandgradient.com/?chaos=0.1&colors=%23ed625d-%2342b6c6-%23f79f88-%23b2dfe6-%2303232d&grain=0.1">Noise & gradient</a> by Clara B.</li>
<li><a href="https://www.documentjournal.com/2021/01/the-internet-didnt-kill-counterculture-you-just-wont-find-it-on-instagram/">The internet didn’t kill counterculture—you just won’t find it on Instagram</a> by Caroline Busta.</li>
<li><a href="https://kittygiraudel.com/2021/03/22/a-tale-of-languages/">A tale of languages</a> by Kitty Giraudel.</li>
<li><a href="https://codepen.io/michellebarker/pen/KKagoLy" title="Kentrosaurus">Kentrosaurus</a> by Michelle Barker.</li>
<li><a href="https://css-tricks.com/mistakes-ive-made-as-an-engineering-manager/">Mistakes I’ve Made as an Engineering Manager</a> by Sarah Drasner.</li>
<li><a href="http://www.craigabbott.co.uk/blog/defining-a-strategy-for-accessibility">Defining a strategy for accessibility</a> by Craig Abbott.</li>
<li><a href="https://jvns.ca/blog/2017/04/27/no-feigning-surprise/">No feigning surprise</a> by Julia Evans.</li>
<li><a href="https://www.nytimes.com/2021/04/07/opinion/google-job-harassment.html">After Working at Google, I’ll Never Let Myself Love a Job Again</a> by Emi Nietfeld.</li>
<li><a href="https://www.rollingstone.com/culture/culture-features/target-sex-trafficking-tiktok-hoax-1151665/">A Target Sex-Trafficking Hoax Is Going Viral on TikTok</a> by EJ Dickson.</li>
<li><a href="https://ericwbailey.design/writing/how-to-make-an-ineffective-404-page/">How to make an ineffective 404 page</a> by Eric W Bailey.</li>
<li><a href="https://www.matuzo.at/blog/html-boilerplate/">My current HTML boilerplate</a> by Manuel Matuzovic.</li>
<li><a href="https://www.technologyreview.com/2021/04/02/1021635/beauty-filters-young-girls-augmented-reality-social-media/">Beauty filters are changing the way young girls see themselves</a> by Tate Ryan-Mosleyarchive.</li>
<li><a href="https://piccalil.li/tutorial/build-a-fancy-hover-animation">Build a fancy hover animation</a> by Andy Bell.</li>
<li><a href="https://www.youtube.com/watch?v=96DCTASFniI">The Layers of the Web</a> by Jeremy Keith.</li>
<li><a href="https://devyarns.com/logical-focus-order/">Understanding Logical Focus Order</a> by Rachel Leggett.</li>
<li><a href="https://ishadeed.com/article/tiny-enhancements-in-css/">The Beauty Of Tiny Enhancements In CSS</a> by Ahmad Shadeed.</li>
<li><a href="https://adrianroselli.com/2021/01/bulletproofing-embedded-tweets.html">Bulletproofing Embedded Tweets</a> by Adrian Roselli.</li>
<li><a href="https://css-tricks.com/the-importance-of-career-laddering/">The Importance of Career Laddering</a> by Sarah Drasner.</li>
<li><a href="https://github.com/andy-piccalilli/11ty-base-no-blog">Project base for Eleventy Sites</a> by Andy Bell.</li>
<li><a href="https://www.bloomberg.com/news/articles/2021-04-22/how-to-go-viral-on-tiktok-like-megan-thee-stallion-play-the-app-s-game">How TikTok Chooses Which Songs Go Viral</a> by Shelly Banjo.</li>
<li><a href="https://brianlovin.com/writing/make-a-personal-changelog">Make a personal changelog</a> by Brian Lovin.</li>
<li><a href="https://webdevlaw.uk/2021/04/20/your-cut-and-keep-guide-to-the-unregulated-wild-west-internet/">Your cut-and-keep guide to the “unregulated wild west internet”</a> by Heather Burns.</li>
<li><a href="https://github.com/davatron5000/awesome-standalones">Awesome standalones</a> by Dave Rupert.</li>
<li><a href="https://martinschneider.me/articles/going-public/">Going public</a> by Martin Schneider.</li>
<li><a href="https://lab.hakim.se/flora/">Flora</a> by Hakim El Hattab.</li>
<li><a href="https://www.phirephoenix.com/blog/2021-05-03/privacy">Left alone, together</a> by Jenny Zhang.</li>
<li><a href="https://css-tricks.com/how-to-add-a-double-border-to-svg-shapes/">How to Add a Double Border to SVG Shapes</a> by Mariana Beldi.</li>
<li><a href="https://github.com/rubymorillo/pocket-tech-writing-list">The Pocket Technical Writing List</a> by Stephanie Morillo.</li>
<li><a href="https://css-irl.info/creating-generative-svg-characters/">Creating Generative SVG Characters</a> by Michelle Barker.</li>
<li><a href="https://testingaccessibility.com/">Learn How to Build Accessible Web Apps</a> by Marcy Sutton.</li>
<li><a href="https://maggieappleton.com/nontechnical-gardening">Digital Gardening for Non-Technical Folks</a> by Maggie Appleton.</li>
<li><a href="https://www.deque.com/blog/auditing-design-systems-for-accessibility/">Auditing Design Systems for Accessibility</a> by Anna E. Cook.</li>
<li><a href="https://www.tpgi.com/accessibility-testing-as-a-screen-reader-user/">Accessibility testing as a screen reader user</a> by Isabel Holdsworth.</li>
<li><a href="https://www.sarasoueidan.com/blog/tips-for-reader-modes/">Design for reading: tips for optimizing content for Reader modes and reading apps</a> by Sara Soueidan.</li>
<li><a href="https://technology.blog.gov.uk/2021/04/19/simple-things-are-complicated-making-a-show-password-option/">Simple things are complicated: making a show password option</a> by Andy Sellick.</li>
<li><a href="https://visitmy.website/2020/11/01/why-i-write-weeknotes/">Why I write weeknotes</a> by Steve Messer.</li>
<li><a href="https://bnijenhuis.nl/notes/2021-05-10-automatically-generate-open-graph-images-in-eleventy/">Automatically generate open graph images in Eleventy</a> by Bernard Nijenhuis.</li>
<li><a href="https://ericwbailey.design/writing/dont-use-custom-css-mouse-cursors/">Don’t use custom CSS mouse cursors</a> by Eric W Bailey.</li>
<li><a href="https://hiddedevries.nl/en/blog/2021-05-24-introducing-an-eleventy-starter-project-for-wcag-reports">Introducing: an Eleventy starter project for WCAG reports</a> by Hidde de Vries.</li>
<li><a href="https://uxdesign.cc/inclusive-ux-in-an-era-of-anxiety-dc89c39ec202">Inclusive UX in an era of anxiety</a> by Cara Brashears.</li>
<li><a href="https://shkspr.mobi/blog/2021/05/what-are-unusual-characters/">What are “unusual characters”</a> by Terence Eden.</li>
<li><a href="https://opml.glitch.me/">Twitter to OPLM</a> by Luca Hammer.</li>
<li><a href="https://css-tricks.com/html-inputs-and-labels-a-love-story/">HTML Inputs and Labels: A Love Story</a> by Amber Wilson.</li>
<li><a href="https://adactio.com/journal/18046">Get the FLoC out</a> by Jeremy Keith.</li>
<li><a href="https://www.cassie.codes/posts/swipey-image-grids/">Swipey Image Grids</a> by Cassie Evans.</li>
<li><a href="https://www.smashingmagazine.com/2021/05/complete-guide-css-container-queries/">A Primer On CSS Container Queries</a> by Stephanie Eckles.</li>
<li><a href="https://georgefrancis.dev/writing/create-a-liquid-hover-effect-with-gsap-and-svg/">Create a Liquid Hover Effect with GSAP & SVG</a> by George Francis.</li>
<li><a href="https://jvns.ca/blog/2021/05/24/blog-about-what-you-ve-struggled-with/">Blog about what you've struggled with</a> by Julia Evans.</li>
<li><a href="https://adactio.com/journal/18117">The cage</a> by Jeremy Keith.</li>
<li><a href="https://chias.blog/2021/in-defense-of-disorder-on-career-creativity-and-professionalism/">In defense of disorder: on career, creativity, and professionalism</a> by Chiara Amisola.</li>
</ul>
<p>Other bookmarks</p>
<ul>
<li><a href="https://www.aljazeera.com/features/2021/3/10/how-portugal-silenced-centuries-of-violence-and-trauma">How Portugal silenced ‘centuries of violence and trauma’</a> by Ana Naomi de Sousa.</li>
<li><a href="https://twitter.com/cdespinosa/status/1371162640173559810">All culture is cancel culture </a>(via twitter).</li>
<li><a href="https://www.latimes.com/opinion/op-ed/la-xpm-2013-apr-07-la-oe-0407-silk-ring-theory-20130407-story.html">How not to say the wrong thing by Susan Silk</a> and Barry Goldman.</li>
<li><a href="https://twitter.com/wank_666/status/1376580978311901186">Crab mentality</a> (via twitter).</li>
<li><a href="https://twitter.com/joulee/status/1377645731515822081">My identity = my job has a dark side</a> (via twitter).</li>
<li><a href="https://www.polygon.com/22358945/wii-fit-nintendo-health-ring-fit-adventure">For some, Wii Fit’s legacy is body shame</a> by Ana Diaz.</li>
<li><a href="https://www.irishtimes.com/culture/books/kevin-power-my-first-novel-was-a-hit-i-could-write-full-time-and-that-made-me-angry-1.4543526">My first novel was a hit. I could write full-time. And that made me … angry</a> by Kevin Power.</li>
<li><a href="https://www.vice.com/en/article/y3dmav/what-does-it-cost-to-go-on-rupauls-drag-race">Shantay, You Pay: Inside the Heavy Financial Burden of Going On ‘Drag Race’</a> by Rachel Miller.</li>
<li><a href="https://www.theguardian.com/politics/2021/may/13/eu-citizens-arriving-in-uk-being-locked-up-and-expelled">EU citizens arriving in UK being locked up and expelled</a> by Giles Tremlett and Lisa O'Carroll.</li>
<li><a href="https://the-orbit.net/brutereason/2016/03/24/boundary-setting-vs-tone-policing">Boundary Setting vs Tone Policing</a> by Miri.</li>
<li><a href="https://annehelen.substack.com/p/just-because-your-early-career-was">Just because your early career was hell doesn't mean others' has to be</a> by Anne Helen Petersen.</li>
<li><a href="https://amyhupe.co.uk/articles/hope-in-the-dark/">Hope in the dark: a post for mental health awareness week</a> by Amy Hupe.</li>
</ul>
Catching up on my bookmarks2021-03-06T13:00:00-00:00https://ohhelloana.blog/catching-up-on-my-bookmarks/<p>The thing about loss is that it just doesn't seem to end. It gets easier though. One day you wake you and you're feeling fine but one insignificant action somehow opens the gates for the sadness to creep in. And then that's it. The floodgates open and the tears come out.</p>
<p>If I thought the last months of 2020 were somewhat hard, January really proved me wrong. I do regret that I neglected my monthly bookmarks post. I've been wondering if I should start sharing the bookmarks individually like some folks do so that it doesn't pile up. I will think about it.</p>
<p>I'm sure I accidentally missed some bookmarks - a consequence of delaying sharing them. I hope that I can catch up on my missed bookmarks in my next post. It is also likely that I accidentally missed some posts from friends. Being online hasn't been a priority for me.</p>
<p>Take care friends.</p>
<h2>Bookmarks related to tech or web development</h2>
<ul>
<li><a href="https://11ty.rocks/">11ty Rocks</a> by Stephanie Eckles.</li>
<li><a href="https://www.studio24.net/blog/accessibility-of-content-management-systems-whats-stopping-us/">Accessibility of Content Management Systems – what’s stopping us?</a> by Marie Manandise.</li>
<li><a href="https://www.wired.co.uk/article/stalkerware-spyware-monitoring-apps-uk">Inside the fight to rid the world of abusive stalkerware </a>by Helena Pozniak.</li>
<li><a href="https://shinesolutions.com/2018/01/08/falsehoods-programmers-believe-about-names-with-examples/">Falsehoods Programmers Believe About Names – With Examples</a> by Tony Rogers.</li>
<li><a href="https://css-tricks.com/gifs-and-prefers-reduced-motion/">GIFS and prefers-reduced-motion</a> by Chris Coyier.</li>
<li><a href="https://css-tricks.com/parsing-markdown-into-an-automated-table-of-contents/">Parsing Markdown into an Automated Table of Contents</a> by Lisi Linhart.</li>
<li><a href="http://a11yengineer.com/">Accessibility Acceptance Criteria</a>.</li>
<li><a href="https://dev.to/kimmaida/7-tips-for-career-advancement-and-personal-fulfillment-5e02">7 Tips for Career Advancement and Personal Fulfillment</a> by Kim Maida.</li>
<li><a href="https://www.washingtonpost.com/technology/2020/11/19/can-not-quit-facebook/">Why it’s easy to hate Facebook but hard to leave</a> by Heather Kelly.</li>
<li><a href="https://chrisburnell.com/article/time-to-cache-up/">Time to Cache Up</a> by Chris Burnell.</li>
<li><a href="https://plaiceholder.co/">Plaiceholder</a> by Joe Bell.</li>
<li><a href="https://css-tricks.com/a-dynamically-sized-sticky-sidebar-with-html-and-css/">A Dynamically-Sized Sticky Sidebar with HTML and CSS</a> by Ryan Mulligan.</li>
<li><a href="https://webfoundation.org/2020/11/the-impact-of-online-gender-based-violence-on-women-in-public-life/">The impact of online gender-based violence on women in public life</a> by Web Foundation.</li>
<li><a href="https://www.smashingmagazine.com/2020/11/weaving-web-accessibility-usability/">Weaving Web Accessibility With Usability</a> by Uri Paz.</li>
<li><a href="https://thoughtbot.com/blog/so-you-wanna-create-an-eco-friendly-website">So you wanna create an eco-friendly website</a> by Eric Bailey.</li>
<li><a href="https://visitmy.website/2020/12/05/bookmarks-3/">Boomarks #3</a> by Steve Messer.</li>
<li><a href="https://joelhooks.com/on-writing-more">Stop Giving af and Start Writing More</a> by Joel Hooks.</li>
<li><a href="https://www.joshwcomeau.com/css/rules-of-margin-collapse/">The Rules of Margin Collapse</a> by Joshua Comeau.</li>
<li><a href="https://almanac.httparchive.org/en/2020/accessibility">Web Alamanc - Accessibility</a> by Olu Niyi-Awosusi and Alex Tait.</li>
<li><a href="https://webdevlaw.uk/2020/12/09/facebook-derangement-syndrome/">Facebook Derangement Syndrome</a> by Heather Burns.</li>
<li><a href="https://kittygiraudel.com/2020/12/10/accessible-icon-links/">Accessible icon links</a> by Kitty Giraudel.</li>
<li><a href="https://yqnn.github.io/svg-path-editor/">SVG Path Editor</a></li>
<li><a href="https://www.technologyreview.com/2020/12/04/1013068/algorithms-create-a-poverty-trap-lawyers-fight-back/">The coming war on the hidden algorithms that trap people in poverty</a> by Karen Hao.</li>
<li><a href="https://henry.codes/writing/spotify-now-playing/">How To Use The Spotify API and Netlify Functions To Build A “Now Playing” Widget</a> by Henry Desroches.</li>
<li><a href="https://thoughtbot.com/blog/alt-vs-figcaption">Alt vs Figcaption</a> by Elaina Natario.</li>
<li><a href="https://css-tricks.com/not-much/">Not Much</a> by Ire Aderinokun.</li>
<li><a href="https://www.theatlantic.com/technology/archive/2020/12/facebook-doomsday-machine/617384/">Facebook Is a Doomsday Machine</a> by Adrienne LaFrance.</li>
<li><a href="https://umaar.com/dev-tips/242-considerate-javascript/">Conditional JavaScript, only download when it is appropriate to do so</a> by Umar.</li>
<li><a href="https://ably.com/blog/airtable-database-realtime-messages">Using Airtable as a database to store realtime messages</a> by Srushtika Neelakantam.</li>
<li><a href="https://remysharp.com/2020/12/17/webbish">Webbish</a> by Remy Sharp.</li>
<li><a href="https://medium.com/bumble-tech/interface-localisation-adapting-text-fields-for-rtl-languages-67a386006a17">Interface localisation: adapting text fields for RTL languages</a> by Mitya Kuznetsov.</li>
<li><a href="https://www.smashingmagazine.com/search-engine-optimization-checklist/">Search Engine Optimization Checklist (PDF)</a> by Frederick O’Brien.</li>
<li><a href="https://tomcritchlow.com/2018/02/23/small-b-blogging/">Small b blogging</a> by Tom Critchlow.</li>
<li><a href="https://colly.com/articles/this-used-to-be-our-playground">This used to be our playground</a> by Simon Collison.</li>
<li><a href="https://blog.tito.io/posts/designing-with-empathy/">Designing with Empathy: Don’t</a> by Doc Parsons.</li>
<li><a href="https://dev.to/marcysutton/content-visibility-and-accessible-semantics-2994">Content-visibility and Accessible Semantics</a> by Marcy Sutton.</li>
<li><a href="https://amberwilson.co.uk/blog/are-your-anchor-links-accessible/">Are your anchor links accessible?</a> by Amber Wilson.</li>
<li><a href="https://themarkup.org/2020-in-review/2020/12/15/algorithms-bias-racism-surveillance">Algorithms Behaving Badly: 2020 Edition</a> by The Markup Staff.</li>
<li><a href="https://www.nj.com/middlesex/2020/12/he-spent-10-days-in-jail-after-facial-recognition-software-led-to-the-arrest-of-the-wrong-man-lawsuit-says.html">He spent 10 days in jail after facial recognition software led to the arrest of the wrong man, lawsuit </a>says by Anthony G. Attrino.</li>
<li><a href="https://www.vice.com/en/article/zme97a/inside-the-strange-world-of-youtube-thumbnails">Inside the Strange World of YouTube Thumbnails</a> by Louise Matsakis.</li>
<li><a href="https://eleventy-parcel.netlify.app/">Eleventy-Parcel</a> by Michelle Barker.</li>
<li><a href="https://github.com/5t3ph/eleventy-plugin-template">Eleventy Plugin Template</a> by Stephanie Eckles.</li>
<li><a href="https://css-tricks.com/give-your-eleventy-site-superpowers-with-environment-variables/">Give your Eleventy Site Superpowers with Environment Variables</a> by Andy Bell.</li>
<li><a href="https://tink.uk/thoughts-on-screen-readers-and-image-recognition/">Thoughts on screen readers and image recognition</a> by Léonie Watson.</li>
<li><a href="https://yuanchuan.dev/how-to-make-seamless-patterns">How To Make Seamless Patterns</a> by Yuan Chuan.</li>
<li><a href="https://hiddedevries.nl/en/blog/2021-01-04-how-i-turned-my-goodreads-data-into-a-self-hosted-website-with-eleventy">How I turned my Goodreads data into a self-hosted website with Eleventy</a> by Hidde de Vries.</li>
<li><a href="https://sia.codes/posts/architecting-data-in-eleventy/">Architecting data in Eleventy</a> by Sia Karamalegos.</li>
<li><a href="https://ishadeed.com/article/building-real-life-components/">The Art of Building Real-life Components</a> by Ahmad Shadeed.</li>
<li><a href="https://beesbuzz.biz/blog/2316-Distributed-toxicity-and-the-IndieWeb">Distributed toxicity and the IndieWeb</a> by Fluffy.</li>
<li><a href="https://defaced.dev/tools/simple-social-image-resizer/">Simple Social Image Resizer</a> by Chris Johnson.</li>
<li><a href="https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/">Front-End Performance Checklist 2021</a> by Vitaly Friedman.</li>
<li><a href="https://codersblock.com/blog/the-surprising-things-that-css-can-animate/">The Surprising Things That CSS Can Animate</a> by Will Boyd.</li>
<li><a href="https://sarahmhigley.com/writing/grids-part2/">Grids Part 2: Semantics</a> by Sarah Higley.</li>
<li><a href="https://svgcrop.com/">SVG Crop</a> by Steve Dennett.</li>
<li><a href="https://www.technologyreview.com/2021/01/29/1017065/ai-image-generation-is-racist-sexist/">An AI saw a cropped photo of AOC. It autocompleted her wearing a bikini</a> by Karen Hao.</li>
<li><a href="https://webdevlaw.uk/2021/01/30/why-generation-x-will-save-the-web/">Why Generation X will save the web</a> by Heather Burns</li>
<li><a href="https://adactio.com/journal/17794">Authentication</a> by Jeremy Keith.</li>
<li><a href="https://uxdesign.cc/uniwidth-typefaces-for-interface-design-b6e8078dc0f7">Uniwidth typefaces for interface design</a> by Lisa Staudinger.</li>
<li><a href="https://dev.to/georgedoescode/create-a-generative-landing-page-webgl-powered-background-animation-3nl0">Create a generative landing page & WebGL powered background animation</a> by George Francis.</li>
<li><a href="https://taeluralexis.com/2021/02/08/command-line-basics-a-short-sweet-introduction/">Command Line Basics: A Short & Sweet Introduction</a> by Tae'lur Alexis.</li>
<li><a href="https://exposing.ai/">Exposing.ai</a> by by Adam Harvey and Jules LaPlace.</li>
<li><a href="https://www.aboutmonica.com/blog/adding-instagram-timeline-to-next-js-site">How to Add Instagram Timeline To a NextJS Site</a> by Monica Powell.</li>
<li><a href="https://ericwbailey.design/writing/accessibility-auditing-and-ego/">Accessibility auditing and ego</a> by Eric W Bailey.</li>
<li><a href="https://css-irl.info/finding-an-elements-nearest-relative-positioned-ancestor/">Finding an Element’s Nearest Relative Positioned Ancestor</a> by Michelle Barker.</li>
<li><a href="https://benmyers.dev/blog/skip-links/">Implement a Skip Link for Navigation-Heavy Sites</a> by Ben Myers.</li>
<li><a href="https://adrianroselli.com/2020/02/link-targets-and-3-2-5.html">Link Targets and 3.2.5</a> by Adrian Roselli.</li>
<li><a href="https://piccalil.li/tutorial/improve-the-readability-of-the-content-on-your-website">Improve the readability of the content on your website</a> by Andy Bell.</li>
<li><a href="https://www.smashingmagazine.com/2021/02/responsive-image-effects-css-gradients-aspect-ratio/">Create Responsive Image Effects With CSS Gradients And aspect-ratio</a> by Stephanie Eckles.</li>
</ul>
<h2>Other bookmarks</h2>
<ul>
<li><a href="https://www.thetricontinental.org/studies-4-coronashock-and-patriarchy/">CoronaShock and Patriarchy</a>.</li>
<li><a href="https://www.vox.com/2020/11/12/21562278/jails-prisons-texas-covid-19-coronavirus-crime-prisoners-death">80 percent of those who died of Covid-19 in Texas county jails were never convicted of a crime</a> by Jerusalem Demsas.</li>
<li><a href="https://medium.com/@damonreece/the-uncanny-valley-of-culture-9d035a3c1776">The Uncanny Valley of Culture</a> by Damon.</li>
<li><a href="https://www.theguardian.com/world/2020/nov/26/matt-hancock-former-neighbour-won-covid-test-kit-contract-after-whatsapp-message">Hancock's former neighbour won Covid test kit work after WhatsApp message</a> by Felicity Lawrence.</li>
<li><a href="https://thecorrespondent.com/820/the-time-has-come-to-take-the-self-out-of-self-care/108559145640-42103323">The time has come to take the self out of self-care</a> by Tanmoy Goswami.</li>
<li><a href="https://visitmy.website/2020/12/12/reading-list-picks-of-2020/">Reading list picks of 2020</a> by Steve Messer.</li>
<li><a href="https://lyz.substack.com/p/the-real-reason-local-newspapers">The Real Reason Local Newspapers are Dying</a> by Lyz.</li>
<li><a href="https://www.glaad.org/amp/beginners-guide-being-ally-to-trans-people">A beginner's guide to being an ally to trans people</a> by Ted Ravago.</li>
<li><a href="https://www.bbc.co.uk/news/world-asia-55301200">The family with no fingerprints</a> by Mir Sabbir.</li>
<li><a href="https://twitter.com/Rainmaker1973/status/1340643235983740929">Trail cam footage of opossum and a skunk.</a></li>
<li><a href="https://www.spacetobefree.co.uk/thoughts/newyear">Figuring Out What You Need To Flourish In The New Year</a> by Nina Dearden.</li>
<li><a href="https://tatianamac.com/posts/mistakes/">Compassionate action over empathy</a> by Tatiana Mac.</li>
<li><a href="https://twitter.com/johnharris1969/status/1346545808515223556">Lockdown ramifications</a>.</li>
<li><a href="https://hbr.org/2020/12/why-you-need-to-stop-using-these-words-and-phrases">Why You Need to Stop Using These Words and Phrases</a> by Rakshitha Arni Ravishankar.</li>
<li><a href="https://www.dw.com/en/in-germany-your-ex-must-destroy-nude-photos-on-request/a-18934921">In Germany, your ex must destroy nude photos on request</a> by Ben Knight.</li>
<li><a href="https://www.curbed.com/2021/01/vessel-hudson-yards-suicide-problem.html">I Knew the Vessel Was Going to Have a Suicide Problem Years Before It Was Built</a> by Audrey Wachs.</li>
<li><a href="https://www.theguardian.com/inequality/2017/nov/08/us-vs-them-the-sinister-techniques-of-othering-and-how-to-avoid-them">Us vs them: the sinister techniques of ‘Othering’ – and how to avoid them</a> by John A Powell.</li>
<li><a href="https://www.thecut.com/2020/07/ana-de-armas-infamous-twitter-stan-account-speaks.html">Twitter’s Most Infamous Stan Account Speaks</a> by Sangeeta Singh-Kurtz.</li>
<li><a href="https://www.theguardian.com/technology/2021/jan/20/far-right-extremists-take-over-uk-land-sales-facebook-page">Far-right extremists take over UK land sales Facebook page</a> by Alex Hern.</li>
<li><a href="https://chias.blog/2021/in-defense-of-disorder-on-career-creativity-and-professionalism/">In defense of disorder: on career, creativity, and professionalism</a> by Chiara Amisola.</li>
<li><a href="https://francesmx.medium.com/how-i-recovered-from-imposter-syndrome-after-changing-career-to-software-engineering-a4edbf609d44">How I recovered from imposter syndrome after changing career to software engineering</a> by Frances Maxwell.</li>
<li><a href="https://www.propublica.org/article/meet-the-customer-service-reps-for-disney-and-airbnb-who-have-to-pay-to-talk-to-you?utm_medium=social&utm_source=twitter">Meet the Customer Service Reps for Disney and Airbnb Who Have to Pay to Talk to You</a> by Ken Armstrong, Justin Elliott and Ariana Tobin.</li>
<li><a href="https://www.huffingtonpost.co.uk/entry/hoarding-second-generation-families_uk_5f85647ac5b6e6d033a75528">Hoarding Is All Too Familiar To Second Generation Brits. Here's Why</a> by Deborah Yewande Bankole.</li>
<li><a href="https://conversationalist.org/2021/02/19/content-moderation-wont-stop-the-spread-of-disinformation-heres-why/">Content moderation won’t stop the spread of disinformation. Here’s why</a> by Jillian C. York</li>
<li><a href="https://www.nytimes.com/2021/02/23/opinion/britney-spears-mara-wilson-hollywood.html">The Lies Hollywood Tells About Little Girls</a> by Mara Wilson.</li>
</ul>
Bookmarks from September and October2020-11-02T13:33:15.591-00:00https://ohhelloana.blog/bookmarks-from-september-and-october/<p>The whole September I was quite overwhelmed with work and life. I remember that in September "The Social Dilemma" came out. I don't remember a lot more weirdly. <br>
<br>
In October I managed to take two weeks off! Visited the Isle of Wight for the first time to celebrate my birthday. Last week I took some time off to study for my "Life in the UK" exam. I also took an English exam. And I passed both!! Now I have the basics to begin the process to apply for British citizenship.</p>
<p>Time is still blur. Some days are particularly hard. It is what it is.</p>
<p>Bookmarks related to tech or web development:</p>
<ul>
<li><a href="https://websitesetup.org/web-accessibility-checklist/">Web accessibility checklist</a> by Bruce Lawson.</li>
<li><a href="https://www.technologyreview.com/2020/09/03/1007716/digital-gardens-let-you-cultivate-your-own-little-bit-of-the-internet/">Digital gardens let you cultivate your own little bit of the internet</a> by Tanya Basuarchive.</li>
<li><a href="https://www.bdadyslexia.org.uk/advice/employers/creating-a-dyslexia-friendly-workplace/dyslexia-friendly-style-guide">Dyslexia friendly style guide</a> by The British Dyslexia Association.</li>
<li><a href="https://magnetfinge.rs/">Magnet Fingers</a> by Charlotte Dann.</li>
<li><a href="https://codepen.io/HighFlyer/full/GRZyONO">SVG Line animation</a> by Thea.</li>
<li><a href="https://a11y.coffee/">A11y Coffee</a>.</li>
<li><a href="https://bbc.github.io/gel/components/pockets/">Pocket pattern</a>.</li>
<li><a href="https://www.aboutmonica.com/blog/how-to-make-your-vs-code-sparkle">How to make your VSCode sparkle</a> by Monica Powell.</li>
<li><a href="https://the-sustainable.dev/how-to-audit-your-website-on-a-budget/">How to audit your website on a budget</a>.</li>
<li>"<a href="https://www.theverge.com/2020/9/4/21419993/the-social-dilemma-jeff-orlowski-netflix-movie-review-social-media-algorithms">Telling people to delete Facebook won’t fix the internet</a>" by Adi Robertson.</li>
<li>"<a href="https://css-tricks.com/how-css-perspective-works/">How CSS Perspective Works</a>" by Amit Sheen.</li>
<li>"<a href="https://sallylait.com/blog/2020/09/11/focusing-your-learning-goals/">A framework for focusing your learning goals</a>" by Sally Lait.</li>
<li>"<a href="https://scottvinkle.me/blogs/blog/hidden-content">Tips on Making Sure Hidden Content is Accessible (or Not!)</a>" by Scott Vinkle.</li>
<li><a href="https://twitter.com/colinmadland/status/1307111816250748933">Thread on Algorithms and Black Faces</a>.</li>
<li>"<a href="https://onezero.medium.com/data-privacy-exhaustion-is-real-9ca868068f2b">Data Privacy Exhaustion Is Real</a>" by Simon Pitt.</li>
<li>"<a href="https://www.matuzo.at/blog/writing-even-more-css-with-accessibility-in-mind-user-preferences/">Writing even more CSS with Accessibility in Mind, Part 2: Respecting user preferences</a>" by Manuel Matuzovic.</li>
<li>"<a href="https://blog.sapegin.me/all/accessibility-testing/">The most useful accessibility testing tools and techniques</a>" by Artem Sapegin.</li>
<li><a href="https://www.theguardian.com/commentisfree/2020/oct/17/uk-tax-brexit-data-haven-britain?CMP=Share_iOSApp_Other">You've heard of tax havens. After Brexit, the UK could become a 'data haven'</a> by Carissa Véliz.</li>
<li>"<a href="https://www.lflegal.com/2020/08/quick-fix/">Honor the ADA: Avoid Web Accessibility Quick-Fix Overlays</a>".</li>
<li>"<a href="https://adactio.com/journal/17573">Portals and giant carousels</a>" by Jeremy Keith.</li>
<li>"<a href="https://css-irl.info/why-i-dont-have-time-for-your-coding-challenge/">Why I Don’t Have Time For Your Coding Challenge</a>" by Michelle Barker.</li>
</ul>
<p>Other bookmarks:</p>
<ul>
<li>"<a href="https://www.theguardian.com/artanddesign/gallery/2020/sep/01/pom-poms-and-pigs-bladders-the-traditions-of-germanys-black-forest-in-pictures">Pom-poms and pig's bladders: the traditions of Germany's Black Forest – in pictures</a>" by Mee-Lai Stone.</li>
<li>"<a href="https://www.creativeboom.com/inspiration/candy-coloured-photographs-of-la-by-george-byrne/">Candy-coloured photographs of LA's glorious hidden beauty by George Byrne</a>" written by Katy Cowan.</li>
<li>"<a href="https://www.nytimes.com/2020/09/05/technology/parents-time-off-backlash.html">Parents Got More Time Off. Then the Backlash Started</a>." by Daisuke Wakabayashi and Sheera Frenkel.</li>
<li>"<a href="https://www.the-tls.co.uk/articles/official-history-of-united-kingdom-according-to-home-office/">How not to be an alien</a><a href="https://www.the-tls.co.uk/articles/official-history-of-united-kingdom-according-to-home-office/"></a>" By Frank Trentmann.</li>
<li><a href="https://twitter.com/RussInCheshire/status/1306904082108624896">Brexit/Ireland/Trade thread</a>.</li>
<li>"<a href="https://www.mentalfloss.com/article/83262/how-photo-retouching-worked-photoshop">How Photo Retouching Worked Before Photoshop</a>" by Jocelyn Sears.</li>
<li>"<a href="https://www.bloomberg.com/features/2020-japan-lost-generation/">Japan’s Lost Generation Is Still Jobless and Living With Their Parents</a>" by Yoshiaki Nohara.</li>
<li>"<a href="https://cookingonabootstrap.com/2020/07/30/the-price-of-potatoes-and-the-value-of-compassion/">You Don’t Batch Cook When You’re Suicidal</a>" by Jack.</li>
<li>"<a href="https://medium.com/indica/the-overwhelming-racism-of-covid-coverage-78e37e4ce6e8">The Overwhelming Racism Of COVID Coverag</a>e" by Indi Samarajiva.</li>
<li><a href="https://www.thecut.com/article/emily-ratajkowski-owning-my-image-essay.html">Buying Myself Back</a> by Emily Ratajkowski.</li>
</ul>
August bookmarks2020-09-07T00:00:00-00:00https://ohhelloana.blog/august-2020-bookmarks/<p>The highlight of the month was: <a href="https://www.smashingmagazine.com/2020/08/autonomy-online-indieweb/">My article for Smashing Magazine went live</a>!! Please read (and share if you think someone else would like it too)! 🤗</p>
<h2>Bookmarks from August</h2>
<h3>Web development</h3>
<ul>
<li><a href="https://systemuicons.com/">System UIcons</a> by Corey Ginnivan.</li>
<li><a href="https://www.transparenttextures.com/">Transparent textures</a> by Mike Hearn.</li>
<li><a href="https://matthiasott.com/notes/debugging-html-with-advanced-css-selectors">Debugging HTML With Advanced CSS Selectors</a> by Matthias Ott.</li>
<li><a href="https://codepen.io/michellebarker/pen/MWygYdm">Multiple drop-shadows on clipped element</a> by Michelle Barker.</li>
<li><a href="https://codepen.io/Mamboleoo/pen/xxVKWPG">Rainbow color selection</a> by Louis Hoebregts.</li>
<li><a href="https://css-irl.info/drop-shadow-the-underrated-css-filter/">Drop-Shadow: The Underrated CSS Filter</a> by Michelle Barker.</li>
<li><a href="https://www.youtube.com/watch?v=wjcuhMXuULY">Build vs Buy: Software Systems at Jurassic Park</a> by Todd Gardner.</li>
<li><a href="https://codepen.io/enbee81/full/zYrXVGo">Gradient angles in CSS</a> by Nils Binder.</li>
<li><a href="https://gist.github.com/threepointone/2c2fae0622681284410ec9edcc6acf9e">Feature flags</a> by Sunil Pai.</li>
<li><a href="https://sebastiangreger.net/2020/08/figuring-out-how-to-markup-a-figure">Figuring out how to mark up a figure</a> by Sebastian Greger.</li>
<li><a href="https://github.com/nickcolley/convert-html-to-accessible-pdf">Convert HTML to Accessible PDF</a> by Nick Colley.</li>
<li><a href="https://ericwbailey.design/writing/a11y-is-web-accessibility.html">a11y is web accessibility</a> by Eric W Bailey.</li>
<li><a href="https://www.ilithya.rocks/blog/generative-art/">Generative art</a> by Ilithya.</li>
<li><a href="https://github.com/matuzo/a11y-tests.css">a11y-tests.css</a> by Manuel Matuzovic.</li>
<li><a href="https://gist.github.com/zachleat/a7393810acf7890e6bef6a34eaa7b78c#gistcomment-3426446">smoothscroll.css</a> by Zach Leatherman.</li>
<li><a href="https://tink.uk/the-difference-between-aria-label-and-aria-labelledby/">The difference between aria-label and aria-labelledby</a> by Léonie Watson.</li>
<li><a href="https://www.matuzo.at/blog/heres-what-i-didnt-know-about-content/">Here’s what I didn’t know about “content”</a> by Manuel Matuzovic.</li>
<li><a href="https://beesbuzz.biz/blog/3876-Incremental-progress">Incremental progress</a> by Fluffy.</li>
<li><a href="https://codepen.io/inescodes/pen/VwapRLO">Spirited Away CSS Illustration</a> by Inès.</li>
<li><a href="https://codepen.io/fossheim/pen/BaKQGZJ">RolandMC-500.css</a> by Sarah Fossheim.</li>
<li><a href="https://css-tricks.com/category/history/">Web History</a> by Jay Hoffmann.</li>
<li><a href="https://codepen.io/cobra_winfrey/full/qBZWVmO">Take Me On</a> by Adam Kuhn.</li>
</ul>
<h3>Nice things on personal websites</h3>
<ul>
<li><a href="https://anaulin.org/blog/structured-book-data-in-hugo-posts/">Adding Structured Book Data to My Blog Posts</a> by Ana Ulin.</li>
<li><a href="https://amberley.dev/gratitude/">Gratitude</a> by Amberley Romo.</li>
<li><a href="https://jamesg.blog/2020/09/03/my-first-homebrew-website-club-meeting.html">My First Homebrew Website Club Meeting</a> by James Gallagher.</li>
<li><a href="https://www.tiffanymatthe.com/not-extraordinary">Being OK With Not Being Extraordinary</a> by Tiffany Matthé.</li>
<li><a href="https://visitmy.website/2020/07/13/this-website-is-killing-the-planet/">This website is killing the planet</a> by Steve Messer.</li>
<li><a href="https://lisilinhart.info/projects/portfolio-2020/">Personal Portfolio Refresh</a> by Lisi Linhart.</li>
</ul>
<h3>Others</h3>
<ul>
<li><a href="https://onezero.medium.com/a-permanent-nightmare-pinterest-moderators-fight-to-keep-horrifying-content-off-the-platform-4d8e7ec822fe">A Permanent Nightmare’: Pinterest Moderators Fight to Keep Horrifying Content Off the Platform</a> by Sarah Emerson.</li>
<li><a href="https://www.instagram.com/p/CBgjB2LHFXa/?igshid=1x1d9l362r5pc">Structural Racism and it's Influence on GPs/Dermatologist</a> by Harriet.</li>
<li><a href="https://gen.medium.com/the-pandemic-isnt-forcing-moms-out-of-the-workforce-dads-are-e0cb58e1965b">The Pandemic Isn’t Forcing Moms Out of the Workforce — Dads Are</a> by Jessica Valenti.</li>
<li><a href="https://psyche.co/ideas/you-want-people-to-do-the-right-thing-save-them-the-guilt-trip">You want people to do the right thing? Save them the guilt trip</a> by Claudia R Schneider.</li>
<li><a href="https://www.wsj.com/articles/millennials-covid-financial-crisis-fall-behind-jobless-11596811470">Millennials Slammed by Second Financial Crisis Fall Even Further Behind</a> by Janet Adamy.</li>
<li><a href="https://www.atlasobscura.com/articles/kek-lapis-sarawak">The Mesmerizing Geometry of Malaysia’s Most Complex Cakes</a> by Samantha Chong.</li>
<li><a href="https://www.vox.com/the-goods/21359098/social-justice-slideshows-instagram-activism">How social justice slideshows took over Instagram</a> by Terry Nguyen.</li>
<li><a href="https://kotaku.com/ubisofts-metoo-reckoning-two-months-later-1844717203">Ubisoft's #MeToo Reckoning, Two Months Later</a> by Ethan Gach and Ash Parrish.</li>
<li><a href="https://www.dissentmagazine.org/online_articles/when-polaroid-workers-fought-apartheid">When Polaroid Workers Fought Apartheid</a> by Michael McCanne.</li>
<li><a href="https://www.theguardian.com/world/2020/aug/16/facebook-algorithm-found-to-actively-promote-holocaust-denial">Facebook algorithm found to 'actively promote' Holocaust denial</a> by Mark Townsend.</li>
<li><a href="https://leaddev.com/so-you-want-build-antiracist-teams">So you want to build antiracist teams?</a> by Erica Stanley.</li>
<li><a href="https://qz.com/1668502/colin-mcginn-started-a-philosophy-consultancy-to-advise-on-business-ethics/">A philosopher accused of sexual harassment started a company to advise on business ethics</a> by Olivia Goldhill.</li>
<li><a href="https://www.tinykat.cafe/on-all-that-fuckery">On all that fuckery</a> by Kat Fukui.</li>
<li><a href="https://www.refinery29.com/en-us/2020/08/9987054/new-teacher-challenge">A Message To TikTok Parents Who Use My Face To Make Their Kids Cry</a> by Melissa Blake.</li>
<li><a href="https://leaddev.com/harassers-are-nice-me-and-probably-you">Harassers are nice to me, and probably to you</a> by Sarah Milstein.</li>
<li><a href="https://www.thetimes.co.uk/article/britain-cant-afford-to-miss-this-chance-to-clean-up-the-web-z236dx6h9">Britain can’t afford to miss this chance to clean up the web</a> by Salma Shah. (Note: I didn't actually read this one because I don't have a subscription.)</li>
<li><a href="https://webfoundation.org/2020/08/activists-and-tech-companies-met-to-talk-about-online-violence-against-women-here-are-the-takeaways/">Activists and tech companies met to talk about online violence against women: here are the takeaways</a>.</li>
<li><a href="https://www.unconsentingmedia.org/">Unconsenting Media</a>.</li>
</ul>
<h3>Tweets</h3>
<ul>
<li><a href="https://twitter.com/fightu4anapple/status/1296214703132221440">What trauma sometimes is</a>.</li>
<li><a href="https://twitter.com/danidonovan/status/1290040952153763840">Productivity Anxiety</a> by Dani Donovan.</li>
<li><a href="https://twitter.com/SEOStephW/status/1298944838386282496">Google sheets trick</a>.</li>
<li><a href="https://twitter.com/Schnumn/status/1300434770267115520">On not being social</a>.</li>
<li><a href="https://twitter.com/esrdogrescue">Edinburgh Samoyed Rescue</a>.</li>
<li><a href="https://twitter.com/wallysfax/status/1298946810736566272">How the email finds me</a>.</li>
<li><a href="https://twitter.com/audrocur/status/1298893122747822081?s=20">Malicious compliance</a>.</li>
<li><a href="https://twitter.com/Relentlessbored/status/1298518581274185728?s=20">Relatable alligator</a>.</li>
<li><a href="https://twitter.com/HeyChelseaTroy/status/1296061607198494720">On authors</a>.</li>
<li><a href="https://twitter.com/humorandanimals/status/1292899088313257984">Two types of dogs</a>.</li>
</ul>
<p>And now, in all honesty, my article was indeed the highlight of the month. Mostly because I struggled a lot with my mental health this past month. Maybe it is because I read a lot of unhappy things (my "others" section is nightmare fuel) but I can't help it. I can't just escape. Just a hopeless, powerless and anxious month. Hopefully this September I... feel better.</p>
<p>PS.: I am almost certain I missed some links here of awesome stuff friends did. I'm sorry... My brain isn't fully here recently.</p>
July bookmarks2020-08-04T00:00:00-00:00https://ohhelloana.blog/july-2020-bookmarks/<p>I've been thinking about this bookmark page especially because styling wise it is incomplete and a bit ugly and one day someone will call me out. But that isn't the only thing I've been thinking about: all those days (almost all this year) when I thought that I've done nothing for myself or my career I like to come to my bookmarks page and scroll. The work in the links that I collect here wasn't done by me, but they were learned by me and that is progress and accomplishment. All these people contributed to expanding my views and to my growth. I'm proud of my small archive.</p>
<h2>Bookmarks from July</h2>
<h3>Web development/tech related content</h3>
<ul>
<li><a href="https://webdevlaw.uk/2020/07/03/check-your-privacy-privilege/">Check your privacy privilege.</a> by Heather Burns.</li>
<li><a href="https://www.fastcompany.com/90523292/discrimination-charges-at-pinterest-reveal-a-hidden-silicon-valley-hiring-problem">Discrimination charges at Pinterest reveal a hidden Silicon Valley hiring problem</a> by Katharine Schwab.</li>
<li><a href="https://monzo.com/blog/training-and-resources-to-help-you-make-your-organisation-more-inclusive">Training and resources to help make your organisation more inclusive</a> by Monzo.</li>
<li><a href="https://shiinobee.itch.io/chronicles-of-2020">Chronicles of 2020</a> by Bea.</li>
<li><a href="https://codepen.io/kathykato/pen/pogaOKG">Clipped Image Reveal on Hover</a> by Katherine Kato.</li>
<li><a href="https://lisilinhart.info/posts/css-houdini-performance">Performance - CSS Painting vs. CSS Houdini Paint API</a> by Lisi Linhart.</li>
<li><a href="https://accessibility-for-teams.com/accessibility-for-product-managers">Accessibility for Product Managers</a> by Peter van Grieken.</li>
<li><a href="http://pauljadam.com/demos/video.html">Video Accessibility Demo</a> by Paul J. Adam.</li>
<li><a href="https://joebell.co.uk/fyi/writing-cleaner-css-transitions">Writing Cleaner CSS Transitions</a> by Joe Bell.</li>
<li><a href="https://pineco.de/accessibility-donts-learn-from-basic-mistakes-in-web-design/">Accessibility Dont’s, Learn From Basic Mistakes in Web Design</a> by Adam Laki.</li>
<li><a href="https://stylestage.dev/">Style Stage</a> by Stephanie Eckles.</li>
<li><a href="https://vincentp.me/articles/2020/07/16/16-20/">From Indieweb Monolith to Microservices</a> by Vincent Pickering.</li>
<li><a href="https://doesmysitedeserverecognition.com/">Does my site deserve recognition?</a> by Adrian Roselli.</li>
<li><a href="https://adamsilver.io/articles/float-labels-are-problematic/">Float labels are problematic</a> by Adam Silver.</li>
<li><a href="https://websitesetup.org/web-accessibility-checklist/">Web Accessibility Checklist</a> by Bruce Lawson.</li>
<li><a href="https://codepen.io/argyleink/pen/BajvPLz">Easings Are Rad</a> by Adam Argyle.</li>
<li><a href="https://martinfowler.com/articles/feature-toggles.html">Feature Toggles (aka Feature Flags)</a> by Pete Hodgson.</li>
<li><a href="https://twitter.com/b0rk/status/1285257205571366917">Position: absolute</a> by Julia Evans.</li>
<li><a href="https://medium.com/@mandy.michael/you-dont-need-a-media-query-for-that-1-inline-content-separators-a9c562a597a6">You don’t need a media query for that: #1 Inline content separators</a> by Mandy Michael.</li>
<li><a href="https://css-irl.info/from-gatsby-to-eleventy/">From Gatsby to Eleventy: Choosing a Static Site Generator for a Personal Site</a> by Michelle Barker.</li>
<li><a href="https://medium.com/ubxd/using-the-gov-uk-prototype-kit-for-back-office-systems-cd0f30129dbf">Challenges and opportunities: Using the GOV.UK Prototype Kit for Back Office systems</a> by Claudia Hopkins.</li>
<li><a href="https://ishadeed.com/article/css-multiple-backgrounds/">Understanding CSS Multiple Backgrounds</a> by Ahmad Shadeed.</li>
<li><a href="https://www.a11ywithlindsey.com/blog/7-ways-tweets-more-accessible">7 Ways to make your Tweets more Accessible</a> by Lindsey.</li>
<li><a href="https://themarkup.org/google-the-giant/2020/07/23/google-advertising-keywords-black-girls">Google Ad Portal Equated “Black Girls” with Porn</a> by Leon Yin and Aaron Sankin.</li>
<li><a href="https://www.youtube.com/watch?v=bjn_eY_cu3Q">Building a Linktree in Webflow | Episode 2 of Webflow 101</a> by Sara Brunettini.</li>
<li><a href="https://edition.cnn.com/2020/07/25/opinions/americans-with-disabilities-act-30th-anniversary-thompson-johns/index.html">The story of the Americans with Disabilities Act is all about bridges</a> by Vilissa Thompson and David J. Johns.</li>
<li><a href="https://doodle-place.glitch.me/">Doodle place</a> by Lingdong Huang.</li>
<li><a href="https://www.smashingmagazine.com/2020/07/thoughts-feelings-creative-wellness/">It’s Good To Talk: Thoughts And Feelings On Creative Wellness</a> by Jhey Tompkins.</li>
<li><a href="https://dev.to/lydiahallie/cs-visualized-cors-5b8h">CS Visualized: CORS</a> by Lydia Hallie.</li>
<li><a href="https://www.theverge.com/21339756/moms-in-tech-facebook-group-racism-white-fragility-community-members">Moms in Tech Facebook group splintering over allegations of racism</a> by Zoe Schiffer.</li>
<li><a href="https://codepen.io/lynnandtonic/pen/VweJKbg">Single div CSS cross stitch</a> by Lynn Fisher.</li>
<li><a href="https://piccalil.li/tutorial/build-a-dashboard-with-cube-css/">Build a dashboard with CUBE CSS</a> by Andy Bell.</li>
<li><a href="https://css-tricks.com/fluid-images-in-a-variable-proportion-layout/">Fluid Images in a Variable Proportion Layout</a> by Lari Maza.</li>
<li><a href="https://1linelayouts.glitch.me/">1-Line Layouts</a> by Una.</li>
<li><a href="https://codepen.io/michellebarker/pen/PoZVqYd">Single div colour wheel</a> by Michelle Barker.</li>
<li><a href="https://www.melissamcewen.com/blog/wordpress-is-fine-for-tech-blogging/">WordPress is fine for tech blogging</a> by Melissa McEwen.</li>
<li><a href="https://piccalil.li/newsletter/50/">Piccalilli Newsletter - Issue #50</a> by Andy Bell.</li>
<li><a href="https://alistapart.com/article/webwaste/">Webwaste</a> by Gerry McGovern.</li>
<li><a href="https://github.com/gnclmorais/bookshelf">Bookshelf</a> by Gonçalo Morais.</li>
</ul>
<h3>Others</h3>
<ul>
<li><a href="https://dignified-mammoth.itch.io/wave-or-waive">Wave or waive game</a>.</li>
<li><a href="https://holapapi.substack.com/p/im-scared-to-learn-new-things">I'm Scared to Learn New Things</a> by John Paul Brammer.</li>
<li><a href="https://theoutline.com/post/7373/you-cant-beat-an-unwinnable-game-you-break-it?zd=4&zi=mjxogv4y">You can’t beat an unwinnable game, but you can break it</a> by Joe Veix.</li>
<li><a href="https://www.their.tube/">Their tube</a>.</li>
<li><a href="https://joshnesbitt.cooking/parisian-baguette/">Parisian Baguette</a> by Josh Nesbitt.</li>
</ul>
<h3>Tweets</h3>
<ul>
<li><a href="https://twitter.com/hankchizljaw/status/1280155138397810688">Representation of twitter arguments</a>.</li>
<li><a href="https://twitter.com/heybuddy_comic/status/1280188690162204674">Joke about capitalism, corona and the government</a>.</li>
<li><a href="https://twitter.com/emrazz/status/1280615057295052801">Cancel culture always existed for women</a>.</li>
<li><a href="https://twitter.com/gnuman1979/status/1281244842081878016?s=20">When you spend $100 on your cat</a>.</li>
<li><a href="hhttps://twitter.com/vizcomic/status/1289113569632673792">Sick and tired of the "I'm not a robot"</a>.</li>
<li><a href="https://twitter.com/Herne_TheHunter/status/1287653401342423040?s=20">Cat eating</a>.</li>
<li><a href="https://twitter.com/liatrisbian/status/1286278309849059328">For when we want to feel better about ourselves</a>.</li>
<li><a href="https://twitter.com/borrachacansada/status/1285435787001999360?s=20">Cat cube</a>.</li>
<li><a href="https://twitter.com/blakekathryn/status/1283068489964478465">Beautiful portfolio items</a>.</li>
</ul>
Other bookmarks from May and June2020-07-16T17:32:01.971-00:00https://ohhelloana.blog/may-june-other-bookmarks/<p>The news are quiet now and it is on purpose. There's protests happening. There's things happening. They just aren't showing it anymore. #BlackLivesMatter</p>
<p>I can't believe that I also have to say this but... wear a mask!</p>
<p>My bookmark list was getting big so here's a couple of things I've saved during May and June 2020.</p>
<h2>Bookmarks from the last couple of months</h2>
<h3>Web development/tech related content</h3>
<ul>
<li><a href="https://oliverjam.es/blog/diy-analytics-netlify-functions/">Build your own analytics with Netlify Functions</a> by Oliver Phillips.</li>
<li><a href="https://ldnwebperf.org/sessions/screen-readers-and-cookie-consents/">Screen readers and cookie consents</a> by Léonie Watson.</li>
<li><a href="https://drawing.garden/">Drawing garden</a>.</li>
<li><a href="https://moderncss.dev/">Modern CSS Solutions</a> by Stephanie Eckles.</li>
<li><a href="https://css-tricks.com/lazy-load-embedded-youtube-videos/">Lazy load embedded YouTube videos</a> by Chris Coyier.</li>
<li><a href="https://cassey-til.glitch.me/">Today Cassey Learned</a> by Cassey Lottman.</li>
<li><a href="https://www.htmhell.dev/20-close-buttons/">#20 HTMHell special: close buttons</a> by Manuel Matuzović.</li>
<li><a href="https://accessibility.expedia.biz/">Expedia Accessibility Guidelines (ExAG)</a>.</li>
<li><a href="https://www.gov.uk/government/publications/cdei-publishes-briefing-paper-on-facial-recognition-technology/snapshot-paper-facial-recognition-technology">Snapshot Paper - Facial Recognition Technology</a>.</li>
<li><a href="https://codepen.io/oliviale/full/BaoXOOP">CSS Grid: Newspaper Layout</a> by Olivia Ng.</li>
<li><a href="https://www.aleksandra.codes/tech-content-consumer">Most tech content is bullshit</a> by Aleksandra Sikora.</li>
<li><a href="https://website-gallery.now.sh/">Monica's inspiration gallery</a>.</li>
<li><a href="https://www.aleksandra.codes/tech-content-consumer">Most tech content is bullshit</a> by Aleksandra Sikora.</li>
<li><a href="https://www.sarasoueidan.com/blog/keyboard-friendlier-article-listings/">Optimizing keyboard navigation using tabindex and ARIA</a> by Sara Soueidan.</li>
<li><a href="https://codepen.io/thebabydino/pen/LYGGwrm?editors=1100">Pure CSS halftone portrait from jpg source</a> by Ana Tudor.</li>
<li><a href="https://codepen.io/fossheim/pen/VweaNYW">CSS Casio keyboard</a> by Sarah Fossheim.</li>
<li><a href="https://blog.logrocket.com/new-media-queries-you-need-to-know/">New media queries you need to know</a> by Kristofer Selbekk.</li>
<li><a href="https://neustadt.fr/essays/the-small-web/">The small web</a> by Parimal Satyal.</li>
<li><a href="https://codepen.io/jh3y/pen/XWmvwYg">Border radius playground</a> by Jhey.</li>
<li><a href="https://amberwilson.co.uk/blog/where-did-the-focus-go/">Where did the focus go</a> by Amber Wilson.</li>
<li><a href="https://increment.com/frontend/when-frontend-means-full-stack/">When frontend means full stack</a> by Chris Coyier.</li>
<li><a href="https://xd.adobe.com/ideas/perspectives/leadership-insights/why-i-dont-believe-in-empathic-design-don-norman/">Why I Don’t Believe in Empathic Design</a> by Don Norman.</li>
<li><a href="https://iainbean.com/posts/2020/your-blog-doesnt-need-a-javascript-framework/">Your blog doesn’t need a JavaScript framework</a> by Iain Bean.</li>
<li><a href="https://thegymnasium.com/take5/introduction-to-screen-readers-using-voiceover">Introduction to screen readers using VoiceOver</a>.</li>
<li><a href="https://adrianroselli.com/2019/01/baseline-rules-for-scrollbar-usability.html">Baseline Rules for Scrollbar Usability</a> by Adrian Roselli.</li>
<li><a href="https://ishadeed.com/article/aligning-logos-css/">Aligning Logo Images in CSS</a> by Ahmad Shadeed.</li>
<li><a href="https://www.aboutmonica.com/blog/2020-06-24-exploring-art-direction-in-gatsby">Exploring Art Direction With Gatsby-Image</a> by Monica Powell.</li>
<li><a href="https://leportella.com/why-have-a-blog.html">Why you should have a blog (and write in it)</a> by Leticia Portella.</li>
<li><a href="https://fettblog.eu/11ty-automatic-twitter-cards/">11ty: Generate Twitter cards automatically</a> by Stefan Baumgartner.</li>
</ul>
<h3>Others</h3>
<ul>
<li><a href="https://onezero.medium.com/the-problem-isnt-zoom-fatigue-it-s-mourning-life-as-we-knew-it-5651bf9053a6">The Problem Isn’t Zoom Fatigue — It’s Mourning Life as We Knew It</a>.</li>
<li><a href="https://twitter.com/TatianaTMac/status/1267252980882997249">Common beginner mistakes when calling out individuals and organisations who are explicitly and repeatedly saying racist shit</a></li>
<li><a href="https://policeabuses.info/">Video archive of police abuse</a></li>
<li><a href="https://twitter.com/AdalynGrace_/status/1275130086090371072">What being difficult to work with actually means</a></li>
</ul>
May bookmarks - BLM2020-06-17T17:32:01.971-00:00https://ohhelloana.blog/may-bookmarks-blm/<p>Black Lives Matter.</p>
<p>In today's age with today's resources there is no excuse not to educate yourself and see how we're in a racist society.</p>
<p>Follow the folks who talk about racial injustice. Think how the technology we're building is tracking and tracing everyone who is protesting. Learn about data regulations. Learn the tricks of the media.</p>
<p>Here's a couple of things I think everyone should see. However, I urge you all to please diversify the feeds you consume.</p>
<ul>
<li><a href="https://blacklivesmatter.carrd.co/">Black Lives Matter</a>;</li>
<li><a href="https://www.wetheprotesters.org/">We the protesters</a>;</li>
<li><a href="https://eji.org/">Equal Justice Initiative</a>;</li>
<li><a href="https://docs.google.com/document/d/1BRlF2_zhNe86SGgHa6-VlBO-QgirITwCTugSfKie5Fs/preview?fbclid=IwAR31e5lyskz3mX_EnrFyHvdLSMaPZ0MClWYBWbqzfaA8NzHC8X1PD7k4R04">Anti racism resources</a>;</li>
<li><a href="https://tatianamac.com/posts/save-the-tears/">Save the Tears: White Woman's Guide by Tatiana Mac</a>;</li>
<li><a href="https://twitter.com/tomakeupwityou/status/1266920326182641670">Twitter thread #1</a>;</li>
<li><a href="https://twitter.com/byersfilms/status/1265762726380539904">Twitter thread with petitions</a>;</li>
<li><a href="https://twitter.com/initialola/status/1267037457935224833">Know your rights for stop and search (UK) - Twitter thread</a>;</li>
<li><a href="https://twitter.com/TatianaTMac/status/1267252980882997249">Tips for calling out racist posts - Twitter thread</a>;</li>
<li><a href="https://twitter.com/kamaraxtaurus/status/1266328844056825857">Twitter thread of places you can donate to</a> ;</li>
<li><a href="https://twitter.com/_w0bb1t_/status/1268173813767974923">Anonymise your online footprint (Twitter)</a>;</li>
<li><a href="https://twitter.com/trussleadership/status/1267333391604527104">Twitter thread to white educators</a>;</li>
<li><a href="https://twitter.com/vvnsings/status/1269199349311029248">Donate to BlackMindsMatter UK (Twitter thread)</a>;</li>
<li><a href="https://www.notion.so/Black-Activists-Swers-Creatives-Healers-c9a31d64480e45a59a90e88fbc96c030">Database of Black activists, swers, creatives, and astrologers/spiritualists to support;</a></li>
<li><a href="https://www.instagram.com/p/CA6A3Usl5c4/">Guide to what to say when people deny the reality of what's happening right now</a> (Instagram);</li>
<li><a href="https://www.instagram.com/p/CA41eo8HgXh/">How can I help from Europe? (Instagram)</a>;</li>
<li><a href="https://www.instagram.com/p/BzAarCMiLrx/">The racist legacy of Portuguese colonialism (Instagram)</a>;</li>
<li><a href="https://www.instagram.com/p/CA-02hMnSUD/">Black and POC designers that the fashion industry has silenced</a><a href="https://www.instagram.com/p/CA-02hMnSUD/"> (Instagram)</a>;</li>
<li><a href="https://www.instagram.com/p/CA82O3YlqUS/">Racial gaslighting 101</a> (Instagram);</li>
<li><a href="https://www.instagram.com/p/CA0_G0zDXTr/">"this is to my white friends with feed fatigue" (Instagram)</a>;</li>
<li><a href="https://www.instagram.com/p/CA-O_7vCY_R/">Racismo em Portugal</a> (Instagram);</li>
<li><a href="https://www.instagram.com/p/CAq9_0uJary/">Supremacy system</a> (Instagram);</li>
</ul>
<p>Tech bookmarks can wait another month. This is what matters.</p>
April Bookmarks2020-05-06T17:10:04.830-00:00https://ohhelloana.blog/april-bookmarks/<p>I don't remember much from this last month. All I remember is trying not to be on my computer and just look at the birds that come to the garden. So this will be a very short blog post. A jotting!!!!</p>
<h2>Bookmarks from April</h2>
<h3>Web development/tech related content</h3>
<ul>
<li><a href="https://www.npmjs.com/package/@aimee.gm/responsive">@aimee.gm/responsive</a></li>
<li><a href="https://www.frontendbookmarks.com/">Front-end Bookmarks</a> by Manuel Matuzović.</li>
<li><a href="https://jdan.github.io/98.css/">98.css</a> by Jordan Scales.</li>
<li><a href="https://blog.mozilla.org/accessibility/">Mozilla Accessibility.</a></li>
<li><a href="https://9elements.com/bem-cheat-sheet/">BEM naming cheat sheet</a> by 9elements.</li>
</ul>
<h3>Not exactly web development related</h3>
<ul>
<li><a href="https://explorabl.es/">Explorable Explanations</a>.</li>
<li><a href="https://ciechanow.ski/gears/">Gears</a> by Bartosz Ciechanowski.</li>
</ul>
<h3>Miscellaneous</h3>
<p>Funny or cute or happy or uplifting content etc.</p>
<ul>
<li><a href="https://twitter.com/ArtOfMaquenda/status/1252908785015967744">Lots of babies.</a></li>
<li><a href="https://www.instagram.com/p/B_BL_GeJh_M/?utm_source=ig_web_copy_link">All the cartoons from this account</a>.</li>
<li><a href="https://twitter.com/joevendon/status/1250342472632303616">Baby fox</a>.</li>
<li><a href="https://www.reddit.com/r/IndoorGarden/comments/g15d6p/my_avocado_that_was_grown_from_seed_will_soon/">A big avocado tree</a>.</li>
<li><a href="https://twitter.com/romainrevert/status/1249798306454212610">What we can see now that the skies are clear</a>.</li>
<li><a href="https://vm.tiktok.com/W1rp21/">Just a boy and his cat</a>.</li>
<li><a href="https://twitter.com/AHappierDay/status/1247507101343199233?s=20">Weather man dog</a>.</li>
<li><a href="https://www.pawpixels.com/bernard?pgid=jqqrzeqc-e3f84936-ac2c-4bb0-b4ac-598835450b44">A round cat</a>.</li>
</ul>
March bookmarks2020-04-01T00:00:00-00:00https://ohhelloana.blog/march-bookmarks-2020/
<p>March! What a concept, huh?</p>
<h2>Bookmarks from March</h2>
<h3>Web development/tech related content</h3>
<ul>
<li><a href="https://twitter.com/vlh/status/1238581917122953216">ebook all about Animation in Design Systems</a> - by Val Head.</li>
<li><a href="https://www.youtube.com/watch?v=XEI571ju3oE">Creative Coding Essentials</a> - by Tim Rodenbröker.</li>
<li><a href="https://css-tricks.com/a-complete-guide-to-calc-in-css/">A Complete Guide to calc() in CSS</a> - by Chris Coyier.</li>
<li><a href="https://webfoundation.org/2020/03/web-birthday-31/">Why the web needs to work for women and girls.</a></li>
<li><a href="http://cameronmoll.com/journal/dont-call-it-a-comeback">Don’t call it a comeback. I been here for years.</a> - by Cameron Moll.</li>
<li><a href="https://amberwilson.co.uk/blog/accessible-html-elements/">Accessible HTML Elements.</a> - by Amber Wilson.</li>
<li><a href="https://css-tricks.com/playing-with-particles-using-the-web-animations-api/">Playing With Particles Using the Web Animations API.</a> - by Louis Hoebregts.</li>
<li><a href="https://twitter.com/LeaVerou/status/1241619866475474946">Favicons support emojis.</a></li>
<li><a href="https://aneventapart.com/news/post/the-complete-aea-dc-2019-now-online">The Complete AEA DC 2019 Now Online</a></li>
<li><a href="https://accessibility.blog.gov.uk/2020/03/16/why-videos-on-gov-uk-use-the-youtube-video-player/">Why videos on GOV.UK use the YouTube video player</a></li>
<li><a href="https://fontice.com/">Fastest Browser Based WebP Converter</a></li>
<li><a href="https://www.sushkelly.co.uk/work/2020/03/04/let-me-be-your-glue.html">Let me be your glue.</a> - by Sush Kelly.</li>
<li><a href="https://hey.georgie.nu/iwd2020/">I mentor people, because I want to give them the opportunities I didn’t have.</a> - by Georgie Luhur Cooke.</li>
<li><a href="https://www.giftegwuenu.com/improve-video-accessibility-with-captions/">Improve Video Accessibility with Captions.</a> - by Gift Egwuenu.</li>
<li><a href="https://hiddedevries.nl/en/blog/2020-03-01-more-accessible-defaults-please">More accessible defaults, please!</a> - by Hidde de Vries.</li>
<li><a href="https://johno.com/year-of-the-interactive-blog-post/">2020, the year of the interactive blog post.</a> - by John Otander.</li>
</ul>
<h3>Not exactly web development related</h3>
<ul>
<li><a href="https://twitter.com/baba_Omoloro/status/1240956039345901569">Youtube shortcuts (I haven't tried them myself)</a>.</li>
<li><a href="https://educationlinks.fyi/">Education Links</a> - by Andy Bell.</li>
<li><a href="https://helpwithcovid.com/">Help with COVID-19.</a></li>
<li><a href="https://educationlinks.fyi/">Education Links</a> - by Andy Bell.</li>
</ul>
<h3>Miscellaneous</h3>
<p>Funny or cute or happy or uplifting content etc.</p>
<ul>
<li><a href="https://twitter.com/ziyatong/status/1240303392188248070?s=20">Cats!</a></li>
</ul>
<h3>Made me think</h3>
<p>Content warning: This section might include content that isn't uplifting and happy but rather thoughts that stayed with me.</p>
<ul>
<li><a href="https://twitter.com/lukeisamazing/status/1236943988348813315">A lawsuit that is missremembered.</a></li>
<li><a href="https://twitter.com/helenleigh/status/1235201569618092032">Making a living in creative tech.</a></li>
<li><a href="https://www.belongcon.com/2020/03/11/what-have-i-got-to-be-depressed-about/">What Have I Got to Be Depressed About?</a> - by Robin Craze.</li>
<li><a href="https://twitter.com/Jemima_Khan/status/1234955617825120258">Upskirting by paparazzi.</a></li>
<li><a href="https://twitter.com/yanakuchirko/status/1235050702654672896">Politics in the United States.</a></li>
<li><a href="https://www.nbcnews.com/news/us-news/google-tracked-his-bike-ride-past-burglarized-home-made-him-n1151761">Google tracked his bike ride past a burglarized home. That made him a suspect.</a> - by Jon Schuppe.</li>
</ul>
February bookmarks2020-03-03T00:00:00-00:00https://ohhelloana.blog/february-bookmarks-2020/
<p>I didn't realise February was over until today!!!</p>
<h2>Bookmarks from February</h2>
<h3>Web development/tech related content</h3>
<ul>
<li><a href="https://github.com/ffoodd/a11y.css">a11y.css</a> - by Gaël Poupard.</li>
<li><a href="https://www.nytimes.com/2020/01/20/opinion/facial-recognition-ban-privacy.html">We’re Banning Facial Recognition. We’re Missing the Point.</a> - by Bruce Schneier.</li>
<li><a href="https://twitter.com/Robb0wen/status/1225069857626042368">TIL the ruby tag</a> - by Robb Owen.</li>
<li><a href="https://github.com/SaraVieira/gatsby-starter-book">Gatsby Starter Book</a> - by Sara Vieira.</li>
<li><a href="https://speakerdeck.com/yeseniaperezcruz/expressive-design-systems">Expressive Design Systems</a> - by Yesenia Perez-Cruz.</li>
<li><a href="https://piperhaywood.com/images-consistent-surface-area/">Images with a consistent surface area</a> - by Piper Haywood.</li>
<li><a href="https://nickcolley.co.uk/2020/02/07/pulling-data-from-websites-into-google-sheets/">Pulling data from websites into Google Sheets</a> - by Nick Colley.</li>
<li><a href="https://slides.com/alejandravilla/stagnation#/">The Ghost of Stagnation</a> - by Alejandra Villa.</li>
<li><a href="https://codepen.io/Rumyra/full/xxGKzwp">Image masks: Portraits</a> - by Ruth John.</li>
<li><a href="https://www.htmhell.dev/alt-no-aria-label-no-alt/">#16 alt, no wait…, aria-label, no wait…, alt</a> - by Michael "Spell" Spellacy.</li>
<li><a href="https://drive.google.com/file/d/1JdS15JUSRQLVXWFAzAE8S6qOZHzZ1rQd/view">Guerilla design systems.</a> - by Laura Gonzalez.</li>
<li><a href="https://alistapart.com/article/accessibility-for-vestibular/">Accessibility for Vestibular Disorders: How My Temporary Disability Changed My Perspective</a> - by Facundo Corradini.</li>
<li><a href="https://www.matuzo.at/blog/reading-recommendations-animation-on-the-web-and-vestibular-disorders/">Reading recommendations: Animation on the web and vestibular disorders</a> - by Manuel Matuzović.</li>
<li><a href="https://medium.com/@PavelLaptev/lesser-known-css-properties-in-gifs-966a143497ba">Lesser-known CSS properties in GIFs</a> - by Pavel Laptev.</li>
<li><a href="https://css-tricks.com/a-complete-guide-to-links-and-buttons/">A Complete Guide to Links and Buttons</a> - by CSS Tricks.</li>
<li><a href="https://gist.github.com/paulirish/5d52fb081b3570c81e3a">What forces layout / reflow</a> - by Paul Irish.</li>
<li><a href="https://css-tricks.com/while-you-werent-looking-css-gradients-got-better/">While You Weren’t Looking, CSS Gradients Got Better</a> - by Ana Tudor.</li>
<li><a href="https://www.w3.org/WAI/tutorials/carousels/">Carousel Concepts</a> - by W3C.</li>
<li><a href="https://twitter.com/chrisjrn/status/1232016100038266880">Now you know</a> - by Christopher Neugebauer.</li>
<li><a href="https://hankchizljaw.com/wrote/keeping-it-simple-with-css-that-scales/">Keeping it simple with CSS that scales</a> - by Andy Bell.</li>
<li><a href="https://twitter.com/sebdedeyne/status/1229709640126124033">font-variant-numeric: tabular-nums</a> - by Sebastian De Deyne.</li>
<li><a href="https://frend.co/">Frend</a> - by frend.co.</li>
<li><a href="https://github.com/estelle/merry-go-round">Merry-Go-Round</a> - by Estelle Weyl.</li>
<li><a href="https://codepen.io/michellebarker/pen/oNXZQJK">Typographic grid layouts</a> - by Michelle Barker.</li>
<li><a href="https://www.nngroup.com/articles/accordions-complex-content/">Accordions Are Not Always the Answer for Complex Content on Desktops</a> - by Hoa Loranger.</li>
<li><a href="https://css-tricks.com/fixed-headers-and-jump-links-the-solution-is-scroll-margin-top/">Fixed Headers and Jump Links? The Solution is scroll-margin-top</a> - by Chris Coyier.</li>
<li><a href="https://www.matuzo.at/blog/why-543kb-keep-me-up-at-night/">Why 543 KB keep me up at night</a> - by Manuel Matuzovic.</li>
<li><a href="https://daverupert.com/2020/02/html-the-inaccessible-parts/">HTML: The Inaccessible Parts</a> - by Dave Rupert.</li>
</ul>
<h3>Not exactly web development related</h3>
<ul>
<li><a href="https://www.nytimes.com/2020/02/06/opinion/sunday/oscars-movies-diversity.html">Stop Blaming History for Your All-White, All-Male Movie</a> - by Aisha Harris.</li>
<li><a href="https://noti.st/mandy/2W12mw/very-responsive-typography-with-variable-fonts">Very Responsive Typography with Variable Fonts</a> - by Mandy Michael.</li>
<li><a href="https://readingmedievalbooks.wordpress.com/2020/02/09/learning-from-bad-writing/">Learning from ‘Bad’ Writing</a> - by Dr Lucy Allen-Goss.</li>
<li><a href="https://twitter.com/AaronLinguini/status/1226500538776391680">PSA on "unravel thread tools"</a></li>
<li><a href="https://thewire.in/media/afghan-girl-steve-mccurry-national-geographic">You'll Never See the Iconic Photo of the 'Afghan Girl' the Same Way Again</a> - by Ribhu.</li>
<li><a href="https://www.ribbonfarm.com/2020/01/23/being-your-selves-identity-rd-on-alt-twitter/">Being Your Selves: Identity R&D on alt Twitter</a> - by Aaron Z. Lewis.</li>
<li><a href="https://nienke.dev/blog/sharing-my-salary/">Sharing my salary publicly</a> - by Nienke Dekker.</li>
<li><a href="https://www.fastcompany.com/90462892/filter-out-male-privilege-and-the-web-can-be-a-ghost-town">Filter out male privilege, and the web can be a ghost town</a> - by Mark Wilson.</li>
<li><a href="https://cariefisher.com/top-ten/">Top 10 Pro-tips for Working Remotely</a> - by Carie Fisher.</li>
<li><a href="https://i-d.vice.com/en_uk/article/dygga7/we-dont-need-to-look-real-on-social-media">We don't need to look real on social media</a> - by Rachel Charlene Lewis.</li>
</ul>
<h3>Miscellaneous</h3>
<p>Funny or cute or happy or uplifting content etc.</p>
<ul>
<li><a href="https://twitter.com/coolestdudeva/status/1233285333715783681">They were just trying to help.</a></li>
<li><a href="https://twitter.com/hateshaliek/status/1220969875276873728">Cool sound.</a></li>
</ul>
<h3>Made me think</h3>
<p>Content warning: This section might include content that isn't uplifting and happy but rather thoughts that stayed with me.</p>
<ul>
<li><a href="https://www.nbcnews.com/tech/social-media/facebook-anti-vaxxers-pushed-mom-not-give-her-son-tamiflu-n1131936">On Facebook, anti-vaxxers urged a mom not to give her son Tamiflu. He later died.</a> - By Brandy Zadrozny.</li>
</ul>
January bookmarks2020-01-31T00:00:00-00:00https://ohhelloana.blog/january-bookmarks-2020/
<p>The longest month of the year is finally over! The days are getting longer and plans are starting to look aligned.</p>
<h2>Bookmarks from January</h2>
<h3>Web development/tech related content</h3>
<ul>
<li><a href="https://www.cfpland.com/guides/speaking/">The Comprehensive Guide to Speaking at Technology Conferences in 2020</a> - by Karl Hughes.</li>
<li><a href="https://medium.com/@mattholt/its-2019-and-i-still-make-websites-with-my-bare-hands-73d4eec6b7">It’s 2019 and I Still Make Websites with my Bare Hands</a> - by Matt Holt.</li>
<li><a href="https://dev.to/penelope_zone/changing-your-name-is-a-hard-unsolved-problem-in-computer-science-kjf">Changing your name is a hard unsolved problem in Computer Science</a> - by Penelope Phippen.</li>
<li><a href="https://www.smashingmagazine.com/2020/01/front-end-performance-checklist-2020-pdf-pages/">Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]</a> - by Vitaly Friedman.</li>
<li><a href="https://github.com/kadikraman/sorting">A collection of sorting algorithms in JavaScript</a> - by Kadi Kraman.</li>
<li><a href="https://www.chenhuijing.com/blog/is-your-browser-a-polyglot/#%F0%9F%8F%80">Is your browser a polyglot?</a> - by Chen Hui Jing.</li>
<li><a href="https://scottvinkle.me/blogs/blog/how-html-microdata-helps-with-accessibility">How Does HTML Microdata Help With Accessibility?</a> - by Scott Vinkle.</li>
<li><a href="https://www.matuzo.at/blog/css-pro-tip-for-mac-users-always-show-scroll-bars-in-macos/">CSS pro tip for mac users: always show scroll bars in macOS.</a> - by Manuel Matuzovic.</li>
<li><a href="https://codepen.io/xdesro/pen/OJPBjLv">"There Is No Year" Album Cover</a> - by Henry Desroches.</li>
<li><a href="https://accessibility.blog.gov.uk/2020/01/14/training-people-to-do-accessibility-reviews/">Training people to do accessibility reviews</a> - by Beverley Newing.</li>
<li><a href="https://heidiwaterhouse.com/2019/06/19/lady-conference-speaker-speaker-bios/">Speaker Bios</a> - by Heidi Waterhouse.</li>
<li><a href="https://www.freecodecamp.org/news/the-html-handbook/">The HTML Handbook</a> - by Flavio Copes.</li>
<li><a href="https://solar.lowtechmagazine.com/">LOW←TECH MAGAZINE</a></li>
<li><a href="https://twitter.com/argyleink/status/1223026734817087488">CSS can check for a font installed locally before fetching it remotely</a> - by Adam Argyle.</li>
<li><a href="https://css-irl.info/optimising-svgs-for-the-web/">Optimising SVGs for the Web</a> - by Michelle Barker.</li>
<li><a href="https://wattenberger.com/blog/css-cascade">The CSS Cascade</a> - by Amelia Wattenberger.</li>
</ul>
<h3>Not exactly web development related</h3>
<ul>
<li><a href="https://www.elle.com/life-love/sex-relationships/advice/a10010/failure-to-launch-when-beauty-fades-323090/">Failure To Launch: When Beauty Fades</a> - by Elizabeth Wurtzel.</li>
<li><a href="https://www.teenvogue.com/story/digital-blackface-reaction-gifs">We Need to Talk About Digital Blackface in Reaction GIFs</a> - by Lauren Michele Jackson.</li>
<li><a href="https://hbr.org/2019/12/burnout-is-about-your-workplace-not-your-people">Burnout Is About Your Workplace, Not Your People</a> - by Jennifer Moss.</li>
<li><a href="https://www.theecoexperts.co.uk/blog/henry-viii-carbon-footprint">Henry VIII’s Carbon Footprint</a> - by Josh Jackman.</li>
<li><a href="https://www.insider.com/gynecologists-say-ibuprofen-can-lessen-menstrual-flow-2020-1">A viral tweet is claiming that ibuprofen can lessen menstrual flow, and gynecologists say the method actually works</a> - by Shira Feder.</li>
</ul>
<h3>Miscellaneous</h3>
<p>Funny or cute or happy or uplifting content etc.</p>
<ul>
<li><a href="https://www.tiktok.com/@eriicjae/video/6780846262074821894">Cat calling on TikTok.</a></li>
<li><a href="https://twitter.com/GumbyGrrl/status/1217274782925893633">This recipe disaster.</a></li>
<li><a href="https://twitter.com/yungsids/status/1217512949482475521">This miscommunication.</a></li>
<li><a href="https://www.tiktok.com/@pamelaroberts72/video/6783669495987817734">This person living my dream of having a catio.</a></li>
<li><a href="https://twitter.com/bobby/status/1222174262120919040">"My butthole has been a location on Facebook since 2012 and I can't get it removed."</a></li>
<li><a href="https://twitter.com/tinyredbook/status/1222212081090539522">No refunds because of seaguls.</a></li>
<li><a href="https://www.bbc.co.uk/news/uk-england-norfolk-51301815">Calvin Klein perfume 'big hit' with Banham Zoo's big cats</a></li>
</ul>
<h3>Made me think</h3>
<p>Content warning: This section might include tweets that aren't uplifting and happy but rather thoughts that stayed with me.</p>
<ul>
<li><a href="https://twitter.com/LouisatheLast/status/1216431532577038337">"How to infantilize an entire generation"</a> - oh no.</li>
</ul>Bookmarks of the rest of 20192020-01-22T00:00:00-00:00https://ohhelloana.blog/bookmarks-2019/
<p>My last bookmark post was in July 2019 and that is quite telling of how things didn't go so well last year for me. At the time, I told myself that I would try to do a bookmark post every month and it all came crashing down around that time. It was in September that I think that I officially burned out. So actually, this will not be a very long collection: I wasn't browsing or reading much and I spent a lot of time offline.</p>
<h2>Bookmarks from August to December 2019</h2>
<h3>Web development/tech related content</h3>
<ul>
<li><a href="https://dev.to/erikaheidi/normalizing-maternity-in-tech-2oe9">Normalizing Maternity in Tech</a> - by Erika Heidi.</li>
<li><a href="https://docs.google.com/document/d/1ALVJFA8gp7H53iIyPQqoBN1IvZku-5YYcjKpMx6HCXE/edit#">Questions for our First 1:1</a> - by Lara Hogan.</li>
<li><a href="https://www.chenhuijing.com/blog/about-subpxiel-rendering-in-browsers/#%F0%9F%91%BE">Sub-pixel rendering and borders</a> - by Hui Jing.</li>
<li><a href="https://www.nicchan.me/blog/what-tumblr-taught-me-about-accessibility/">What Tumblr Taught Me About Accessibility</a> - by Nic Chan.</li>
<li><a href="https://css-tricks.com/accessibility-and-web-performance-are-not-features-theyre-the-baseline/">Accessibility and web performance are not features, they’re the baseline</a> - by Robin Rendle.</li>
<li><a href="https://blog.tenon.io/web-accessibility-overlays-dont-work">Web Accessibility Overlays Don't Work</a> - by Karl Groves.</li>
<li><a href="https://idea-shredder.glitch.me/">Idea Shredder</a> - by Ruth John.</li>
<li><a href="https://www.nytimes.com/interactive/2019/08/23/opinion/data-internet-privacy-tracking.html">I Visited 47 Sites. Hundreds of Trackers Followed Me.</a> - by Farhad Manjoo.</li>
<li><a href="https://blog.tenon.io/web-accessibility-overlays-dont-work">Web Accessibility Overlays Don't Work</a> - by Karl Groves.</li>
<li><a href="https://css-irl.info/how-to-accessibly-split-text/">How to Accessibly Split Text</a> - by Michelle Barker.</li>
<li><a href="https://adactio.com/journal/15740">The Weight of the WWWorld is Up to Us by Patty Toland</a> - by Jeremy Keith.</li>
<li><a href="https://css-tricks.com/advice-for-technical-writing/">Advice for Technical Writing</a> - by Chris Coyier.</li>
<li><a href="https://dailydevlinks.com/css-style-guides/">CSS Style Guides</a></li>
<li><a href="https://www.technologyreview.com/f/614323/ai-deepfakes-anonymizes-faces-in-videos-photos/">Deepfakes could anonymize people in videos while keeping their personality</a> - by Karen Hao.</li>
<li><a href="https://vanschneider.com/a-love-letter-to-personal-websites">A love letter to my website</a></li>
<li><a href="https://medium.com/@caricaldwell/apology-to-chelsey-rhodes-875eecb5e015">Apology to Chelsey Rhodes</a> - by Cari Caldwell.</li>
<li><a href="https://generativeartistry.com/episodes/generative-art-and-creative-code/">Generative art, creative code, and the world around us!</a> - by Ruth John and Tim Holman.</li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/paint-order">Paint order of SVG elements.</a></li>
<li><a href="https://amberwilson.co.uk/blog/what-makes-a-mid-level-developer/">What Makes a Mid-Level Developer?</a> - by Amber Wilson</li>
<li><a href="https://www.matuzo.at/blog/beyond-automatic-accessibility-testing-6-things-i-check-on-every-website-i-build/">Beyond automatic accessibility testing: 6 things I check on every website I build</a> - by Manuel Matuzovic.</li>
<li><a href="https://codepen.io/sdras/full/YzzpVMp">Farting Rhino</a> - by Sarah Drasner.</li>
<li><a href="https://welearncode.com/career-advice/">The Career Advice I Wish I Had</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_layout/Subgrid">Introduction to subgrid</a></li>
<li><a href="https://www.vice.com/en_us/article/d3awk7/flash-is-responsible-for-the-internets-most-creative-era">Flash Is Responsible for the Internet's Most Creative Era</a> - by Ernie Smith.</li>
<li><a href="https://noti.st/laurakalbag/Y4Q95l/8-unbelievable-things-you-never-knew-about-tracking">8 Unbelievable Things You Never Knew About Tracking</a> - by Laura Kalbag.</li>
<li><a href="https://www.theatlantic.com/technology/archive/2015/01/why-i-am-not-a-maker/384767/">Why I Am Not a Maker</a> - by Debbie Chachra.</li>
<li><a href="https://www.npmjs.com/package/canvas2svg">canvas2svg</a></li>
<li><a href="https://www.youtube.com/watch?v=c0bsKc4tiuY">Why you should make useless things</a> - by Simone Giertz.</li>
<li><a href="https://www.slideshare.net/jameswillweb/everyone-39758731">A Web for Everyone</a> - by James Will.</li>
<li><a href="http://juliepagano.com/blog/2016/10/06/mid-career-survival-talk-transcript/">Mid-Career Survival for People Who Don't Want to be an Attrition Statistic When They Grow Up: Talk Transcript</a> - by Julie Pagano.</li>
<li><a href="https://www.rtlstyling.com/">RTL Styling 101</a> - by Ahmad Shadeed.</li>
<li><a href="https://dezz.ie/web-history/letting-go-of-the-old-web/">Letting Go of the Old Web</a> - by Desiree Zamora Garcia.</li>
<li><a href="https://csswizardry.com/2018/11/css-and-network-performance/">CSS and Network Performance</a> - by Harry Roberts.</li>
</ul>
<h3>Not exactly web development related</h3>
<ul>
<li><a href="https://foreignpolicy.com/2018/05/18/sexpat-journalists-are-ruining-asia-coverage/">Sexpat Journalists Are Ruining Asia Coverage</a> - by Joanna Chiu.</li>
<li><a href="https://story.californiasunday.com/escape-domestic-violence">The cost of leaving an abusive relationship</a> - By Ashley Powers.</li>
<li><a href="https://www.bbc.co.uk/programmes/p07nkd84">The Missing Cryptoqueen.</a></li>
<li><a href="https://www.theatlantic.com/technology/archive/2019/10/reddit-moderation-relationships-subreddit-memes/600322/">Inside R/Relationships, the Unbearably Human Corner of Reddit</a> - by Kaitlyn Tiffany.</li>
<li><a href="https://stephaniewalter.design/blog/52-ux-cards-to-discover-cognitive-biases/">52 UX Cards to Discover Cognitive Biases</a> - by Stéphanie Walter.</li>
<li><a href="https://melmagazine.com/en-us/story/talking-to-men-about-their-female-role-models-still-like-pulling-teeth">Talking to Men About Their Female Role Models Is Still Like Pulling Teeth</a> - by
Madeleine Holden.</li>
</ul>
<h3>Miscellaneous</h3>
<p>Funny or cute or happy or uplifting content etc.</p>
<ul>
<li><a href="https://twitter.com/joelnet/status/1166723428780597250">I actually quote that clip all the time at home.</a></li>
<li><a href="https://twitter.com/ThingsWork/status/1177307360664027136">A demonstration of constant velocity, using a moving trampoline.</a></li>
<li><a href="https://twitter.com/probablyalissa/status/1180213233124179968">Very haunted</a></li>
<li><a href="https://twitter.com/WildlifeTrusts/status/1195228955055460352">Mini pond.</a></li>
<li><a href="https://twitter.com/KentingtonC/status/1195177863168716803">A "the good place" reference!</a></li>
<li><a href="https://twitter.com/BBCEarth/status/1199689332413460481">Filming an enchanted forest.</a></li>
</ul>
<h3>Made me think</h3>
<p>Content warning: This section might include tweets that aren't uplifting and happy but rather thoughts that stayed with me.</p>
<ul>
<li><a href="https://twitter.com/girlziplocked/status/1160610774513004546">"you actually have no idea how the algorithms have affected your social network"</a> - oh no.</li>
<li><a href="https://twitter.com/EricaJoy/status/1166423243948843009">One of the reasons why your product is sexist.</a></li>
<li><a href="https://twitter.com/dqpdang/status/1196126707452973056">4 steps for politely, but firmly, ending a disagreement.</a></li>
</ul>July bookmarks2019-08-07T00:00:00-00:00https://ohhelloana.blog/july-bookmarks/
<p>When this month started I was very optimistic. I was full of energy and keen to get shit done. Now, I am overwhelmed with this sense of productivity shame. I have two blog posts that are still on my drafts, one side project and a lot of other tasks to do. Hopefully next month it will be better. </p>
<h2>Bookmarks from July</h2>
<h3>Web development/tech related content</h3>
<ul>
<li><a href="https://kellysutton.com/2019/06/19/a-vacancy-has-been-detected.html">A Vacancy Has Been Detected</a> - by Kelly Sutton.</li>
<li><a href="https://codepen.io/michellebarker/full/gNevza">Rainbow coloured grid with Splitting.js and custom properties</a> - by Michelle Barker.</li>
<li><a href="https://colors.eva.design/">Eva Design System</a></li>
<li><a href="https://voice.mozilla.org/en">Common Voice</a>- by Mozilla</li>
<li><a href="https://shkspr.mobi/blog/2018/02/this-svg-always-shows-todays-date/">SVG shows today's date</a> - by Terence Eden</li>
<li><a href="http://year-in-photos.glitch.me/">Year in photos</a> - by Barbara Yang</li>
<li><a href="http://ctrl-freaks.github.io/freezeframe.js/">freezeframe.js</a></li>
<li><a href="https://developer.paciellogroup.com/blog/2019/07/captions-and-transcripts-and-audio-descriptions-oh-my/">Captions and Transcripts and Audio Descriptions, Oh My!</a> - by Dennis Deacon</li>
<li><a href="https://full-stack.netlify.com/">Full stackers</a> - by Chris Coyier</li>
<li><a href="https://github.com/you-dont-need/You-Dont-Need-Momentjs">You don't need MomentJs</a></li>
<li><a href="https://adamsilver.io/articles/form-design-from-zero-to-hero-all-in-one-blog-post/">Form design: from zero to hero all in one blog post</a> - Adam Silver</li>
<li><a href="https://codepen.io/simeydotme/pen/PrQKgo">Pokemon Card Holo Effect</a> - by Simon Goellner</li>
<li><a href="https://css-irl.info/heatwave-animated-sun-illustration/">Heatwave: An Animated CSS Sun Illustration</a> - by Michelle Barker</li>
<li><a href="https://www.cassie.codes/posts/creating-my-logo-animation/">Creating my logo animation</a> - by Cassie Evans</li>
<li><a href="https://andy-bell.design/wrote/well-being-on-twitter/">Well-being on twitter</a> - by Andy Bell</li>
<li><a href="https://www.sonniesedge.net/posts/real-dark-web/">Real dark web</a> - by Charlie Owen</li>
<blockquote cite="https://www.sonniesedge.net/posts/real-dark-web/">
<p>Let's appreciate what the 1% does. But let's not allow the 1% to dominate the conversations and our collective headspace.</p>
</blockquote>
<cite>– Charlie Owen</cite>
</ul>
<h3>Miscellaneous</h3>
<p>Fun, cute, happy, uplifting content etc.</p>
<ul>
<li><a href="https://twitter.com/LGSpace/status/1144866505923936257">10 flowers to grow in your garden.</a></li>
<li><a href="https://twitter.com/ericlbarnes/status/1145718148643131392">A relatable feeling.</a></li>
<li><a href="https://twitter.com/killboysclub/status/1155683872891445250">CCTV footage of me during July</a></li>
</ul>
<h3>Made me think</h3>
<p>Content warning: This section might include tweets that aren't uplifting and happy but rather thoughts that stayed with me.</p>
<ul>
<li><a href="https://twitter.com/shl/status/1145337971119276033?s=20">"It's a hundred times easier to criticize than create."</a> - Telling this to myself whenever someone mocks the silly things I create.</li>
</ul>June bookmarks2019-07-01T00:00:00-00:00https://ohhelloana.blog/june-bookmarks/
<p>How is it July already?</p>
<h2>Bookmarks from June</h2>
<h3>Non-tech articles</h3>
<ul>
<li><a href="https://www.theguardian.com/news/2019/jun/27/the-invention-of-essex-how-a-county-became-a-caricature">The invention of Essex: how a county became a caricature</a> - by Tim Burrows.</li>
<li><a href="https://www.irishtimes.com/news/crime-and-law/courts/criminal-court/ana-kri%C3%A9gel-murder-trial-the-complete-story-1.3929570">Ana Kriégel murder trial: The complete story</a> - by Conor Gallagher. Content warning: violence against women.</li>
<li><a href="https://www.nytimes.com/interactive/2019/04/30/dining/climate-change-food-eating-habits.html">Your Questions About Food and Climate Change, Answered</a> - By Julia Moskin, Brad Plumer, Rebecca Lieberman and Eden Weingart.</li>
<li><a href="https://www.filmsforaction.org/articles/names-and-locations-of-the-top-100-people-killing-the-planet">Names and Locations of the Top 100 People Killing the Planet</a> - By Jordan Engel.</li>
<li><a href="https://www.theguardian.com/lifeandstyle/2019/jun/14/the-mindfulness-conspiracy-capitalist-spirituality">The mindfulness conspiracy</a> - by Ronald Purser.</li>
</ul>
<h3>Web development/tech related content</h3>
<ul>
<li><a href="https://extra-css.netlify.com/">Extra.CSS</a> - by Una Kravets.</li>
<li><a href="https://boffosocko.com/2019/06/02/lurking-twitter-the-commons-and-private-posts/">Lurking, Twitter, The Commons, and Private Posts</a> - by Chris Aldrich.</li>
<li><a href="https://codepen.io/michellebarker/full/XwQXGv">Scroll-snap + position: sticky + intersectionObserver</a> - by Michelle Barker.</li>
<li><a href="https://codepen.io/robdimarzo/post/rebuilding-the-solar-system-with-css">Rebuilding the Solar System with CSS</a> - by Rob DiMarzo.</li>
<li><a href="https://www.technologyreview.com/s/613606/the-ai-gig-economy-is-coming-for-you/">The AI gig economy is coming for you</a> - by Karen Hao.</li>
<li><a href="https://responsivebreakpoints.com/">Responsive Image Breakpoints Generator</a> - by Cloudinary.</li>
<li><a href="https://css-tricks.com/drawing-realistic-clouds-with-svg-and-css/">Drawing Realistic Clouds with SVG and CSS</a> - by Beau Jackson.</li>
<li><a href="https://secretgeek.github.io/html_wysiwyg/html.html">This page is a truly naked, brutalist html quine.</a> - by Leon.</li>
<li><a href="https://ishadeed.com/article/vertical-horizontal-lines/">Vertical and Horizontal Lines</a> - by Ahmad Shadeed.</li>
<li><a href="https://variablefonts.dev/">Variable fonts</a> - by Mandy Michael.</li>
<li><a href="https://mxb.dev/blog/the-css-mindset/">The CSS Mindset</a> - by Max Böck.</li>
<li><a href="https://codepen.io/michellebarker/pen/ZdpXqw">Writing modes</a> - by Michelle Barker.</li>
<li><a href="https://www.wsj.com/articles/how-13-became-the-internets-age-of-adulthood-11560850201">How 13 Became the Internet’s Age of Adulthood</a> - by Julie Jargon.</li>
<li><a href="https://medium.com/commitlog/why-dark-gray-is-brighter-than-gray-on-the-web-cab5b933ec1a">Why Dark Gray is Brighter than Gray In CSS</a> - by Casper Beyer.</li>
<li><a href="https://amberwilson.co.uk/learn/#Prebrowsing">Day 17 - Prebrowsing</a> - by Amber Wilson.</li>
<li><a href="https://github.com/carolstran/seeing-sprouts">Seing sprouts</a> - by Carol Stran.</li>
<li><a href="https://dev.to/marek/three-arguments-for-why-you-should-write-more-1no6">Three Arguments for Why You Should Write More</a> - by Marek Zaluski.</li>
<li><a href="https://codepen.io/michellebarker/pen/ydbNrX">Masking</a> - by Michelle Barker.</li>
<li><a href="https://nolanlawson.com/2019/05/29/get-off-of-twitter/">Get off of Twitter</a> - by Nolan Lawson.</li>
<blockquote cite="https://nolanlawson.com/2019/05/29/get-off-of-twitter/">
<p>You’re worried about losing your influence.</p>
</blockquote>
<cite>– Nolan Lawson</cite>
<li><a href="https://medium.com/s/story/how-to-make-your-phone-into-an-ally-not-an-enemy-5e0f4302df6c">How to Make Your Phone Into an Ally, Not an Enemy</a> - by Margaret Morris.</li>
<li><a href="https://ourincrediblejourney.tumblr.com/">Our Incredible Journey</a> - by Phil Gyford.</li>
<li><a href="https://blog.juliobiason.net/thoughts/things-i-learnt-the-hard-way/">Things I Learnt The Hard Way (in 30 Years of Software Development)</a> - by Julio Biason.</li>
<li><a href="https://github.com/M0nica/affirmation_generator">affirmation generator</a> - by Monica Powell.</li>
<li><a href="https://podcasts.apple.com/gb/podcast/tfgl2019-s2-ep8-mirror-mirror-on-the-wall/id1119197543?i=1000440826474">Tech for Good Live S2 Ep8 - Mirror, Mirror on the Wall</a> - by Tech for Good Live.</li>
<li><a href="https://webmention.app/">webmention.app</a> - by Remy Sharp.</li>
<li><a href="https://hylia.website/">A simple starter kit for Eleventy</a> - by Andy Bell.</li>
<li><a href="https://mass-incarceration-hearts-technology.glitch.me/">Mass Incarceration ❤️ Technology</a> - by Jenn Schiffer.</li>
<li><a href="https://ohhelloana.blog/june-bookmarks/every-layout.dev">Every Layout</a> - by Andy Bell and Heydon Pickering.</li>
</ul>
<h3>Miscellaneous</h3>
<p>Fun, cute, happy, uplifting content etc.</p>
<ul>
<li><a href="https://twitter.com/StrangeAnimaIs/status/1103634904359862272">A beautiful roseate spoonbill.</a></li>
<li><a href="https://twitter.com/eduardoboucas/status/1139264125291442176">Showing the state of CI with a little traffic light.</a></li>
<li><a href="https://twitter.com/SpaceCatPics/status/1141062834790510594">A smooshy cat.</a></li>
<li><a href="https://twitter.com/JesusChrysler15/status/1141737119347609601">Dog found a clam!</a></li>
<li><a href="https://twitter.com/manolo_towers/status/1142075152643108864">En el avión con Mamama</a> (i'm sorry, i laughed)</li>
<li><a href="https://twitter.com/DeletedWiki/status/1142559540564516864">This deleted wiki title</a></li>
<li><a href="https://twitter.com/daennapshyah/status/1144644344231682048">This mystery.</a></li>
<li><a href="https://twitter.com/KlutchGame/status/1144722489496473600">This dog with a cone.</a></li>
<li><a href="http://the3gi.com/shrekfest.html">Shrek Fest.</a></li>
</ul>
<h3>Made me think</h3>
<p>Content warning: This section will include tweets that aren't uplifting and happy but rather thoughts that stayed with me.</p>
<ul>
<li><a href="https://twitter.com/evaandheriud/status/1138436934748004353">This tweet explains a lot.</a></li>
<li><a href="https://twitter.com/freialobo/status/1141735837475807232">Etsy sellers being exposed to harrassment.</a></li>
<li><a href="https://twitter.com/sswyrs/status/1139653530464206849">A thread on biased sexism based on a photo in LinkedIn.</a></li>
<li><a href="https://twitter.com/eevee/status/1139926354135310336">"Callout culture".</a></li>
<li><a href="https://twitter.com/KaitlynSchiess/status/1142220099685879808">"I work better under pressure".</a></li>
</ul>May bookmarks2019-05-31T00:00:00-00:00https://ohhelloana.blog/may-bookmarks/
<p>This month went by really quickly! It must have been the two bank holidays. And it was a busy month: I did three talks, helped organise a meet-up, attended some meet-ups too, work as usual and life! But I will explore this on another post sometime in the future. For now, this month's bookmarks.</p>
<h2>Bookmarks from May</h2>
<h3>Non-tech articles</h3>
<ul>
<li><a href="https://medium.com/@leslieyang/4-reasons-a-hiring-manager-doesnt-extend-a-job-offer-4df2c9d04720">4 Reasons a Hiring Manager Doesn’t Extend a Job Offer</a> - by Leslie Yang</li>
<li><a href="https://www.theguardian.com/travel/2019/may/05/stockholm-oslo-sweden-railway-train-wilderness-lakeside-towns-islands?CMP=Share_iOSApp_Other">Sweden by train: from Stockholm to Oslo</a> - by Catherine Edwards</li>
<li><a href="https://www.huffingtonpost.co.uk/entry/me-too-backlash-getting-worse_n_5cddd96de4b00e035b8ce786">Me Too Backlash Is Getting Worse</a> - by Emily Peck</li>
<li><a href="https://hbr.org/2019/03/4-reasons-good-employees-lose-their-motivation">4 Reasons Good Employees Lose Their Motivation</a> - by Richard E. Clark and Bror Saxberg</li>
<li><a href="https://www.autostraddle.com/i-was-trained-for-the-culture-wars-in-home-school-awaiting-someone-like-mike-pence-as-a-messiah-367057/amp/?__twitter_impression=true">I Was Trained for the Culture Wars in Home School, Awaiting Someone Like Mike Pence as a Messiah</a> - by Kieryn Darkwater</li>
<li><a href="https://www.wired.com/story/what-inspector-gadget-can-teach-us-about-transhumanism/">Transhumanism Is Tempting—Until You Remember Inspector Gadget</a> - by Rose Eveleth</li>
<li><a href="https://www.wired.com/story/influencers-creators-gender-divide/">Why Women Are Called 'Influencers' and Men 'Creators'</a> - by Emma Grey Ellis</li>
</ul>
<h3>Web development/tech related content</h3>
<ul>
<li><a href="https://www.trysmudford.com/blog/fade-out-siblings-css-trick/">Fading out siblings on hover in CSS</a> - by Trys Mudford</li>
<li><a href="https://zeroequalsfalse.press/posts/it-is-ok-to-only-code-at-work/">It is perfectly OK to only code at work, you can have a life too.</a> - by Marty Jacobs</li>
<li><a href="https://blog.chriszacharias.com/a-conspiracy-to-kill-ie6">A Conspiracy To Kill IE6</a> - by Chris Zacharias</li>
<li><a href="https://axesslab.com/alt-texts/">Alt-texts: The Ultimate Guide</a> - by Daniel Göransson</li>
<li><a href="https://dougsillars.com/2019/05/07/favicons-perhaps-the-least-understood-web-feature/">Favicons: Perhaps the Least Understood Web Feature</a> - by Doug Sillars</li>
<li><a href="https://www.giftegwuenu.com/a-practical-guide-to-optimizing-performance-on-the-web/">A Practical Guide To Optimizing Performance On The Web</a> - by Gift Egwuenu</li>
<li><a href="https://matthiasott.com/articles/into-the-personal-website-verse">Into the Personal-Website-Verse</a> - by Matthias Ott</li>
<li><a href="http://brendandawes.com/blog/permission-to-write-anything">Permission To Write Stuff</a> - by Brendan Dawes</li>
<li><a href="https://www.newyorker.com/news/news-desk/inside-the-team-at-facebook-that-dealt-with-the-christchurch-shooting">Inside the Team at Facebook That Dealt with the Christchurch Shooting</a> - by Kate Klonick</li>
<li><a href="https://medium.com/@devdevcharlie/things-nobody-ever-taught-me-about-css-5d16be8d5d0e">Things nobody ever taught me about CSS.</a> - by Charlie Gerard</li>
<li><a href="https://www.youtube.com/watch?v=oG_cYElSZwM&feature=youtu.be">Accessibility Is More Than Just Supporting Screenreaders</a> - by Seren Davies</li>
<li><a href="https://carolgilabert.me/blog/frontend-ne-2019">Frontend NE 2019</a> - by Carolina Gilabert</li>
<li><a href="https://medium.com/@tatianatmac/why-we-need-more-beginners-teaching-7b8982eb6a4e">Why we need more beginners teaching</a> - by Tatiana Mac</li>
<li><a href="https://medium.com/@andyburgindevops/building-an-inclusive-and-diverse-tech-meetup-50efc5cf81e1">Building an Inclusive and Diverse Tech Meetup</a> - by Andy Burgin</li>
<li><a href="https://carolgilabert.me/blog/impostor-syndrome">Impostor Syndrome and I</a> - by Carolina Gilabert</li>
<li><a href="https://dev.to/lauragift21/how-to-supercharge-your-productivity-as-a-developer-4kln">How To Supercharge Your Productivity As A Developer</a> - by Gift Egwuenu</li>
<li><a href="https://nystudio107.com/blog/the-css-background-image-property-as-an-anti-pattern">The CSS background-image property as an anti-pattern</a> - by Andrew Welch</li>
<li><a href="http://piccalil.li/issues">Piccalilli May Issues</a> - by Andy Bell</li>
<li><a href="https://css-irl.info/debugging-css-grid-part-2-what-the-fraction/">Debugging CSS Grid Part 2: What the Fr(action)?</a> - by Michelle Barker</li>
<li><a href="https://stac.works/articles/all-day-hey-2019-retrospective">All Day Hey! 2019 Retrospective</a> - by Josh Nesbitt</li>
<li><a href="https://vimeo.com/336343886">Take Back Your Web</a> - by Tantek Çelik</li>
</ul>
<h3>Miscellaneous</h3>
<ul>
<li><a href="https://www.youtube.com/watch?v=uE0uKvUbcfw&feature=youtu.be&t=278">Development of chick embryo</a></li>
<li><a href="https://twitter.com/WildlifeTrusts/status/1125023342472433666">A wildlife pound in action</a></li>
<li><a href="https://twitter.com/cozzi_cat/status/1124805085048049665">Possum living in the grill had babies</a></li>
</ul>April bookmarks2019-05-06T00:00:00-00:00https://ohhelloana.blog/april-bookmarks-2019/
<p>April was an interesting month. This year hasn't been great for me because, for the first time, I really can't control my anxiety. Everything I can't control have been draining me in a way that I never experienced before. Those close to me know I've been struggling a lot daily and it sucks. This month I took nearly two weeks off from work and it made me realise how much anxiety I have on a normal day. While I was on holidays I barely used social media or the news and to no one's surprise, my anxiety went down by a lot. And guess what? I didn't miss out much on tech. Was a new shiny tech thing out? Cool, I will look at it when and if I need it.</p>
<h2>Bookmarks from April</h2>
<h3>Non-tech articles</h3>
<ul>
<li><a href="https://theoutline.com/post/7267/living-with-passive-suicidal-ideation?zd=1&zi=vzn2fu6k">I am not always very attached to being alive</a> - by Anna Borges</li>
<li><a href="https://www.theguardian.com/environment/2019/mar/29/eu-bans-widely-used-pesticide-over-safety-concerns?fbclid=IwAR06d00Hle2asXhBC-3GQ7i9A8yxnHzfh49BXW1XXrzPDK4TtjqmQumpk2Y">EU bans UK's most-used pesticide over health and environment fears</a> - by Damian Carrington</li>
<li><a href="https://www.cjr.org/innovations/you-may-hate-metrics-guardian-audience-twitter-images.php">You may hate metrics. But they’re making journalism better</a> - by Chris Moran</li>
<li><a href="https://www.nytimes.com/interactive/2019/04/03/world/white-extremist-terrorism-christchurch.html">Attacks by White Extremists Are
Growing. So Are Their Connections.</a> - By Weiyi Cai and Simone Landon</li>
<li><a href="https://www.theguardian.com/travel/2019/mar/23/norway-camino-path-pilgrims-hike-walk-oslo-trondheim-st-olavs-olafs">Nordic walking: a pilgrims’ route from Oslo to Trondheim</a> - by Phoebe Smith</li>
<li><a href="https://gizmodo.com/the-gentle-side-of-twitch-1834215442">The Gentle Side of Twitch</a> - by Nicole Carpenter</li>
<li><a href="https://www.nytimes.com/2019/04/25/opinion/privacy-poverty.html">The Devastating Consequences of Being Poor in the Digital Age</a> - by Mary Madden</li>
<li><a href="https://mycreativetype.com/">Creative types</a> - by Adobe Create</li><span>P.S.: mine was "the dreamer"</span>
<li><a href="https://www.theguardian.com/commentisfree/2019/apr/29/sexual-assault-case-dropped-refused-police-phone-rape?CMP=Share_iOSApp_Other">My sexual assault case was dropped when I refused to give police my phone</a> - by Anonymous</li>
</ul>
<h3>Tech related content</h3>
<ul>
<li><a href="https://twitter.com/csswizardry/status/1113416689331441664">Tweet showing how the page load might cost you a lot of money when using roaming abroad</a> - by Harry Roberts</li>
<li><a href="https://ethanmarcotte.com/wrote/trainers/">Trainers.</a> - by Ethan Marcotte</li>
<li><a href="https://char.gd/blog/2019/you-dont-need-that-hipster-web-framework">You probably don't need that hip web framework</a> - by Owen Williams</li>
<blockquote cite="https://char.gd/blog/2019/you-dont-need-that-hipster-web-framework">
<p>But, this has all made me wonder: has the modern stack killed experimentation, and shipping bad ideas? Do weird experiments and fun ideas die on the floor, tangled in complexity, more often now? I'd hazard a guess that the answer is yes, and that you should probably skip that hipster framework—for now—as well. Just ship something instead.</p>
</blockquote>
<cite>– Owen Williams</cite>
<li><a href="https://clearleft.com/posts/design-professional-development-framework">A Professional Development Framework for Design</a> - by Andy Thornton</li>
<li><a href="https://jvns.ca/blog/2018/09/30/some-possible-career-goals/">Some possible career goals</a> - by Julia Evans</li>
<li><a href="https://andy-bell.design/wrote/break-out-of-the-echo-chamber/">Break out of the echo chamber</a> - by Andy Bell</li>
<li><a href="https://macaroni-art.glitch.me/">Macaroni art simulator</a> - by Neal Agarwal</li>
<li><a href="https://daverupert.com/2019/04/some-unsolicited-blogging-advice/">Some Unsolicited Blogging Advice</a> - by Dave Rupert</li>
<li><a href="https://paulrhayes.com/accessibility-acceptance-criteria/">Improving accessibility with accessibility acceptance criteria</a> - by Paul Hayes</li>
<li><a href="https://remysharp.com/2019/04/02/twitter-without-tracking">Twitter without tracking</a> - by Remy Sharp</li>
<li><a href="https://www.danvega.dev/blog/2019/04/11/dont-call-it-a-comeback/">Personal Blogs: Don't Call it a comeback!</a> - by Dan Vega</li>
<li><a href="https://www.nicchan.me/blog/auditing-my-own-site-for-accessibility/">Auditing My Own Site For Accessibility</a> - by Nic</li>
<li><a href="https://stephaniewalter.design/blog/color-accessibility-tools-resources-to-design-inclusive-products/">Color accessibility: tools and resources to help you design inclusive products</a> - by Stéphanie Walter</li>
<li><a href="https://www.designsystems.com/">Design Systems</a> - by Figma</li>
<li><a href="https://www.matuzo.at/blog/12-tips-for-more-accessible-react-apps-slides-react-finland-2019/">12 Tips for More Accessible React Apps (Slides, React Finland 2019)</a> - by Manuel Matuzović</li>
<li><a href="https://www.cottondroid.com/blog/exit-interview.html">I’m quitting engineering: An exit interview</a> - Olga Dominguez</li>
<li><a href="https://thehistoryoftheweb.com/postscript/april-2019-weblog-giving-the-web-its-spirit-back/">April 2019 Weblog: Giving the Web Its Spirit Back</a> - by Jay Hoffmann</li>
<li><a href="https://blog.jschopplich.com/monthly-digest-and-bookmarks-april-2019">Monthly Digest & Bookmarks — April 2019</a> - by Johann Schopplich</li>
</ul>
<h3>Things that made me smile one way or another</h3>
<p>I need to re-think this section. I really see and save a lot of memes per month on Instagram and TikTok. Not sure if all memes are worth sharing but I'd like this to be a "interesting/wholesome" section.</p>
<ul>
<li><a href="https://twitter.com/CaliaDomenico/status/1117862123625824256">This tweet showing how a camera's capture rate changes due to the amount of light being let into the camera.</a></li>
</ul>
March bookmarks2019-04-02T00:00:00-00:00https://ohhelloana.blog/march-bookmarks/
<p>This “bookmarking” format doesn’t seem to be working for me because of the way I am doing this. It also seems that I am bookmarking more and more things and I leave all the bookmarks to the last days of the month. I feel like I don’t have enough time to give them proper treatment. I want to share my favourite quotes and my opinions on them and this method seems rushed. I might go back to my original plan of doing them every two weeks.</p>
<p>I have also decided to split between tech and non-tech related articles because I feel that the amount should be the same (and it currently isn’t).</p>
<p>Also this month went by too quickly. Too quickly.</p>
<h2>Bookmarks from March</h2>
<h3>Non-tech articles</h3>
<ul>
<li><a href="https://www.unicef.org/rosa/what-we-do/child-protection/volunteering-orphanages">Volunteering in orphanages</a> - by Unicef.</li>
<li><a href="https://www.thrillist.com/eat/portland/stanichs-closed-will-it-reopen-burger-quest">I Found the Best Burger Place in America. And Then I Killed It.</a> - by Kevin Alexander</li>
<li><a href="https://catapult.co/stories/the-weight-of-words-self-acceptance-relationships-nicole-zhu">The Weight of Words: Self-Acceptance Doesn’t Have to Be a Solo Journey</a> - by Nicole Zhu</li>
<li><a href="https://medium.com/s/story/the-poor-cant-afford-not-to-wear-nice-clothes-b015f6a79561">The Poor Can’t Afford Not to Wear Nice Clothes</a> - by Tressie McMillan Cottom</li>
<li><a href="https://www.theguardian.com/lifeandstyle/2019/mar/17/you-dont-need-more-than-a-warm-smile-to-fly-with-babies?CMP=share_btn_tw">You don’t need more than a warm smile to fly with babies…</a> - by Eva Wiseman</li>
<li><a href="https://hey.georgie.nu/discovering-minimalism/">Journey of a Fashionable Minimalist: Episode 3 – Discovering minimalism</a> - by Georgie Luhur Cooke</li>
<li><a href="https://ideas.ted.com/sorry-to-bother-you-but-do-you-say-sorry-too-much-what-to-say-instead/">Sorry to bother you, but do you say “sorry” too much? What to say instead</a> - by Daniella Balarezo</li>
</ul>
<h3>Tech related content</h3>
<ul>
<li><a href="https://hiddedevries.nl/en/blog/2019-02-23-content-based-grid-tracks-and-embracing-flexibility">Content-based grid tracks and embracing flexibility</a> - by Hidde de Vries</li>
<li><a href="https://www.scottohara.me/blog/2019/03/05/open-dialog.html">Having an open dialog</a> - by Scott O'Hara</li>
<li><a href="https://codepen.io/KristopherVanSant/post/css-shapes-resources">CSS Shapes Resources</a> - by Kristopher Van Sant</li>
<li><a href="https://ericwbailey.design/writing/2019-03-05-fighting-uphill.html">Fighting uphill</a> - by Eric Bailey</li>
<li><a href="https://whatisjasongoldstein.com/writing/help-none-of-my-projects-want-to-be-spas/">Help! None of my projects want to be SPAs</a> - by Jason Goldstein</li>
<li><a href="https://noti.st/mbarker84/R8uGoG/building-intelligent-layouts-with-css-grid">Building Intelligent Layouts with CSS Grid</a> - by Michelle Barker</li>
<li><a href="https://webaccessibility.guide/">Web Accessibility Guide</a> - by Stefan Fejes</li>
<li><a href="http://www.standardista.com/css3/css-specificity/">CSS Specificity</a> - by Estelle Weyl</li>
<li><a href="https://dev.wgao19.cc/2019-03-08__mix-blend-mode/">How I Started Reading mix-blend-mode and What They Are Creating with It</a> - by Wei Gao</li>
<li><a href="https://ethanmarcotte.com/wrote/the-web-we-broke/">The web we broke.</a> - by Ethan Marcotte</li>
<li><a href="https://accessibilityinsights.io/">Accessibility Insights</a> - by Microsoft</li>
<li><a href="https://colourise.sg/">Colourise.sg</a> - by Andrew Tan, Preston Lim and Tan Kai Wei</li>
<li><a href="https://tinkersynth.com/slopes/">Tinkersynth</a> - by Josh Comeau</li>
<li><a href="https://codepen.io/HighFlyer/pen/zwPreM">Layered parallax effect</a> - by Thea</li>
<li><a href="https://medium.com/envoy-design/how-to-design-an-accessible-color-scheme-4a13ca12c92b">How to design an accessible color scheme</a> - by Katie Riley</li>
<li><a href="https://codepen.io/oliviale/full/oVBzao">CSS Scroll Snap: How Do I Look In This?</a> - by Olivia Ng</li>
<li><a href="https://jspaint.app/">JS Paint</a> - by Isaiah Odhner</li>
<li><a href="https://sarahchima.com/blog/react-fragments/">React fragments</a> - by Sarah Chima</li>
<li><a href="https://codepen.io/oliviale/pen/moLrBq">CSS Grid: Floor Plan</a> - by Olivia Ng</li>
<li><a href="https://css-tricks.com/an-introduction-to-web-components/">An introduction to web components</a> - by Caleb Williams</li>
<li><a href="https://abc.useallfive.com/">Accessible Brand Colors</a> - by Use All Five</li>
<li><a href="https://benjamin.parry.is/collecting/thoughts/2018/03/going-offline/">Offline Homebrewing</a> - by Benjamin Parry</li>
<li><a href="http://alwaysownyourplatform.com/">Always Own Your Platform</a> - by Sean Blanda</li>
<li><a href="https://onezero.medium.com/ctrl-alt-delete-the-planned-obsolescence-of-old-coders-9c5f440ee68">Ctrl-Alt-Delete: The Planned Obsolescence of Old Coders</a> - by A. Jesse Jiryu Davis</li>
<li><a href="https://css-irl.info/becoming-a-tech-speaker/">Becoming a tech speaker</a> - by Michelle Barker</li>
<li><a href="https://davidwalsh.name/introduction-static-site-generators">An Introduction to Static Site Generators</a> - by Eduardo Bouças</li>
<li><a href="https://medium.com/@metalex9/making-generative-music-in-the-browser-bfb552a26b0b?sk=a53a22d1846fdc176a35c8cae03e958b">Making Generative Music in the Browser</a> - by Alex Bainter</li>
<li><a href="http://piccalil.li/issues/1">Piccalili - Issue 1</a> - by Andy Bell</li>
</ul>
<h3>Things that made me smile one way or another</h3>
<ul>
<li><a href="https://developur.rs/posts/ana-rodrigues/">Developurrs - #013 - Ana Rodrigues with Jessie</a> - by Andy Bell and me</li>
</ul>February bookmarks2019-03-06T00:00:00-00:00https://ohhelloana.blog/february-bookmarks/
<p>February was a complete write-off for me. It wasn't a good month but to my surprise I bookmarked a lot of things in the first two weeks of it. I also created <a href="http://vm.tiktok.com/eaf6nv/">an account in TikTok</a> as if I don't waste enough time already looking at memes.</p>
<h2>Bookmarks from February</h2>
<ul>
<li><a href="https://advice.shinetext.com/articles/we-need-to-talk-about-and-recognize-representation-burnout">Why We Need to Talk About—and Recognize—Representation Burnout</a> - by Martha Tesema.</li>
<li><a href="https://medium.com/@sara_ann_marie/dont-feel-like-an-expert-share-anyway-661f2f8cd038?sk=df7b74fe9684d0ac77dcce94f745056b">Don’t feel like an expert? Share anyway.</a> - by Sara Wachter-Boettcher</li>
<li><a href="https://exclusive-design.vasilis.nl/">Exclusive Design</a> - by Vasilis van Gemert</li>
<li><a href="https://qz.com/1525661/your-digital-identity-has-three-layers-and-you-can-only-protect-one-of-them/">Your digital identity has three layers, and you can only protect one of them</a> - by Katarzyna Szymielewicz</li>
<li><a href="https://a11y.reviews/">Accessibility Reviews</a> - by <a href="http://adrianroselli.com/2019/01/announcing-a11y-reviews.html">Adrian Roselli</a> and <a href="https://twitter.com/tobie">Tobie Langel</a></li>
<li><a href="https://yeahpython.github.io/game/game.html">ASCII renderer</a> - by <a href="https://yeahpython.github.io/">Tommy Li</a></li>
<li><a href="https://tokimeki-unfollow.glitch.me/">Tokimeki Unfollow</a> - by Julius Tarng</li>
<li><a href="https://medium.com/@tatianatmac/trust-the-process-how-to-present-your-best-when-youre-at-your-worst-166dad8cc4">TRUST the Process: How to present your best, when you’re at your worst</a> - by Tatiana Mac</li>
<li><a href="https://www.buzzfeednews.com/article/ariannarebolini/comics-work-anxiety-emotions-workplace-no-hard-feelings">These Comics About Work Anxieties Are Painfully Real</a> - compilation by Arianna Rebolini and comics by Liz Fosslien and Mollie West Duffy</li>
<li><a href="https://www.goabstract.com/blog/end-of-the-celebrity-designer/">The end of the celebrity designer</a> - by Tim Van Damme</li>
<li><a href="https://developer.paciellogroup.com/blog/2018/08/a-web-of-anxiety-accessibility-for-people-with-anxiety-and-panic-disorders-part-1/">A web of anxiety: accessibility for people with anxiety and panic disorders [Part 1]</a> - by David Swallow</li>
<li><a href="https://developer.paciellogroup.com/blog/2018/11/a-web-of-anxiety-accessibility-for-people-with-anxiety-and-panic-disorders-part-2/">A web of anxiety: accessibility for people with anxiety and panic disorders [Part 2]</a> - by David Swallow</li>
<li><a href="https://twitter.com/wesbos/status/1093167287119609858">"My background pattern resources"</a> - by Wes Bos</li>
<li><a href="https://apav.pt/apav_v3/images/pdf/Estatisticas_APAV_Criancas_e_jovens_vitimas_crime_violencia_2013_2017.pdf">Statistics - Children and Young people victims of crime and violence 2013-2017 (in Portuguese)</a> - by APAV (Associação Portuguesa de Apoio à Vítima)</li>
<li><a href="https://webcomponents.club/">Web Components Club</a> - by Andy Bell</li>
<li><a href="https://vimeo.com/312101489">The "C" is for accessibility</a> - by Evangelina Ferreira</li>
<li><a href="https://github.com/andybelldesign/progressive-vue-toggle">Progressive Vue Toggle</a> - by Andy Bell</li>
<li><a href="https://cssreference.io/">CSS Reference</a> - by <a href="https://twitter.com/jgthms">Jeremy Thomas</a></li>
<li><a href="https://codepen.io/Stefany93/post/complete-guide-to-accessible-video-and-audio-for-the-web">Complete guide to accessible video and audio for the web</a> - by Stefany Newman</li>
<li><a href="https://bryanlrobinson.com/blog/2019/02/07/bring-fansites-back-to-the-web/">Let's bring Fan Sites and webrings back!</a> - by Bryan Robinson</li>
<li><a href="https://github.com/LappleApple/awesome-leading-and-managing">Awesome Leadership and Management</a> - by Lauri Apple</li>
<li><a href="https://www.hanselman.com/blog/YourWordsAreWasted.aspx">Your words are wasted</a> - by Scott Hanselman</li>
<li><a href="https://www.cntraveler.com/story/the-best-way-to-ride-out-air-turbulence">The Best Way to Ride Out Air Turbulence</a> - by Cynthia Drescher</li>
<li><a href="https://accessibility.blog.gov.uk/2019/02/11/using-persona-profiles-to-test-accessibility/">Using persona profiles to test accessibility</a> - by Anika Henke</li>
<li><a href="https://midicity-2000.glitch.me/">MIDI CITY 2000</a> - by <a href="https://twitter.com/notwaldorf">Monica Dinculescu</a></li>
<li><a href="https://www.xaprb.com/blog/you-guys/">You guys</a> - by Baron Schwartz</li>
<li><a href="https://css-doodle.com/">CSS Doodle</a> - by Yuan Chuan</li>
<li><a href="https://frontendwiz.co.uk/">Front end wizard</a> - by Kieran Venison</li>
<li><a href="https://codepen.io/ivorjetski/pen/xMJoYO">Pure CSS Still Life - Water and Lemons</a> - by Ben Evans</li>
<li><a href="https://www.sarasoueidan.com/TIL/index.xml">"TIL" RSS Feed</a> - by Sara Soueidan</li>
<li><a href="https://www.scottohara.me/blog/2019/02/12/high-contrast-aria-and-images.html">Quick Note on high contrast mode</a> - by Scott O'Hara</li>
<li><a href="https://codepen.io/ste-vg/pen/pGJRgX">CSS Night Cat</a> - by Steve Gardner</li>
<li><a href="https://www.newstatesman.com/culture/music-theatre/2019/02/ryan-adams-misogyny-and-sensitive-masculinity">Ryan Adams, misogyny and “sensitive” masculinity</a> - by Anna Leszkiewicz</li>
<li><a href="https://blog.alicegoldfuss.com/slapping-back-imposter-syndrome/">Slapping Back Imposter Syndrome</a> - by Alice Goldfuss</li>
<li><a href="https://micrometa.jkphl.is/">Micrometa 2 demo page</a> - by Joschi Kuphal</li>
<li><a href="https://css-tricks.com/look-ma-no-media-queries-responsive-layouts-using-css-grid/">Look Ma, No Media Queries! Responsive Layouts Using CSS Grid</a> - by Juan Martín García</li>
<li><a href="https://thecolorsofmotion.com/">The Colors of Motion</a></li>
<li><a href="https://frontend30.com/css-selectors-cheatsheet/">CSS selectors cheatsheet</a> - by Nana</li>
<li><a href="https://paulrobertlloyd.github.io/indiekit/">IndieKit</a> - by Paul Robert Lloyd</li>
<li><a href="https://vgpena.github.io/using-css-grid-the-right-way/">Using CSS Grid the right way</a> - by Violet Peña</li>
</ul>
<h2>Things that made me smile one way or another</h2>
<ul>
<li><a href="https://twitter.com/EmilyFairfax/status/1097195169131024384">So what do beavers have to do with wildfire?</a></li>
<li><a href="https://twitter.com/calum_cranston/status/1096751051766747136">This person who won a Henry Hoover at bingo</a></li>
<li><a href="https://twitter.com/PavelASamsonov/status/1074701053034160128">This analogy</a></li>
<li><a href="https://twitter.com/DorsaAmir/status/1085227486869377024">This thread about the human body</a></li>
<li><a href="https://twitter.com/Peacharu_/status/1053039011307155456">A very brave mongoose</a></li>
<li><a href="https://twitter.com/bendhalpern/status/1092070010745319428">Client-side validation</a></li>
<li><a href="https://m.tiktok.com/v/6657125743564164357.html">"Do you ever look at someone and wonder what is going on inside their head?"</a></li>
<li><a href="https://twitter.com/zoewhiite/status/1091526702864482304?s=21">Synchronised dog</a></li>
<li><a href="https://twitter.com/WelshMountainZo/status/1091262802617081857">The photo of this PSA</a></li>
</ul>
January bookmarks2019-02-02T00:00:00-00:00https://ohhelloana.blog/january-bookmarks/
<p>Maybe these "bookmarks posts" will a monthly thing. I realised my life isn't that eventfull in terms of bookmarking.</p>
<h2>Bookmarks from January</h2>
<ul>
<li><a href="https://www.slideshare.net/TanyaReilly/being-glue">Being glue</a> - by Tanya Reilly</li>
<li><a href="https://veerle.duoh.com/">Veerle's blog</a> - by Veerle</li>
<li><a href="https://charity.wtf/2019/01/04/engineering-management-the-pendulum-or-the-ladder/">Engineering Management: The Pendulum Or The Ladder</a> - by Charity</li>
<li><a href="https://yoksel.github.io/svg-gradient-map/#/">SVG Gradient Map Filter</a> - by @yoksel_en</li>
<li><a href="https://julesforrest.com/a-refactor-with-css-variables">A refactor with CSS variables</a> - by Jules Forrest</li>
<li><a href="https://mxb.at/blog/syndicating-content-to-twitter-with-netlify-functions/">Static Indieweb pt1: Syndicating Content</a> - by Max Böck</li>
<li><a href="https://cathydutton.co.uk/posts/why-i-stopped-using-sass/">Stepping away from Sass</a> - by Cathy Dutton</li>
<li><a href="https://dcurt.is/when-to-stop">When to stop</a> - by Dustin Curtis</li>
<li><a href="https://knowbility.org/blog/2019/links-opening-new-windows-no-warning/">How to Stop Opening Links in New Windows without Warning</a> - by Nicolas Steenhout</li>
<li><a href="https://docs.google.com/presentation/d/1RpQ7lQ4XIX8D451YfwFAMsaUJ6hw-mcwk8N7-C3UBJ4/edit#slide=id.g35f391192_00">Impostor Syndrome, Perfectionism, Anxiety and Learning to be Kind to Yourself</a> - by Jo Franchetti</li>
<li><a href="https://personalsit.es/">Personal sites are awesome!</a> - by Andy Bell</li>
<li><a href="https://codepen.io/notwaldorf/full/omXwzw">CSS only morphing blob</a> - by Monica Dinculescu</li>
<li><a href="https://www.theguardian.com/technology/2019/jan/23/conspiracy-theories-internet-survivors-truth">Trapped in a hoax: survivors of conspiracy theories speak out</a> - by Ed Pilkington</li>
<li><a href="https://codepen.io/kathykato/pen/omxPap">WordArt</a> - by Katherine Kato</li>
<li><a href="https://www.richardwestenra.com/repeater/">Repeater</a> - by Richard Westenra</li>
<li><a href="https://medium.com/@owltastic/new-year-new-website-7065afa64057">New year, new website</a> - by Meagan Fisher</li>
<li><a href="https://rachelandrew.co.uk/archives/2019/01/30/html-css-and-our-vanishing-industry-entry-points/">HTML, CSS and our vanishing industry entry points</a> - by Rachel Andrew</li>
<li><a href="https://jarredsumner.com/codeblog/?r">Why isn't the internet more fun and weird?</a> - by Jarred</li>
<li><a href="https://github.com/sturobson/myRSS">myRSS</a> - by Stuart Robson</li>
<li><a href="https://www.wsj.com/articles/new-york-insurers-can-evaluate-your-social-media-useif-they-can-prove-why-its-needed-11548856802">New York Insurers Can Evaluate Your Social Media Use—If They Can Prove Why It’s Needed</a> - by Leslie Scism</li>
<li><a href="https://www.globaldiversitycfpday.com/blog#ana-rodrigues">My experience at Global Diversity CFP Day</a> - by me!!!</li>
<li><a href="https://www.reddit.com/r/MapPorn/comments/acn2d6/night_trains_in_europe_2018/?st=JQJAG9OG&sh=0203d925">Night trains in Europe</a></li>
<li><a href="https://www.swyx.io/writing/learn-in-public/">Learn in Public</a> - by Shawn Wang</li>
</ul>
<h2>Things that made me smile one way or another</h2>
<ul>
<li>Catwalk documentary on Netflix</li>
<li><a href="https://twitter.com/FluffSociety/status/1088855830613520385">Cat that only wants to be brushed on the neck</a></li>
<li><a href="https://twitter.com/nocontexttgp/status/1089299868122865664">This screencap from the good place</a></li>
<li><a href="https://twitter.com/kenradio/status/1088489509757554689">What it looks like landing at the Nuuk Greenland Airport</a></li>
<li><a href="https://twitter.com/aussiesdointhgs/status/1088856332084674561">Australian Shepherds “wigglebutts”</a></li>
<li><a href="https://twitter.com/feross/status/1088525872636854272">How camera lenses change your shape</a></li>
<li><a href="https://twitter.com/ItsTheShadsy/status/1086829036976914432">1995 Multimedia Cats</a></li>
<li><a href="https://twitter.com/AmyLGalles/status/1086364646947188736">Exchange in reddit</a></li>
<li><a href="https://twitter.com/anna_debenham/status/1082274734014951425">This dog trying to take home to biggest stick ever</a></li>
<li><a href="https://twitter.com/kassy/status/1081179862109511681">Four generations meme</a></li>
</ul>
Bookmarks of 20182019-01-20T00:00:00-00:00https://ohhelloana.blog/bookmarks-of-2018/
<p>A while back Twitter stopped allowing users to access all their likes unless they paid for it. This means that I have officially lost access to things I liked. Before they released their bookmark feature, I was using the "likes" feature as a bookmark to read later. I know it wasn't ideal and it was pretty lazy of me and it obviously backfired. I clearly haven't learnt my lessons and I started to use their bookmark feature instead of something else. If I learnt anything from this experience is that I shouldn't completely trust this free feature. </p>
<p>As I mentioned in one of my previous posts, some people started to post their bookmarks on their website to save them forever. I like that idea but I wouldn't necessarly like to see the exact same implementation on my blog and social media accounts. In my old blogs I used to have "link packs" similar to what <a href="https://www.swiss-miss.com/link-pack">Swiss Miss</a> has in their blog and I also enjoy newsletters that do the same. I like to have time to read things and leave my own comments and be in control of how it looks like in my blog.</p>
<p>Because of all this, I decided to do a clean up of my Twitter bookmarks. I know I have other bookmarks spread around my browser and slack and I will try to include those in this post too. From now on, I intend to do link packs every week or every two weeks and will add those to my <a href="https://ohhelloana.blog/bookmarks">bookmarks collection page</a> (this page is a work in progress).</p>
<h2>(some) Bookmarks of 2018</h2>
<ul>
<li><a href="https://codepen.io/jensimmons/pen/PQVwjq?editors=1100" target="_target">Simple Demo of Vertical Centering</a> - Simple demo of vertical centering by Jen Simmons.</li>
<li><a href="https://amberwilson.co.uk/blog/apartfromcode/" target="_target">Apart from Code</a> - by Amber Wilson</li>
<li><a href="http://ashton.codes/preload-google-fonts-using-resource-hints/" target="_target">How to preload Google Fonts using resource hints</a> - by Chris Ashton</li>
<li><a href="https://noti.st/ericwbailey/QxdLmO/slides" target="_target">Designing for Inclusion with Media Queries</a> - by Eric Bailey</li>
<li><a href="https://docs.google.com/presentation/d/1odRjIKD8AN5m3TY1AjjeTymI6hNh16wJN6TPH0larjQ/edit?usp=sharing" target="_target">Logging Off</a> - by Valerie Woolard Srinivasan</li>
<li><a href="http://bradfrost.com/blog/post/i-dunno/" target="_target">I dunno</a> - by Brad Frost</li>
<li><a href="https://codepen.io/collection/DamKJW/" target="_target">Text Effects Collection</a> - by Mandy Michael</li>
<li><a href="https://keithjgrant.com/posts/2018/06/resilient-declarative-contextual/" target="_target">Resilient, Declarative, Contextual</a> - by Keith J. Grant</li>
<li><a href="https://noti.st/lisi/vWbgvW/from-pen-paper-to-svg-animations-an-illustration-adventure" target="_target">From Pen & Paper to SVG Animations. An Illustration Adventure</a> - by Lisi Linhart</li>
<li><a href="https://indiewebguides.org/" target="_target">IndieWeb Guides </a> - by Calum Ryan</li>
<li><a href="https://glitch.com/culture/you-got-this-zine-2/" target="_target">Making Web Apps with React</a> - by Glitch Team</li>
<li><a href="http://uigoodies.com/" target="_target">UI Goodies</a> - by Jess Eddy</li>
<li><a href="https://github.com/yuanchuan/CSS-at/blob/master/README.md" target="_target">CSS-at</a> - by Yuan Chuan</li>
<li><a href="https://robinrendle.com/notes/i-dont-believe-in-full-stack-engineering/" target="_target">I don't believe in full stack engineering</a> - by Robin Rendle</li>
<li><a href="https://medium.com/@nodunayo/so-you-want-to-speak-at-tech-conferences-but-you-have-nothing-to-talk-about-771ac9e32a3d" target="_target">So you want to speak at tech conferences but you have nothing to talk about…</a> - by Nadia Odunayo</li>
<li><a href="https://roadtrip.glitch.me/" target="_target">Road trip</a> - by Malte Ubl</li>
<li><a href="https://codepen.io/burkeholland/details/yEEdMQ/" target="_target">Real time moon</a> - by Burke Holland</li>
<li><a href="https://codepen.io/meowwwls/full/djYgRY/" target="_target">GeoStack SVG Generator</a> - by Melissa Em</li>
<li><a href="https://medium.com/s/story/data-violence-and-how-bad-engineering-choices-can-damage-society-39e44150e1d4" target="_target">Data Violence and How Bad Engineering Choices Can Damage Society</a> - by Anna Lauren Hoffmann</li>
<li><a href="https://github.com/lauragift21/awesome-learning-resources" target="_target">Awesome Resources RoadMap</a> - by Egwuenu Gift</li>
<li><a href="https://hbr.org/2018/07/why-women-volunteer-for-tasks-that-dont-lead-to-promotions" target="_target">Why Women Volunteer for Tasks That Don’t Lead to Promotions</a> - by Linda Babcock, Maria P. Recalde and Lise Vesterlund</li>
<li><a href="http://www.disambiguity.com/what-walls-are-for/" target="_target">What walls are for</a> - by Leisa Reichelt</li>
<li><a href="https://slides.com/cassiecodes/deck-1" target="_target">Limitation breeds creativity</a> - by Cassie Evans</li>
<li><a href="https://thehistoryoftheweb.com/" target="_target">The history of the web</a> - by Jay Hoffmann</li>
<li><a href="https://code.likeagirl.io/toxic-jobs-low-self-esteem-interviewing-6c4650a3c28a" target="_target">On Toxic Jobs, Low Self-Esteem, & Interviewing</a> - by Rachel Thomas</li>
<li><a href="https://medium.freecodecamp.org/the-complete-illustrated-flexbox-tutorial-d35c085dbf35" target="_target">The Complete Illustrated Flexbox Tutorial</a> - by JavaScript Teacher</li>
<li><a href="https://joelglovier.com/about/#site-credits" target="_target">Site credits list</a> - by Joel Andrew Glovier</li>
<li><a href="https://a11ywins.tumblr.com/" target="_target">A11y Wins</a> - by Marcy Sutton</li>
<li><a href="https://moritzgiessmann.de/accessibility-cheatsheet/" target="_target">Accessibility Cheatsheet</a> - Moritz Gießmann</li>
<li><a href="https://nostalgic-css.github.io/NES.css/" target="_target">NES-style CSS Framework</a> - by @bc_rikko</li>
</ul>
<p>Between all these there were a lot of favourited tweets, codepens, videos, instagrams. So many. I know I missed quite a few bookmarks too. Hopefully by having a weekly or bi-weekly compilation I can be more granular and also share lots of content not related to web development.</p>