Search
Game of Thrones Quiz Game with React and GraphQL: Handling Mutations with 8base
17.6.2019
To begin creating questions, we’ll have to run mutations on the Questions table; a quick trick is to look at the 8base API explorer to see how the mutation script should look like. Go the to 8base
Anchor a Document or File to the BCH Chain With Notary.Bitcoin.com
19.5.2019
In my last article, I explained how to prove ownership of a specific address by signing a message with a public and private key pair. That’s just one way of proving ownership and verifying a valid signature, as BCH users can also anchor a document to the chain using the Bitcoin Cash...
Flow Object.values(…)
2.5.2019
JavaScript typing utilities, like Flow and TypeScript, have become popular in JavaScript apps of all sizes. As I mentioned in our Script & Style Show typing podcast, typing is a great way to implicitly implement documentation and validation. Flow isn’t always easy to perfect, however,...
React Starter: React Prerequisites and 4 ES6 Things to Know
2.4.2019
JavaScript has come a long way in the past decade, especially with the ES6 update.
JavaScript’s standardized name is ECMA Script and this version came in 2015. It was named ES2015 o
Creating a Custom Element from Scratch
20.3.2019
In the last article, we got our hands dirty with Web Components by creating an HTML template that is in the document but not rendered until we need it.
Next up, we’re going to continue our quest to create a custom element version of the dialog component below which currently only uses...
Script & Style Show on iTunes!
11.2.2019
Last year Todd Gardner of TrackJS and I debuted our YouTube web show (podcast): The Script & Style Show. It was an amazing first year of guests, including Chris Coyier, Kyle Simpson, Jason Laster, Max Lynch, Dylan Schiemann, and more! And the show will only get better! I’m happy...
Why isn’t it <style src=””>?
10.12.2018
The way JavaScript works is we can do scripts as an inline block:
<script>
let foo = "bar";
</script>
Or, if the script should be fetched from the network...
<script src="/js/global.js"></script>
With CSS, we can do an inline block of styles:
<style>
.foo...
Google Labs Web Components
10.12.2018
I think it's kinda cool to see Google dropping repos of interesting web components. It demonstrates the possibilities of cool new web features and allows them to ship them in a way that's compatible with entirely web standards.
Here's one: <two-up>
I wanted to give it a try, so I linked...
Protecting Laravel Sites with IP Intelligence
24.11.2018
From the moment you publish a website, you need to be wary of security. From hackers to script-kiddies, you can’t always be sure of where the next attack could come from.
So, as developers,
Script & Style Show: Episode 28: “Get Off My Lawn”, and Other Software Stories with Eric Brandes
18.11.2018
In this episode: Todd and David kick things off bantering about cell phones, Android rot, and the good old days of Windows XP and piracy. Todd’s colleague Eric Brandes gets us back on track with a discussion about trusting proven technologies, not chasing the latest fads, how TrackJS...
Script & Style Show: Episode 26: Web Games with ExcaliburJS with Erik Onarheim and Kamran Ayub
18.11.2018
In this episode: Todd returns from a vacation to Disney and gives David some tips about surviving a family visit to Orlando’s most famous theme parks. Erik Onarheim and Kamran Ayub join the guys to discuss HTML5 games, the Excalibur JavaScript HTML5 game library, the amazing games made with...
Lessons in Failure: Removing the Old Debugger from Firefox
29.10.2018
Joining the Firefox DevTools team was a dream come true for me. I shared why in the first episode of the Script & Style show but the quick summary is that I grew up loving Firefox (even before it was called “Firefox”) because Mozilla cared about developers via their early developer...
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...
Script & Style Show: Episode 24: Meme Sites, Developing for Fun, and Podcasts with Lemon!
6.10.2018
On this episode: Todd asks David what he wants to be for Halloween and quickly regrets it, while Todd reveals his somewhat controversial costume. David and Todd then welcome Lemon, an amazing web developer that creates silly but hilarious web games, hosts The FPl.us podcast, and shares his views...
Script & Style Show: Episode 23: Blogging, CodePenning, and Podcasting with Chris Coyier
1.10.2018
In this episode: David kicks off by recounting a heroic (and tiring) sprint across the O’Hare airport to make his flight home from Toronto. CSS-Tricks scribe Chris Coyier joins Todd and David to discuss CSS-Tricks, CodePen, podcasting, and numerous walks down memory lane. This episode...
Did you know that style and script tags can be set to display: block?
25.7.2018
The other night, Amit Patel mentioned that you can set script tags in HTML to display: block with CSS and then edit that code inline with the contentEditable attribute. This means that you can then see it all update live in the browser as you type. Shortly after, Marius Gundersen replied that...
Script & Style Show: Episode 16: JavaScript & LEDs with Kristina Durivage
23.7.2018
In this episode: Todd’s back from an amazing conference and David sees this week’s guest as being the ticket to making his kids thing he’s a super hero. The amazing Kristina Durivage stops by to talk JavaScript, electrical engineering and unusual uses of LEDs for programming...
Script & Style Show: Episode 15: CSP with Scott Helme
14.7.2018
In this episode: Todd dials in from a poppin’ KCDC while David dials in with a massive headache. Scott Helme dials in from lovely Manchester to discuss web security, specifically the criminally underused CSP API. Join us to learn what CSP is, why it’s important, how it works,...
Anatomy of a malicious script: how a website can take over your browser
13.7.2018
By now, we all know that the major tech behemoths like Facebook or Google know everything about our lives, including how often we go to the bathroom (hence all the prostate medication ads that keep popping up, even on reputable news sites). After all, we’ve given them permission to do so,...
Script & Style Show: Episode 14: CSS filters and mix-blend-mode with Tim Thomas
6.7.2018
In this week’s episode: David uses City Slickers to illustrate his sorrow over turning 35 years old while Todd tries to talk him down. Tim Thomas stops by to demo some really awesome animated effects you can do with CSS’ mix-blend-mode and filter. The demos are outstanding and really...