Discover @stipsan Open Source projects

Cody Olsen (@stipsan)

stipsan

Stars
1,570
Global Rank 18,980 (Top 0.7 %)
Followers 330
Following 427
Registered almost 15 years ago
Most used languages

JavaScript
54.5 %

TypeScript
40.9 %

HTML
4.5 %
Location 🇳🇴 Norway
Country Total Rank 108
Country Ranking

TypeScript
4

JavaScript
18

HTML
565

scroll-into-view-if-needed

Element.scrollIntoView ponyfills for things like "if-needed" and "smooth"

react-spring-bottom-sheet

Accessible ♿️, Delightful ✨, & Fast 🚀

ioredis-mock

Emulates ioredis by performing all operations in-memory.

compute-scroll-into-view

Utility for calculating what should be scrolled, how it's scrolled is up to you

smooth-scroll-into-view-if-needed

Smoothly scroll elements into view, cross browser!

uikit-react

UIkit components built with React

bulma-loader

A Webpack loader for Bulma, a modern CSS framework based on Flexbox

redux-saga-sc

Provides sagas to easily dispatch redux actions over SocketCluster websockets

String.Slugify.js

Extends the String native object to have a slugify method, useful for url slugs.

epic

React example project, that takes you from fun development to high quality production

groqz

(experimental) Transforms GROQ strings to zod schemas in your TypeScript codebase.

nextjs-cv-cms-sanity-v3

My over-engineered CV

String.Inflector.js

Extends the String native with inflector methods, like pluralize and singularize.

uikit-loader

A Webpack CSS loader for UIkit, a lightweight and modular front-end framework for developing fast and powerful web interfaces

Element.Style.Transform.js

Provides a cross browser way of letting you use the CSS3 transform property. Inspired by http://github.com/zachstronaut/jquery-css-transform

public-talks

Slides and other stuff is all in this repo. Each talk is on its own branch

svgdiff

See the visual difference between two SVGs

redux-form-uikit

A set of wrapper components to facilitate using UIkit React with Redux Form

cocody.dev

My own website, wanna do some small blogging and share my fav resources.

system-font-stack

Give your web app a native look by using the font family of the users OS

react-transform-count-renders

React Transform that lets you console.count how many times your React components render

sanity-meetup-08-22

"v3 does what v2 don't"

trains

postcss-import-svg

example-v3-studio

postcss-custom-properties-fallback

Adds fallbacks to your CSS var() functions

next-sanity-preview

express-pretty-error

Express compatible middleware for pretty errors in html, json, raw text, css and terminal contexts with stack traces included!

template-marketing-webapp-nextjs

serve-dynamic-favicon

middleware that serve dynamically generated favicons

redux-saga-sc-demo

A demo chat app showing redux-saga-sc in action

example-npm

An example GitHub Action using npm

stipsan.me

My own personal website, don't really need one but it's a good excuse to try new tools and experiment 🚀

cancelpineapple.pizza

hyperfokus

Hyperfocus your todos until they're done

themer

Create Sanity Studio v3 themes!

stipsan

example-v3-studio-next-runtime

A fork of stipsan/example-v3-studio to get around Vercel's "3 linked projects per repo" limit

top-github-code-reviewers

Showcase your most active code reviewers

scroll-into-view.dev

links

Because browser bookmarks sucks

renovate-presets

potatoes.fyi

nextjs-blog-cms-sanity-v3-netlify-test

vc-app

graphql-field-resolver-to-typescript

Export ts definitions from your server .graphql files to strictly type your field resolvers

gulp-purge-sourcemaps

Cleans up after gulp-sourcemaps have done a sourcemaps.write() allowing you to combine streams that generate both dev assets with sourcemaps and minified production assets.

sanity-template-gatsby-lps