corpus.blog
41554 blogs · [ { "id": "01a08740-7656-72e0-b8f4-5b17b8839d61", "title": "When is :focus-visible visible?", "url": "https://bitsofco.de/when-is-focus-visible-visible/", "published_at": "2023-03-21T00:00:00+00:00" }, { "id": "01a08740-7656-72e0-b8f4-5b17b95b66ab", "title": "From Ghost to 11ty", "url": "https://bitsofco.de/from-ghost-to-11ty/", "published_at": "2023-02-22T00:00:00+00:00" }, { "id": "01a08740-7656-72e0-b8f4-5b17b9fb5f1c", "title": "Web Performance Metrics Cheatsheet", "url": "https://bitsofco.de/web-performance-metrics-cheatsheet/", "published_at": "2021-10-25T00:00:00+00:00" }, { "id": "01a08740-7656-72e0-b8f4-5b17badfe9be", "title": "Setting up a Decentralised Website (ENS + IPFS = dWeb)", "url": "https://bitsofco.de/setting-up-a-decentralised-website/", "published_at": "2021-06-18T00:00:00+00:00" }, { "id": "01a08740-7656-72e0-b8f4-5b17bb4b8995", "title": "Highlights from Chrome Dev Summit 2020", "url": "https://bitsofco.de/chrome-dev-summit-2020/", "published_at": "2020-12-14T00:00:00+00:00" }, { "id": "01a08740-7656-72e0-b8f4-5b17bc35451a", "title": "What I wish I knew about React", "url": "https://bitsofco.de/what-i-wish-i-knew-about-react/", "published_at": "2020-04-28T00:00:00+00:00" }, { "id": "01a08740-7656-72e0-b8f4-5b17bcf99820", "title": "How I created 488 \"live images\"", "url": "https://bitsofco.de/how-i-created-488-live-images/", "published_at": "2019-11-26T00:00:00+00:00" }, { "id": "01a08740-7656-72e0-b8f4-5b17bd343bd9", "title": "Highlights from Chrome Dev Summit 2019", "url": "https://bitsofco.de/chrome-dev-summit-2019/", "published_at": "2019-11-18T00:00:00+00:00" }, { "id": "01a08740-7656-72e0-b8f4-5b17bd58d8eb", "title": "How to use Puppeteer in a Netlify (AWS Lambda) function", "url": "https://bitsofco.de/how-to-use-puppeteer-in-a-netlify-aws-lambda-function/", "published_at": "2019-10-28T00:00:00+00:00" }, { "id": "01a08740-7656-72e0-b8f4-5b17bdb27369", "title": "Calling smart contract functions using web3.js - call() vs send()", "url": "https://bitsofco.de/calling-smart-contract-functions-using-web3-js-call-vs-send/", "published_at": "2019-09-03T00:00:00+00:00" }, { "id": "01a08740-7656-72e0-b8f4-5b17bddb7f0d", "title": "Solidity function visibility, explained", "url": "https://bitsofco.de/solidity-function-visibility-explained/", "published_at": "2019-08-27T00:00:00+00:00" }, { "id": "01a08740-7656-72e0-b8f4-5b17be094079", "title": "Your first performance budget with Lighthouse", "url": "https://bitsofco.de/your-first-performance-budget-with-lighthouse/", "published_at": "2019-05-28T00:00:00+00:00" }, { "id": "01a08740-7656-72e0-b8f4-5b17be64752f", "title": "Removing duplicate objects from an Array (is hard)", "url": "https://bitsofco.de/removing-duplicate-objects-from-an-array-is-hard/", "published_at": "2019-03-12T00:00:00+00:00" }, { "id": "01a08740-7656-72e0-b8f4-5b17be6f1b29", "title": "Tips for making interactive elements accessible on mobile devices", "url": "https://bitsofco.de/tips-for-making-interactive-elements-accessible-on-mobile-devices/", "published_at": "2019-02-12T00:00:00+00:00" }, { "id": "01a08740-7656-72e0-b8f4-5b17bed86429", "title": "Revisiting the abbr element", "url": "https://bitsofco.de/revisiting-the-abbr-element/", "published_at": "2019-02-05T00:00:00+00:00" }, { "id": "01a08740-7656-72e0-b8f4-5b17bee82115", "title": "What self.skipWaiting() does to the service worker lifecycle", "url": "https://bitsofco.de/what-self-skipwaiting-does-to-the-service-worker-lifecycle/", "published_at": "2019-01-29T00:00:00+00:00" }, { "id": "01a08740-7656-72e0-b8f4-5b17bef4fb59", "title": "What is tree shaking and how does it work?", "url": "https://bitsofco.de/what-is-tree-shaking/", "published_at": "2019-01-22T00:00:00+00:00" }, { "id": "01a08740-7656-72e0-b8f4-5b17bf768e3c", "title": "Use the :lang pseudo-class over the lang attribute selector for language-specific styles", "url": "https://bitsofco.de/use-the-lang-pseudo-class-over-the-lang-attribute-for-language-specific-styles/", "published_at": "2019-01-16T00:00:00+00:00" }, { "id": "01a08740-7656-72e0-b8f4-5b17bfdad555", "title": "A Siri Shortcut to Generate PWA Icons and Web App Manifest", "url": "https://bitsofco.de/a-siri-shortcut-to-generate-pwa-icons-and-web-app-manifest/", "published_at": "2018-12-25T00:00:00+00:00" }, { "id": "01a08740-7656-72e0-b8f4-5b17c00da7b7", "title": "Understanding the Virtual DOM", "url": "https://bitsofco.de/understanding-the-virtual-dom/", "published_at": "2018-12-24T00:00:00+00:00" }, { "id": "01a08740-7656-72e0-b8f4-5b17c0e40a30", "title": "My CSS Reset/Base", "url": "https://bitsofco.de/my-css-reset-base/", "published_at": "2018-12-21T00:00:00+00:00" }, { "id": "01a08740-7656-72e0-b8f4-5b17c174ba10", "title": "Making the abbr element work for touchscreen, keyboard, and mouse", "url": "https://bitsofco.de/making-abbr-work-for-touchscreen-keyboard-mouse/", "published_at": "2018-12-20T00:00:00+00:00" }, { "id": "01a08740-7656-72e0-b8f4-5b17c18fe6f5", "title": "Handling broken images with the service worker", "url": "https://bitsofco.de/handling-broken-images-with-service-worker/", "published_at": "2018-12-19T00:00:00+00:00" }, { "id": "01a08740-7657-707f-9e9f-48162faffc95", "title": "A one-line solution to highlighting search matches", "url": "https://bitsofco.de/a-one-line-solution-to-highlighting-search-matches/", "published_at": "2018-12-18T00:00:00+00:00" }, { "id": "01a08740-7657-707f-9e9f-48162fe0eed5", "title": "There’s no reason to use pointer-events for HTML elements", "url": "https://bitsofco.de/theres-no-reason-to-use-pointer-events-for-html-elements/", "published_at": "2018-12-17T00:00:00+00:00" }, { "id": "01a08740-7657-707f-9e9f-4816308cd849", "title": "Using aria-live", "url": "https://bitsofco.de/using-aria-live/", "published_at": "2018-12-14T00:00:00+00:00" }, { "id": "01a08740-7657-707f-9e9f-4816312d149e", "title": "Cache API 101", "url": "https://bitsofco.de/cache-api-101/", "published_at": "2018-12-13T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57f25afe93", "title": "The visibility property isn’t just about visibility", "url": "https://bitsofco.de/the-visibility-property-isnt-just-about-visibility/", "published_at": "2018-12-12T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57f2870392", "title": "When do the :hover, :focus, and :active pseudo-classes apply?", "url": "https://bitsofco.de/when-do-the-hover-focus-and-active-pseudo-classes-apply/", "published_at": "2018-12-11T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57f3794db3", "title": "What is the Shadow DOM?", "url": "https://bitsofco.de/what-is-the-shadow-dom/", "published_at": "2018-12-10T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57f3c25acf", "title": "Going Offline First (Video Series)", "url": "https://bitsofco.de/going-offline-first/", "published_at": "2018-12-05T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57f3c39987", "title": "A look at CSS Resets in 2018", "url": "https://bitsofco.de/a-look-at-css-resets-in-2018/", "published_at": "2018-11-30T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57f413c29a", "title": "How and when to use the tabindex attribute", "url": "https://bitsofco.de/how-and-when-to-use-the-tabindex-attribute/", "published_at": "2018-11-29T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57f4c95f5b", "title": "Everything about CSS environment variables", "url": "https://bitsofco.de/css-environment-variables/", "published_at": "2018-11-28T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57f505d89b", "title": "Git aliases for lazy developers", "url": "https://bitsofco.de/git-aliases-for-lazy-developers/", "published_at": "2018-11-27T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57f542c857", "title": "What, exactly, is the DOM?", "url": "https://bitsofco.de/what-exactly-is-the-dom/", "published_at": "2018-11-26T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57f62818fd", "title": "How to upload a screenshot from Puppeteer to Cloudinary", "url": "https://bitsofco.de/how-to-upload-a-screenshot-from-puppeteer-to-cloudinary/", "published_at": "2018-11-23T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57f6cb3bb5", "title": "Using a headless browser to capture page screenshots", "url": "https://bitsofco.de/using-a-headless-browser-to-capture-page-screenshots/", "published_at": "2018-11-22T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57f775596c", "title": "Why and how to use WebP images today", "url": "https://bitsofco.de/why-and-how-to-use-webp-images-today/", "published_at": "2018-11-21T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57f77866f2", "title": "Web workers vs Service workers vs Worklets", "url": "https://bitsofco.de/web-workers-vs-service-workers-vs-worklets/", "published_at": "2018-11-20T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57f7dad55d", "title": "You might not need a loop", "url": "https://bitsofco.de/you-might-not-need-a-loop/", "published_at": "2018-11-19T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57f81cf7d6", "title": "Highlights from Chrome Dev Summit 2018", "url": "https://bitsofco.de/chrome-dev-summit-2018/", "published_at": "2018-11-16T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57f871efbe", "title": "What is First Input Delay?", "url": "https://bitsofco.de/what-is-first-input-delay/", "published_at": "2018-11-15T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57f886cdef", "title": "Learning to write again", "url": "https://bitsofco.de/learning-to-write-again/", "published_at": "2018-11-14T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57f9076727", "title": "Understanding the difference between grid-template and grid-auto", "url": "https://bitsofco.de/understanding-the-difference-between-grid-template-and-grid-auto/", "published_at": "2018-10-09T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57f913460e", "title": "[Smashing Magazine] Creating The Feature Queries Manager DevTools Extension", "url": "https://bitsofco.de/smashing-magazine/", "published_at": "2018-05-23T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57fa0095c8", "title": "How display: contents; Works", "url": "https://bitsofco.de/how-display-contents-works/", "published_at": "2018-03-27T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57fa7c6ac9", "title": "Recreating the GitHub Contribution Graph with CSS Grid Layout", "url": "https://bitsofco.de/github-contribution-graph-css-grid/", "published_at": "2018-01-23T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57fb4ca1f9", "title": "What’s New in HTML 5.2?", "url": "https://bitsofco.de/whats-new-in-html-5-2/", "published_at": "2018-01-08T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57fbc34487", "title": "Localisation and Translation on the Web", "url": "https://bitsofco.de/localisation-and-translation/", "published_at": "2017-11-23T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57fcc03af6", "title": "Web Push Notifications with Firebase (Video Series)", "url": "https://bitsofco.de/web-push-notifications-with-firebase/", "published_at": "2017-09-18T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57fd83ac87", "title": "Accessibility Testing with pa11y", "url": "https://bitsofco.de/pa11y/", "published_at": "2017-08-15T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57fe278941", "title": "What's the Deal with Collapsible Margins?", "url": "https://bitsofco.de/collapsible-margins/", "published_at": "2017-07-04T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57feff1166", "title": "How the minmax() Function Works", "url": "https://bitsofco.de/how-the-minmax-function-works/", "published_at": "2017-06-06T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57ff3e34bf", "title": "CSS Animations vs the Web Animations API: A Case Study", "url": "https://bitsofco.de/css-animations-vs-the-web-animations-api/", "published_at": "2017-05-03T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57ff8d729c", "title": "How I Animated the bitsofcode Logo with CSS", "url": "https://bitsofco.de/how-i-animated-the-bitsofcode-logo/", "published_at": "2017-04-26T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a57ff99f91e", "title": "Asynchronous Functions 101", "url": "https://bitsofco.de/asynchronous-functions-101/", "published_at": "2017-04-13T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a58000f0b3f", "title": "Redesigning bitsofcode", "url": "https://bitsofco.de/redesigning-bitsofcode-3/", "published_at": "2017-03-27T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a580038b826", "title": "Making Alix, a Chrome Extension for Linting HTML", "url": "https://bitsofco.de/making-alix-a-chrome-extension-for-linting-html/", "published_at": "2017-03-14T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a5800da0ede", "title": "Linting HTML using CSS", "url": "https://bitsofco.de/linting-html-using-css/", "published_at": "2017-03-07T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a58015c9759", "title": "Asynchronous vs Deferred JavaScript", "url": "https://bitsofco.de/async-vs-defer/", "published_at": "2017-02-28T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a5801936817", "title": "\"What's the typeof null?\", and other confusing JavaScript Types", "url": "https://bitsofco.de/javascript-typeof/", "published_at": "2017-02-21T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a58025f6d5d", "title": "Optimising GIFs for the Web", "url": "https://bitsofco.de/optimising-gifs/", "published_at": "2017-02-14T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a5803348978", "title": "CSS Grid Layout Terminology, Explained", "url": "https://bitsofco.de/css-grid-terminology/", "published_at": "2017-02-07T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a5803c2a07c", "title": "How calc() Works", "url": "https://bitsofco.de/how-calc-works/", "published_at": "2017-01-31T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a58048d7a63", "title": "Rules for Using ARIA in HTML", "url": "https://bitsofco.de/rules-for-using-aria-in-html/", "published_at": "2017-01-24T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a5804ee396e", "title": "Understanding the Critical Rendering Path", "url": "https://bitsofco.de/understanding-the-critical-rendering-path/", "published_at": "2017-01-17T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a5805284d5e", "title": "3 New CSS Features to Learn in 2017", "url": "https://bitsofco.de/3-new-css-features-to-learn-in-2017/", "published_at": "2017-01-10T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a5806231ca5", "title": "Making a Polymer Element for CanIUse Embed", "url": "https://bitsofco.de/caniuse-embed-polymer/", "published_at": "2016-12-20T00:00:00+00:00" }, { "id": "01a08740-7659-73d1-a85e-0a58066d1e6f", "title": "An Overview of Client-Side Storage", "url": "https://bitsofco.de/an-overview-of-client-side-storage/", "published_at": "2016-12-13T00:00:00+00:00" }, { "id": "01a08740-765a-72d1-8461-c3ee628cfd57", "title": "Document Outlines in HTML 5.1", "url": "https://bitsofco.de/document-outlines-in-html-5-1/", "published_at": "2016-12-06T00:00:00+00:00" }, { "id": "01a08740-765a-72d1-8461-c3ee6364fac0", "title": "Making \"Blue Beanie Me\"", "url": "https://bitsofco.de/making-blue-beanie-me/", "published_at": "2016-11-29T00:00:00+00:00" }, { "id": "01a08740-765a-72d1-8461-c3ee6404a33b", "title": "Highlights from Chrome Dev Summit 2016", "url": "https://bitsofco.de/chrome-dev-summit-2016/", "published_at": "2016-11-22T00:00:00+00:00" }, { "id": "01a08740-765a-72d1-8461-c3ee640653a6", "title": "for..in versus for..of Loops", "url": "https://bitsofco.de/for-in-vs-for-of/", "published_at": "2016-11-15T00:00:00+00:00" }, { "id": "01a08740-765a-72d1-8461-c3ee64f8174f", "title": "Challenge - Recreating the iTunes Library", "url": "https://bitsofco.de/challenge-itunes-library/", "published_at": "2016-11-08T00:00:00+00:00" }, { "id": "01a08740-765a-72d1-8461-c3ee65a33ecd", "title": "Tools for Developing Accessible Websites", "url": "https://bitsofco.de/tools-for-developing-accessible-websites/", "published_at": "2016-11-01T00:00:00+00:00" }, { "id": "01a08740-765a-72d1-8461-c3ee65f52aab", "title": "Push Notifications on the Web (Building a PWA, Part 3)", "url": "https://bitsofco.de/bitsofcode-pwa-part-3-push-notifications/", "published_at": "2016-10-25T00:00:00+00:00" }, { "id": "01a08740-765a-72d1-8461-c3ee66862911", "title": "\"Instant Loading\" with IndexedDB (Building a PWA, Part 2)", "url": "https://bitsofco.de/bitsofcode-pwa-part-2-instant-loading-with-indexeddb/", "published_at": "2016-10-18T00:00:00+00:00" }, { "id": "01a08740-765a-72d1-8461-c3ee66e919ca", "title": "“Offline First” with Service Worker (Building a PWA, Part 1)", "url": "https://bitsofco.de/bitsofcode-pwa-part-1-offline-first-with-service-worker/", "published_at": "2016-10-11T00:00:00+00:00" }, { "id": "01a08740-765a-72d1-8461-c3ee673f3f69", "title": "Alternative Text and Images", "url": "https://bitsofco.de/alternative-text-and-images/", "published_at": "2016-10-04T00:00:00+00:00" }, { "id": "01a08740-765a-72d1-8461-c3ee6747c515", "title": "Variable and Function Hoisting in ES2015", "url": "https://bitsofco.de/variable-and-function-hoisting-in-es2015/", "published_at": "2016-09-27T00:00:00+00:00" }, { "id": "01a08740-765a-72d1-8461-c3ee67703cbf", "title": "The New System Font Stack?", "url": "https://bitsofco.de/the-new-system-font-stack/", "published_at": "2016-09-20T00:00:00+00:00" }, { "id": "01a08740-765a-72d1-8461-c3ee67eeef50", "title": "JavaScript Promises 102 - The 4 Promise Methods", "url": "https://bitsofco.de/javascript-promises-102/", "published_at": "2016-09-13T00:00:00+00:00" }, { "id": "01a08740-765a-72d1-8461-c3ee684845d7", "title": "nth-child vs nth-of-type", "url": "https://bitsofco.de/nth-child-vs-nth-of-type/", "published_at": "2016-09-06T00:00:00+00:00" }, { "id": "01a08740-765a-72d1-8461-c3ee68d8c1c6", "title": "Toast.js, a Library for Toast messages", "url": "https://bitsofco.de/toast-js-a-library-for-toast-messages-2/", "published_at": "2016-08-23T00:00:00+00:00" }, { "id": "01a08740-765a-72d1-8461-c3ee69038a77", "title": "Making botsofcode - An Introduction to Twitter Bots", "url": "https://bitsofco.de/making-botsofcode-an-introduction-to-twitter-bots/", "published_at": "2016-08-16T00:00:00+00:00" }, { "id": "01a08740-765a-72d1-8461-c3ee69fd1704", "title": "JavaScript Array Methods - Mutator Methods", "url": "https://bitsofco.de/javascript-array-methods-mutator-methods/", "published_at": "2016-08-09T00:00:00+00:00" }, { "id": "01a08740-765a-72d1-8461-c3ee6a6ea424", "title": "Creating An Accessible Modal Dialog", "url": "https://bitsofco.de/accessible-modal-dialog/", "published_at": "2016-08-02T00:00:00+00:00" }, { "id": "01a08740-765b-73b1-abe2-5bf09197754e", "title": "The Background Properties", "url": "https://bitsofco.de/the-background-properties/", "published_at": "2016-07-26T00:00:00+00:00" }, { "id": "01a08740-765b-73b1-abe2-5bf091e168d9", "title": "The Service Worker Lifecycle", "url": "https://bitsofco.de/the-service-worker-lifecycle/", "published_at": "2016-07-19T00:00:00+00:00" }, { "id": "01a08740-765b-73b1-abe2-5bf0924f472e", "title": "JavaScript Promises 101", "url": "https://bitsofco.de/javascript-promises-101/", "published_at": "2016-07-12T00:00:00+00:00" }, { "id": "01a08740-765b-73b1-abe2-5bf092c52f0f", "title": "The :target Trick", "url": "https://bitsofco.de/the-target-trick/", "published_at": "2016-07-05T00:00:00+00:00" }, { "id": "01a08740-765b-73b1-abe2-5bf0930a5527", "title": "All the Generic CSS Data Types", "url": "https://bitsofco.de/generic-css-data-types/", "published_at": "2016-06-28T00:00:00+00:00" }, { "id": "01a08740-765b-73b1-abe2-5bf093219bb1", "title": "Realtime Form Validation", "url": "https://bitsofco.de/realtime-form-validation/", "published_at": "2016-06-21T00:00:00+00:00" }, { "id": "01a08740-765b-73b1-abe2-5bf093dd3a8c", "title": "Form Validation Techniques", "url": "https://bitsofco.de/form-validation-techniques/", "published_at": "2016-06-14T00:00:00+00:00" }, { "id": "01a08740-765b-73b1-abe2-5bf0948ad96d", "title": "Anchors vs Buttons", "url": "https://bitsofco.de/anchors-vs-buttons/", "published_at": "2016-06-05T00:00:00+00:00" }, { "id": "01a08740-765b-73b1-abe2-5bf094a70173", "title": "Making Messenger Hunt - An Introduction to Messenger Bots", "url": "https://bitsofco.de/making-messengerhunt-an-introduction-to-messenger-bots-2/", "published_at": "2016-05-31T00:00:00+00:00" }, { "id": "01a08740-765b-73b1-abe2-5bf0955038eb", "title": "The box-shadow Property", "url": "https://bitsofco.de/the-box-shadow-property/", "published_at": "2016-05-24T00:00:00+00:00" }, { "id": "01a08740-765b-73b1-abe2-5bf096437578", "title": "Using Jekyll for Rapid CSS Testing", "url": "https://bitsofco.de/using-jekyll-for-rapid-css-testing/", "published_at": "2016-05-17T00:00:00+00:00" }, { "id": "01a08740-765b-73b1-abe2-5bf096e25a76", "title": "Setting up a Basic Service Worker", "url": "https://bitsofco.de/setting-up-a-basic-service-worker/", "published_at": "2016-05-10T00:00:00+00:00" } ] posts Claim your blog
Back to bitsofcode
Blog · corpus.blog/blogs/bitsofco.de/posts

