Search
5 Important Takeaways From the State of JavaScript Survey 2018
11.12.2018
The yearly State Of JavaScript survey results came out recently, and if you care about Web Development, you care about the results. In this article, we'll explo
Collective #475
10.12.2018
CodyHouse Components * The State of Web Browsers * Goodbye, EdgeHTML * What is the Shadow DOM? * Pure CSS Pink
Collective #475 was written by Pedro Botelho and published on Codrops
Compound Components in React Using the Context API
7.12.2018
Compound components in React allow you to create components with some form of connected state that’s managed amongst themselves. A good example is the Form component in Semantic UI React.
To see how we can implement compound components in a real-life React application, we’ll build a compound...
DRY State Switching With CSS Variables: Fallbacks and Invalid Values
6.12.2018
This is the second post in a two-part series that looks into the way CSS variables can be used to make the code for complex layouts and interactions less difficult to write and a lot easier to maintain. The first installment walks through various use cases where this technique applies. This post...
Too Much Accessibility
3.12.2018
I like to blog little veins of thought as I see them. We recently linked to an article by Facundo Corradini calling out a tweet of ours where we used an <em> where we probably should have used an <i>.
Bruce Lawson checks if screen readers are the victims of these semantic...
Collective #473
3.12.2018
Christmas XP 2018 * humaaans * Christmas Designs * Overreacted * HTML Canvas API Tutorial * State of UX in 2019
Collective #473 was written by Pedro Botelho and published on Codrops
Collective #468
15.11.2018
State of Houdini * Turtletoy * VisBug * Squoosh * The Writable Files API * Web.dev (beta) * Inlining or Caching? Both Please!
Collective #468 was written by Pedro Botelho and published on Codrops
Script & Style Show: Episode 25: AR, VR, and Mozilla Reality with Chris Van Wiemeersch
14.10.2018
On this episode: Todd notices what David’s been watching on YouTube while logged in as the Script & Style user and David has no defense but loads of embarrassment. David hurriedly transitions to welcoming guest Chris Van Wiemeersh from Mozilla’s Reality team. Chris enlightens...
Build a state management system with vanilla JavaScript
25.7.2018
Managing state is not a new thing in software, but it’s still relatively new for building software in JavaScript. Traditionally, we’d keep state within the DOM itself or even assign it to a global object in the window. Now though, we’re spoiled with choices for libraries and frameworks to help...
Finite State Machines with React
24.7.2018
As JavaScript applications on the web have grown more complex, so too has the complexity of dealing with state in those applications — state being the aggregate of all the data that an application needs to perform its function. Over the last several years, there has been a ton of great...
The State of Headless CMS Market
19.7.2018
(This is a sponsored post.)
In March and April 2018, Kentico conducted the first global report about the state of headless CMS market. We surveyed 986 CMS practitioners in 85 countries about their opinions, adoption, and plans for using headless CMS. The survey contains valuable industry insights...
Unused
11.7.2018
I recently wrote Here’s the thing about "unused CSS" tools, where I tried to enumerate all the challenges any tool would have in finding truly "unused" CSS. The overarching idea is that CSS selectors match elements in the DOM, and those elements in the DOM come from all sorts of places: your static...
Prototyping in the Browser
5.7.2018
Prototyping animations and interactions is vital for a number of reasons: they can make your interface feel deceptively fast, they can help focus the user on a specific task, and they can provide a better sense of the current state of your application. Is data being loaded? Is something...
Collective #428
28.6.2018
face-api.js * Heraclos * Plexus Shaders * Backspace Rethought * Truchet * Current state of webdesign * ml5.js * mkcert
Collective #428 was written by Pedro Botelho and published on Codrops
Versioning Interview
11.6.2018
Adam Roberts (who you might recognize from our interview with him), interviewed me for the Versioning newsletter. I'm publishing my answers here for y'alls perusal as well!
Which dev/tech idea or trend excites you the most at the moment, and why?
I love that new JavaScript has arrived. I don’t...
Digging Into React Context
11.6.2018
You may have wondered lately what all the buzz is about Context and what it might mean for you and your React sites. Before Context, when the management of state gets complicated beyond the functionality of setState, you likely had to make use of a third party library. Thanks to recent updates...
Proti nemrtvým ve hře State of Decay 2
7.6.2018
Post-apokalyptické téma je vděčné jak ve filmovém, tak i v herním průmyslu. I když se může zdát, že je zombie tématika vyčpělá, vývojáři v Undead Labs si to nemyslí. Přichází tak s druhým dílem State of Decay - jejich semi-simulací přežívání v nehostinném světě obývaném nemrtvými
Script & Style Show: Episode 11: Ionic Framework with Max Lynch
1.6.2018
In this episode: David blames his wife for getting sick and missing last week’s show, Todd’s got a new Jeep, and David then blames his wife for not letting him have a Jeep. Oh, and Max Lynch of Ionic Framework fame stops by to talk about Ionic, Stencil, Web Components, the state...
The State of Changing Gradients with CSS Transitions and Animations
1.6.2018
Back in 2012, Internet Explorer 10 came out and, among other things, it finally supported CSS gradients and, in addition to that, the ability to animate them with just CSS! No other browser supported this at the time, but I was hopeful for the future.
Sadly, six years have passed and nothing...
Managing State in React With Unstated
29.5.2018
As your application becomes more complex, the management of state can become tedious. A component's state is meant to be self-contained, which makes sharing state across multiple components a headache. Redux is usually the go-to library to manage state in React, however, depending on how complex...