Programming - Weekend Serious

CRUD Apps

How to perform CRUD operations using vanilla JavaScriptby Zafar Saleem How to perform CRUD operations using vanilla JavaScript Nowadays there are a number of JavaScript frameworks around such as React, Angular, Vue and so on. They all offer a simple and easy approach towards

Design

CSS Styles & HTML Elements

HomeOpen UIopen-ui-docs

Design

Dev Tools

OpenType Font VariationsType NetworkFontPair helps you pair Google Fonts together.FontPair is a typography tool that inspires the creative community to design better.Hayden MillsFontPair

Programming

React Routing and Gatsby

GoalHow do you create separate pages in a react app? QuestionsShould I use React Router?Create multiple pages and embed react into them?Use Gatsby or Next.js?Next.js tutorialWhat's the difference between client side rendering vs. server-side rendering?Learnings / DecisionsGatsby is a

Design

Components.AI

Components AI — A new way to explore generative design systemsParametric and generative design tools

Design

CSS Layouts

Machine Learning

Open AI

OpenAI APIAn API for accessing new AI models developed by OpenAI

Programming

React Syntax

A list of syntax references Rendering Components//Simple Function Component function Welcome(props) { return <h1>Hello, {props.name}</h1>; } // Class Component class Welcome extends React.Component { render() { return <h1>Hello, {this.props.name}</h1>; } } // Rendering the

Art

Generative Art

via GitHub

Design

Figma and SwiftUI

SwiftUI InspectorEnhance your development workflow by copying and pasting element styles from your Figma files into your Xcode project.I build my ideas #5 - 06/28/20Teaching code, learning SwiftUI, WWDC, free lil appsJordan SingerI build my ideas from Jordan Singer

Programming

Quantum Computing via JS

Quantum JavaScript (Q.js)Quantum computing in your browser.

Design

Tailwind CSS

Tailwind CSS - A utility-first CSS framework for rapidly building custom designsDocumentation for the Tailwind CSS framework.A Utility-First CSS Framework for Rapidly Building Custom DesignsTailwind CSSTailwind CSSGitHubTwitterDiscordSome people also mention using @apply as a way of reducing the amount of classes inside the

Programming

Learning Node.js

2020.06.29: FoundationLearning Node.js via Freecodecamp. Realized that I need to learn about it 'cause the tutorials I was finding online introduced new concepts that I didn't understand. Trying to create a back-end to store/serve my API keys and endpoints. Learned

Programming

React useEffect Hook

Updated the Weather and Project Apps to render data on page load with useEffect, so that I don't have to press a button to display the information.import React, {useEffect, useState} from "react" function Image({size, search}) { const [src, setSrc] = useState(null) const updateImage

Programming

Safari Extensions

Apple Developer Documentation

Programming

Framer, React, API Project

2020.06.26: Framer + Code ComponentsBuilt a prototype to display quotes from a local JSON array. Each tap shows a new quote randomly with Math.random()Started looking into how to add an interaction to it, so that a new quote displays on swipe.

Machine Learning

ML and Generative Art Resources

I'm trying to get into generative art (ML based images, sound and video). What's the best place to get started? — Lucas Rizzotto (@_LucasRizzotto) June 21, 2020

Programming

JS Fundamentals

If you're learning JavaScript, you've likely heard people tell you how important it is to learn the fundamentals. But what are they? And where do you learn them? Here's a list of JavaScript fundamentals and my favorite free

3D

Generative Screen Saver

🎉 Introducing 🎉 Reactions, a #macOS #screensaver inspired by reaction diffusion. When activated, beautiful patterns grow and evolve to gradually fill the screen & show the time. After every minute, it resets & fun begins again. Buy: https://t.co/zvZ7f0bKt7 #generative #metalapi pic.twitter.com/

Programming

Teaching Yourself CS

I don’t have a CS degree so I've had to learn on my own. Thread on creating your own CS degree online. — Randall Kanna (@RandallKanna) June 20, 2020

Programming

Template Workflow

2020.06.17Created a page where I can enter event details and it populates the emails and messages that I send out. It saves me time from copy-ing/pasting and formatting each message when I'm pasting it. Hopefully, this speeds up time for each

Design

Design & Programming Books

Designing ProgrammesKarl Gerstner’s work is a milestone in the history of design. Designing Programmes is one of his most important works: in four essays, the author provides a basic introduction to his design methodology and suggests a model for design in the early

Design

CSS Grid

Learn CSS Grid - A Guide to Learning CSS GridA comprehensive guide to help you understand and learn CSS Grid Layout, by Jonathan Suh.Jonathan SuhJonathan Suh

Programming

Boop Text Transformations

Very excited to finally release Boop, the scriptable scratchpad for developers! ✨ It's free, open source, and now available on the Mac App Store! Learn more here: https://t.co/q4U1IjVc2U — Ivan Mathy (@OKatBest) June 16, 2020

Programming

Building React Apps Locally

I was previously using CodeSandbox to develop my apps, but there were instances where the view wouldn't reload, and I couldn't troubleshoot the issue effectively besides refereshing the browser. It was a great option to start building apps in React, but building locally might

Subscribe to Weekend Serious