bitsofcode

bitsofco.de

2023

When is :focus-visible visible?original ↗
21 Mar 2023
From Ghost to 11tyoriginal ↗
22 Feb 2023

2021

Web Performance Metrics Cheatsheetoriginal ↗
25 Oct 2021
Setting up a Decentralised Website (ENS + IPFS = dWeb)original ↗
18 Jun 2021

2020

Highlights from Chrome Dev Summit 2020original ↗
14 Dec 2020
What I wish I knew about Reactoriginal ↗
28 Apr 2020

2019

How I created 488 "live images"original ↗
26 Nov 2019
Highlights from Chrome Dev Summit 2019original ↗
18 Nov 2019
How to use Puppeteer in a Netlify (AWS Lambda) functionoriginal ↗
28 Oct 2019
Calling smart contract functions using web3.js - call() vs send()original ↗
3 Sept 2019
Solidity function visibility, explainedoriginal ↗
27 Aug 2019
Your first performance budget with Lighthouseoriginal ↗
28 May 2019
Removing duplicate objects from an Array (is hard)original ↗
12 Mar 2019
Tips for making interactive elements accessible on mobile devicesoriginal ↗
12 Feb 2019
Revisiting the abbr elementoriginal ↗
5 Feb 2019
What self.skipWaiting() does to the service worker lifecycleoriginal ↗
29 Jan 2019
What is tree shaking and how does it work?original ↗
22 Jan 2019
Use the :lang pseudo-class over the lang attribute selector for language-specific stylesoriginal ↗
16 Jan 2019

