Discover johnpolacek/learning-node Open Source project

The original jQuery plugin for supercool scroll animation. NOTE: No longer under active development. New version is ScrollMagic.js

2,510

superscrollorama

The jQuery Plugin for Big Background Video (and Images)

2,394

BigVideo.js

jQuery plugin for stacking tables on small screens

2,254

stacktable.js

jQuery plugin for making scrolling presentation decks

1,026

scrolldeck.js

The jQuery plugin for making images fill their containers (and be centered)

673

imagefill.js

DateRangePicker is a reusable component for shadcn using Radix UI and Tailwind CSS. Includes preset date ranges, text entry, calendar selection and date comparison

609

date-range-picker-for-shadcn

control html5 presentations with node.js

600

controldeck.js

Website for viewing and sharing how web pages look at different screen sizes

357

Responsivator

An approach to writing lightweight, scalable CSS using utility classes that are easy to write and understand.

317

expressive-css

A Fluid CSS Grid System for Responsive Web Design The Fluid CSS Grid System for Responsive Web Design. Take total control of your layouts.

279

extra-strength-responsive-grids

Build complex animated page transitions with GSAP and Next.js

252

TweenPages

Next.js MDX Blog Starter for building blogs with Next.js and MDX, including Theme UI Component Design System, Vercel Deployment and more.

185

nextjs-mdx-blog-starter

Play with typography and colors to generate a design system theme you can use in your projects.

172

design-system-playground

jQuery Plugin for creating image galleries that scale to fit their container.

160

ResponsiveThumbnailGallery

Starter Kit with React, Next.js, Styled System and Catalog to get projects going with a design theme, built-in styleguide and browser testing

styled-starter

Animated CSS Gradient Background Generator

animated-gradient-background-generator

Next level animation for web presentations

tweendeck

The jQuery Plugin for generating nav links from page elements

MagicNav.js

HTML elements extended as styled components via styled system, ready for theming.

styled-system-html

Proof of concept demo for creating a custom serverless CMS for generating static websites

serverless-cms

Build and test your own web scraper APIs with Next.js API Routes and cheerio

nextjs-scraper-playground

A collection of various content detailing and demonstrating the benefits of Atomic CSS, also known as Utility First or Functional CSS.

the-case-for-atomic-css

jQuery Plugin for Fluid Video

SimpleVid

ActionScript

react-widget-library-starter

React boilerplate for producing libraries of embeddable widgets

Match The Letter is a cross-device mobile educational game for kids built with the Corona SDK

Match-The-Letter-Game

Lua

sizeit.js

sizeit.js is a JavaScript utility that detects the screen size and loads external css based on the settings you configure. Works kinda like media queries.

Open Source For Fame and Fortune Slide Deck

open-source-for-fame-and-fortune

A game by Jack and John Polacek

free-summer

A template for a video gallery app built in the Corona SDK

Video-Gallery

Lua

WhatTheHeckIsResponsiveWebDesign-impressjs

An impress.js presentation on responsive web design.

Recipe for building a single page app

Simple-Single-Page-App

A SASS grid generator for creating responsive grids with some nice features.

simple-grid-generator

This is a thing built with old fashioned CSS and JS and another same thing built with new fangled CSS-in-JS. These are both fine.

css-in-js-or-css-and-js

Get your next React project up and running quickly with Next.js, Theme UI, MDX and more.

next-project-starter

Satirical news site from the future. Generates its own articles every day with AI.

notyetnews

A simple, easy-to-use 12-column responsive grid with some nice features.

simple-grid

Template for HTML5 Websites

html5project

Proof of concept demo for creating a custom serverless CMS for generating static websites

serverless-cms-2

The jQuery plugin for injecting url parameter options into webpages and JSRender templates

jquery.configurator

MDX Deck + Greensock Animation Platform

mdx-deck-demo-greensock

Help your team improve by taking a Team Health Check

team-health-checker

Demo showing how to make a transparent background pattern on top of background colors.

background-pattern-overlay

responsive-utilities-generator

A SASS generator for creating responsive utility classes.

React UI Component for animating elements in with Tailwind and CSS Animation (...and plays nice with shadcn)

animate-in

The jQuery Plugin for adding configurations to responsive design test pages

jquery.framer

Get your project up and running quickly on a foundation of Expressive CSS.

expressive-css-starter-kit

A responsive table component with CSS Grid, React and Tailwind CSS

cardtable

Website for chicagotechevents.com - The best web, tech and startup events in Chicago

chicagotechevents.com

Image Crossfade Component for Next.js Image

image-crossfade

Bucket CMS is the world’s first headless drop-in CMS, no database necessary.

bucket-cms

My open source ActionScript3 code library.

code.johnpolacek.com

ActionScript

styled-starter-basic

Basic Project Setup for Styled Starter, built with React, Next.js, Styled System and Catalog to get projects going with a design theme, built-in styleguide and browser testing

Some initial thoughts on a simple way to use jQuery event handling inside objects for data binding, Observer, Pub/Sub stuff.

jquery-databinding

Examples of how to improve as a software developer over 5 different areas: Understanding, Planning, Collaborating, Writing and Developing

growth-areas-for-a-software-developer

bootstrap-project

Tracking the cost of COVID-19 across China, Europe and the United States in human lives and economies.

covidcost

Experimental Work-In-Progress: Generate static libraries of immutable utility classes from a JSON settings file

atomic-css-from-json

A Gatsby starter for creating a calendar list of events

gatsby-starter-events-list

Print a QR Code to put on a sign in front of your house so trick or treaters can click a button to pledge a donation to the charity of your choice

trick-or-treat-it-forward

johnpolacek.com - built with Gatsby, Styled-Components and Styled-System

johnpolacek.com

A SASS flexbox-based grid generator for creating responsive grids with some nice features.

simple-flexgrid

A tiny example of a way to customize Rebass

custom-rebass

johnpolacek.github.com

John Polacek on Github

CLI Tool for initializing Bucket CMS

create-bucket-cms

Deprecated - see CardTable

stacktable

team-health-checker-next

Group pot luck recipes generated by AI

botluck

Hollywood movies generated by robots

expressive-css-content-display-patterns

PHP

botlywood

Get your next React project up and running quickly with Next.js, TypeScript, Theme UI, MDX and more.

next-project-starter-with-typescript

Web App Project Template with Next.js, Firebase, Tailwind, Playwright and more

The-Never-Ending-Quest-To-Build-Cool-Stuff

hello-next-app

Basic Project Setup for Styled Starter with Refunk included for state management.

styled-starter-with-refunk

Create your own custom API that streams structured data from ChatGPT

functionaizer

Getting your next project up and running with these project starters for Next.js, the React Framework for Production.

nextjs-project-starters