Skip to main

Tag: JavaScript

For more posts, return to the full posts list or browse all tags.

2024 Posts

  1. Winging It post type

    Proxy State

    on Winging It episode 6 with James, Sondra, & Stacy on | 27 mins

    For simple interactive sites, using a proxy to manage your state and side effects may be enough.

    see all Winging It posts
  2. Article post type

    Generating Frontend API Clients from OpenAPI

    by James Stuckey Weber on

    API changes can be a headache in the frontend, but some initial setup can help you develop and adapt to API changes as they come. In this article, we look at one method of using OpenAPI to generate a typesafe and up-to-date frontend API client.

    see all Article posts
  3. A dark vintage accessory store lit by lamps and bare bulbs, with bags, jewelry, sunglasses and a bowler hat on the wooden shelves and carved table.
    Article post type

    Proxy Is What’s in Store

    You may not need anything more

    by James Stuckey Weber on

    When adding interactivity to a web app, it can be tempting to reach for a framework to manage state. But sometimes, all you need is a Proxy.

    see all Article posts

2023

  1. Fragment from a 13th century alchemical manuscript with a red and green oroboros serpent biting it's own tail, and seeming to give us side-eye
    Article post type

    HTML Web Components are Just JavaScript?

    I’m still getting used to this

    by Miriam Suzanne on

    There’s been a recent flurry of articles about web components, with advice on how to shape them as extensions of HTML. I decided to dig in, and see how these ‘HTML web components’ could become a part of my own workflow. Despite a few rough edges, I’m excited to see…

    see all Article posts
  2. Article post type

    Using Web Platform Tests to Write and Test Polyfills

    by Ed Rivas on

    Learn how to leverage Web Platform Tests to ensure your polyfills are implementing upcoming browser features correctly, including how to generate a comprehensive report of failing/passing tests on each change.

    see all Article posts

2022

  1. A scene wipe transition in Star Wars, as Luke and C-3PO in a speeder wipe across a close-up of Luke and Obi-Wan talking. Over top, a dotted line shows the transition edge, and a red arrow shows the transition movement in front of the speeder.
    Article post type

    Every Transition is a Page Transition?

    Experimenting with the shared element transitions API

    by Miriam Suzanne on

    There’s a new web API proposal for transitioning shared-elements across pages. It’s great for making smooth page transitions, but what if we apply it to individual elements with changing styles on a single page?

    see all Article posts
  2. Article post type

    Replace Dependabot With a Single Dependency Upgrade Pull Request

    by Ed Rivas on

    Keeping your project dependencies up to date can become an unwieldy task when Dependabot opens a dozen pull requests every week. We present an alternative approach that uses only one scheduled pull request for all upgrades.

    see all Article posts

2021

  1. see all Podcast posts
    JS Party logo
    Podcast post type

    JS Danger, CSS-Tricks Edition

    on JS Party with Miriam Suzanne on

    I joined some other folks behind CSS-Tricks (maybe you’ve heard of it?) to face off in the much beloved don’t-call-it-jeopardy game show. Play along while you listen (or watch). It’s JS Danger time, y’all!

2020

  1. see all Talks & Workshops
    Miriam speaking at Develop Denver, 2019
    Talk post type

    Dynamic CSS

    with grids & custom properties

    by Miriam Suzanne

    Past

    • – Online

      Shift Remote

    • – Denver, CO

      Develop Denver

2019

  1. CSS code snippet of scroll-snap type and align
    Video post type

    Scroll Snap in CSS

    Without any JavaScript or “scrolljacking”

    on Mozilla Developer with Miriam Suzanne on

    When we’re scrolling down a page, or through a gallery of images, snap-targets can help guide us from one section or image to the next. In the past, developers have used JavaScript to hijack scrolling, but now we can manage scroll alignment directly in CSS with only a few lines…

    see all Video posts
  2. Bits and Pieces
    Link post type

    Why We Switched to React Hooks

    Erica Mitchell at Bits and Pieces on

    Hooks are the new hotness in building web applications with React. In this article for BitSrc, Erica separates fact from hyperbole to examine why OddBird has embraced the new Hooks API to deliver a better product to clients, and how we’ve benefited from having simple, consistent patterns to manage state…

    see all Link posts
  3. Views on Vue Podcast
    Podcast post type

    Design Systems & CSS

    on Views on Vue with Miriam Suzanne on

    We start by talking about design systems and design tooling – how they differ, and the problems they solve.

    see all Podcast posts
  4. see all Article posts
    Panel conversation at Refactr.tech Conference
    Article post type

    Diversity. Inclusion. Tech.

    Refactr.tech 2019 aims to solve tech’s diversity problem

    by Erica Mitchell on

    As we readied our seats for the first ever Refactr.tech Conference, I pondered the question: What would a technical conference look like if its organizers were intentional about inclusiveness but still centered on tech?

2018

  1. see all Podcast posts
    Podcast post type

    Ethics, ES6 in Practice, and Dynamic CSS

    on TalkScript with Miriam Suzanne on

    On Episode 18, the TalkScript team continues the live-ish at JSConfUS podcast series with guests Myles Borins, Tim Doherty, and Miriam Suzanne. Listen in!

2017

  1. Spam semi truck
    Article post type

    Blocking Analytics Spam

    by Jonny Gerig Meyer on

    Google Analytics is great for gathering data on who uses your web application, but becomes worthless if spam sessions start infesting your data. Here’s how we’ve tried to combat the problem for oddbird.net.

    see all Article posts
  2. Style written on sketchbook page
    Article post type

    Generating Code Documentation for Polyglot Projects

    by David Glick on

    Code documentation is ideally written as close to the actual code as possible, but compiled into a comprehensive set of documentation that includes code from all languages in use. Here’s how we intend to do that.

    see all Article posts
  3. Marionette puppet in grassy field
    Article post type

    Server-Side Rendering For Client-Side Apps

    by Jonny Gerig Meyer on

    We want the convenience of a client-side single-page application using our MV* framework of choice, but don’t want to sacrifice the SEO and UX benefits of rendering the initial markup on the server. And while we’re not here to trash on Node.js, we’re also not ready to commit to an…

    see all Article posts

2016

  1. see all Article posts
    Marionette puppet visits a spa
    Article post type

    A Visit to the RESTful SPA

    by Kit La Touche on

    You can’t always get away with a single-page app; sometimes you need server-side rendering. When you need both, here’s one approach.

2014

  1. see all Article posts
    Article post type

    jQuery Chicago 2014

    by Jonny Gerig Meyer on

    Five practical JavaScript coding takeaways from jQuery Conference Chicago 2014.

OddNews Sign Up

Get the latest news in front-end development — CSS, HTML, JavaScript, and UX. See Archive