2018

A Siri Shortcut to Generate PWA Icons and Web App Manifestoriginal ↗
25 Dec 2018
Understanding the Virtual DOMoriginal ↗
24 Dec 2018
My CSS Reset/Baseoriginal ↗
21 Dec 2018
Making the abbr element work for touchscreen, keyboard, and mouseoriginal ↗
20 Dec 2018
Handling broken images with the service workeroriginal ↗
19 Dec 2018
A one-line solution to highlighting search matchesoriginal ↗
18 Dec 2018
There’s no reason to use pointer-events for HTML elementsoriginal ↗
17 Dec 2018
Using aria-liveoriginal ↗
14 Dec 2018
Cache API 101original ↗
13 Dec 2018
The visibility property isn’t just about visibilityoriginal ↗
12 Dec 2018
When do the :hover, :focus, and :active pseudo-classes apply?original ↗
11 Dec 2018
What is the Shadow DOM?original ↗
10 Dec 2018
Going Offline First (Video Series)original ↗
5 Dec 2018
A look at CSS Resets in 2018original ↗
30 Nov 2018
How and when to use the tabindex attributeoriginal ↗
29 Nov 2018
Everything about CSS environment variablesoriginal ↗
28 Nov 2018
Git aliases for lazy developersoriginal ↗
27 Nov 2018
What, exactly, is the DOM?original ↗
26 Nov 2018
How to upload a screenshot from Puppeteer to Cloudinaryoriginal ↗
23 Nov 2018
Using a headless browser to capture page screenshotsoriginal ↗
22 Nov 2018
Why and how to use WebP images todayoriginal ↗
21 Nov 2018
Web workers vs Service workers vs Workletsoriginal ↗
20 Nov 2018
You might not need a looporiginal ↗
19 Nov 2018
Highlights from Chrome Dev Summit 2018original ↗
16 Nov 2018
What is First Input Delay?original ↗
15 Nov 2018
Learning to write againoriginal ↗
14 Nov 2018
Understanding the difference between grid-template and grid-autooriginal ↗
9 Oct 2018
[Smashing Magazine] Creating The Feature Queries Manager DevTools Extensionoriginal ↗
23 May 2018
How display: contents; Worksoriginal ↗
27 Mar 2018
Recreating the GitHub Contribution Graph with CSS Grid Layoutoriginal ↗
23 Jan 2018
What’s New in HTML 5.2?original ↗
8 Jan 2018

