Every Layout
18.6.2019
Every Layout is a new work-in-progress website and book by Heydon Pickering and Andy Bell that explains how to make common layout patterns with CSS. They describe a lot of the issues when it comes to the design of these layouts, such as responsive problems and making sure we all write maintainable...
How to Section Your HTML
18.6.2019
The sectioning elements in HTML5 are <nav>, <aside>, <article>, and <section>. <body> is also kind of a sectioning element since all content lying inside of it is part of the default document section.
Here is a brief explanation of each sectioning element...
If you can build a site with WordPress.com, you should build your site on WordPress.com.
18.6.2019
That’s what I like to tell people. I’ve seen too many websites die off, often damaging the company along the way because the technical debt of hosting and maintaining the website is too much in the long term. For a few examples, there is the domain name itself to handle and the tricky DNS settings...
Deep Dive into GraphQL Mutations
18.6.2019
This is a continuation on the series i’ve been doing on GraphQL Actions. In the last post on this series we worked on a Deep
Collective #525
17.6.2019
Every Layout * The State of CSS 2019 * CJSS * When should you be using Web Workers? * Spotlight
Collective #525 was written by Pedro Botelho and published on Codrops
Managing State in React using Unstated-Next
17.6.2019
In a previous post, we saw how to manage state using Unstated. As you might recall, Unstated uses React’s built-in setState to allow you create components that can consume state by subscribing to a provider — like the React’s Context API.
Well, we’re going to build off that last post by looking...
Use Vue.js Data Binding Options for Reactive Applications
17.6.2019
Vue.js is known as a "progressive framework for building user interfaces". There's a lot to unpack in this simple statement. It's easy to get started with Vue.js, with a minimal feature set, and th
Game of Thrones Quiz Game with React and GraphQL: Create the Questions Form
17.6.2019
We’re going to make use of some new packages for creating questions. Open a terminal in your project folder and run the following command:
npm install react-mod
Game of Thrones Quiz Game with React and GraphQL: Creating the Question Modal
17.6.2019
Create a folder named question-modal within the src/components directory and a file index.js within it. Open the file and update it with the snippet below:
Game of Thrones Quiz Game with React and GraphQL: Create The Questions component
17.6.2019
Let’s create the Questions component, open the src/components/questions/index.js file and update the file with the following:
// src/componen
Game of Thrones Quiz Game with React and GraphQL: Getting Started with 8base
17.6.2019
8base is a Developer Acceleration Platform offering a vast selection of features to help devel
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