/    Sign up×

Christopher John

Ai
Blockchain
CSS
Figma
Front-end
HTML
JavaScript
jQuery
Machine Learning
Mobile
PHP
Technical Writing
Three.js
UX Engineer
Web 3
WordPress
Design + Dev. Building WebDeveloper.com 🤘
Bothell, WA
Owned & Operated

Timeline

Released
02.2023
Started
01.2022
Released
07.2021
When hovering over blocks in the WordPress editor, Wayfinder displays the block type and class names, making it 100x easier to identify and select the blocks you're trying to edit.
Released
05.2021
Curating just got easier. tw-rl officially has a browser extension for Google Chrome available for install! Now you can preview and edit your cards w/o having to visit your profile page.
Launched
03.2021
Created tw-rl.com, a bookmarking and curation tool for tweets, threads and other links around the web. Responsible for (1) API integrations, (2) branding/logo design, (3) and site design/development.
Started
07.2020
Fun little side project I started as a way to easily get notified when a particular campsite was available. Powered by recreation.gov
Launched
03.2020
That Book™ aims at taking the traditional e-book experience to the next level by including video and audio as alternate methods for consuming the book content. As a co-founder, I was responsible for (1) full site development, (2) custom payment system with stripe/PayPal/Apple Pay support, and (3) audio/video integration that includes an innovative audio playback solution I came up with called “Audio Content Highlighting”.
Launched
05.2019
Co-founded epicjobs.co, a twitter-powered job board. Responsible for (1) site development, (2) Twitter API integration,(3) stripe payment integration and (4)user account management system.
Launched
07.2017
RIVYT [riv·et] is an instant landing page generator for video creators. RIVYT can take your Twitch or YouTube channel and automatically create a branded site — in seconds. As a co-founder, I was responsible for (1) the branding/logo design, (2) the “RIVYT panel” sidebar design/development as well as (3) designing/developing 16 layout options for users to select.
Launched
07.2016
fullride.me is a crowdfunding platform where students can list all their education expenses with individual donation goals. As the founder of this project, I was responsible for (1) all branding/logo design, (2) site design/development, and (3) marketing fullride.me at student-based events.
Contributed to
07.2009
With over 30,000+ customers worldwide, achieved “Power Elite” status on ThemeForest.net after generating over $1.25M in WordPress theme sales as “THE MOLITOR”.
Started
04.2007
What is the best strategy for merging a branch with many pull requests merged in its history into another branch?
Copy Link Tweet This Post ThisShare This
How can I store multiple values in one field of a Django model? Like an array, list, etc
Copy Link Tweet This Post ThisShare This
Does opening new window in electronjs necessitates new window configuration?
Copy Link Tweet This Post ThisShare This
Test [b/c this is labs]
Copy Link Tweet This Post ThisShare This
[update] Commenting System Improvements
Copy Link Tweet This Post ThisShare This
Welcome to the Community forum! 👋
Copy Link Tweet This Post ThisShare This
Introducing the latest member of the WD team: Davinci•003
Copy Link Tweet This Post ThisShare This
How to: LIVE Stream on WebDeveloper.com with Twitch
Copy Link Tweet This Post ThisShare This
How to: Post a Bounty on WebDeveloper.com
Copy Link Tweet This Post ThisShare This
Bitcoin Wallets that use the Lightning Network
Copy Link Tweet This Post ThisShare This
How to: Create a custom ‘Forgot Password’ page in WordPress with Magic Links and wp_mail()
Copy Link Tweet This Post ThisShare This
How to: Write an article with WebDeveloper.com [v2]
Copy Link Tweet This Post ThisShare This
[update] Commenting System Improvements
Copy Link Tweet This Post ThisShare This
Welcome to the Community forum! 👋
Copy Link Tweet This Post ThisShare This
What is the future of DevOps in a GPT4 World
Copy Link Tweet This Post ThisShare This
Force CloudFlare to add trailing slash with Page Rules
Copy Link Tweet This Post ThisShare This
The Beginners Guide to Github
Copy Link Tweet This Post ThisShare This
Global styles and the future of CSS in WordPress
Copy Link Tweet This Post ThisShare This
SEO for Non-Scumbags: How to Earn Site Visitors without Selling Your Soul
Copy Link Tweet This Post ThisShare This
accent-color

Specifies the accent color for different user-interface controls Syntax accent-color: auto|color|initial|inherit;   /* accent-color: blue; accent-color: auto; */ Values auto The browser chooses the accent color. color Specifies the color to be used. Can use RGB, hex, or named-color. initial Sets property to default value. inherit Sets property to the value of its parent element.

Copy Link Tweet This Post ThisShare This
<datalist>

The datalist tag defines a list of <option> elements that are connected to an <input> element. It provides an autocomplete feature for input elements. Syntax The <datalist> id attribute must match the <input> element’s list attribute. <label for="color">Select your favorite color:</label> <input list="colors" name="color" id="color"> <datalist id="colors"> <option value="blue"> <option value="green"> <option value="yellow"> <option value="orange"> […]

Copy Link Tweet This Post ThisShare This
<abbr>

The <abbr> tag is wrapped around an acronym to identify it as such and, optionally, what it stands for. Syntax Uses the optional title tag to spell out what the abbreviation stands for. <abbr title="Cascading Style Sheets">CSS</abbr>

Copy Link Tweet This Post ThisShare This
clamp()

The clamp() CSS function let’s you define a range of values for the property of an element. It’s especially useful in responsive layouts when used in conjunction with relative units like vw and vh. Syntax clamp() uses 3 parameters: a minimum, preferred, and maximum value. /* propery: clamp(min, pref, max); */ width: clamp(100px, 6vw, 200px); […]

Copy Link Tweet This Post ThisShare This
Image To Grid Transition
Copy Link Tweet This Post ThisShare This
How To Get Started Creating Your First Custom WordPress Block
Copy Link Tweet This Post ThisShare This
How I built avatars in Lemon Squeezy using Vue
Copy Link Tweet This Post ThisShare This
Unique Ways To Style Text Links with CSS
Copy Link Tweet This Post ThisShare This
A Brief History of Webmastery
Copy Link Tweet This Post ThisShare This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 2.22,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: Anonymous,
tipped: article
amount: 1000 SATS,

tipper: @themolitor,
tipped: article
amount: 12345 SATS,

tipper: @dert,
tipped: live stream
amount: 1000 SATS,
)...