2017

Localisation and Translation on the Weboriginal ↗
23 Nov 2017
Web Push Notifications with Firebase (Video Series)original ↗
18 Sept 2017
Accessibility Testing with pa11yoriginal ↗
15 Aug 2017
What's the Deal with Collapsible Margins?original ↗
4 Jul 2017
How the minmax() Function Worksoriginal ↗
6 Jun 2017
CSS Animations vs the Web Animations API: A Case Studyoriginal ↗
3 May 2017
How I Animated the bitsofcode Logo with CSSoriginal ↗
26 Apr 2017
Asynchronous Functions 101original ↗
13 Apr 2017
Redesigning bitsofcodeoriginal ↗
27 Mar 2017
Making Alix, a Chrome Extension for Linting HTMLoriginal ↗
14 Mar 2017
Linting HTML using CSSoriginal ↗
7 Mar 2017
Asynchronous vs Deferred JavaScriptoriginal ↗
28 Feb 2017
"What's the typeof null?", and other confusing JavaScript Typesoriginal ↗
21 Feb 2017
Optimising GIFs for the Weboriginal ↗
14 Feb 2017
CSS Grid Layout Terminology, Explainedoriginal ↗
7 Feb 2017
How calc() Worksoriginal ↗
31 Jan 2017
Rules for Using ARIA in HTMLoriginal ↗
24 Jan 2017
Understanding the Critical Rendering Pathoriginal ↗
17 Jan 2017
3 New CSS Features to Learn in 2017original ↗
10 Jan 2017

2016

Making a Polymer Element for CanIUse Embedoriginal ↗
20 Dec 2016
An Overview of Client-Side Storageoriginal ↗
13 Dec 2016
Document Outlines in HTML 5.1original ↗
6 Dec 2016
Making "Blue Beanie Me"original ↗
29 Nov 2016
Highlights from Chrome Dev Summit 2016original ↗
22 Nov 2016
for..in versus for..of Loopsoriginal ↗
15 Nov 2016
Challenge - Recreating the iTunes Libraryoriginal ↗
8 Nov 2016
Tools for Developing Accessible Websitesoriginal ↗
1 Nov 2016
Push Notifications on the Web (Building a PWA, Part 3)original ↗
25 Oct 2016
"Instant Loading" with IndexedDB (Building a PWA, Part 2)original ↗
18 Oct 2016
“Offline First” with Service Worker (Building a PWA, Part 1)original ↗
11 Oct 2016
Alternative Text and Imagesoriginal ↗
4 Oct 2016
Variable and Function Hoisting in ES2015original ↗
27 Sept 2016
The New System Font Stack?original ↗
20 Sept 2016
JavaScript Promises 102 - The 4 Promise Methodsoriginal ↗
13 Sept 2016
nth-child vs nth-of-typeoriginal ↗
6 Sept 2016
Toast.js, a Library for Toast messagesoriginal ↗
23 Aug 2016
Making botsofcode - An Introduction to Twitter Botsoriginal ↗
16 Aug 2016
JavaScript Array Methods - Mutator Methodsoriginal ↗
9 Aug 2016
Creating An Accessible Modal Dialogoriginal ↗
2 Aug 2016
The Background Propertiesoriginal ↗
26 Jul 2016
The Service Worker Lifecycleoriginal ↗
19 Jul 2016
JavaScript Promises 101original ↗
12 Jul 2016
The :target Trickoriginal ↗
5 Jul 2016
All the Generic CSS Data Typesoriginal ↗
28 Jun 2016
Realtime Form Validationoriginal ↗
21 Jun 2016
Form Validation Techniquesoriginal ↗
14 Jun 2016
Anchors vs Buttonsoriginal ↗
5 Jun 2016
Making Messenger Hunt - An Introduction to Messenger Botsoriginal ↗
31 May 2016
The box-shadow Propertyoriginal ↗
24 May 2016
Using Jekyll for Rapid CSS Testingoriginal ↗
17 May 2016
Setting up a Basic Service Workeroriginal ↗
10 May 2016
Next