Web Development & Design

Web development is the work involved in developing a web site for the Internet (World Wide Web) or an intranet (a private network).1 Web design encompasses many different skills and disciplines in the production and maintenance of websites.2

Select your tag(s) below:

  • Forestry.io Headless CMS

    Forestry.io Headless CMS

    This monster platform auto-integrated this Jekyll site into their CMS with no coding. Actually stopped me from rebuilding this site.

  • Ooo...Shiny Gradient Effect

    Ooo...Shiny Gradient Effect

    Kind of decent hover over effect. CSS only.

  • Web Developer Roadmap in 2018

    Web Developer Roadmap in 2018

    DIY instructions on how to be one of three types of web developer in 2018: Frontend, Backend, or Dev Ops.

  • Top 10 Atom Packages

    Top 10 Atom Packages

    Commonly used workflow addons for the open-source code editor, Atom. Thanks for sharing, Dave.

  • Generate web pages from a spreadsheet in Jekyll

    Generate web pages from a spreadsheet in Jekyll

    A Jekyll plugin that allows you to generate YAML from a spreadsheet.

  • How to make a subdomain in Netlify

    How to make a subdomain in Netlify

    Simple instructions on how to create a subdomain in Netlify when using their DNS management.

  • fullstory CRO and UX Tool

    fullstory CRO and UX Tool

    Heat Maps, Session Replay, Debugging, etc. May test it on here, not really sure yet.

  • Next.js: a React Framework

    Next.js: a React Framework

    This may be the next web dev framework I look into learning.

  • Cargo Collective's Soundcloud

    Cargo Collective's Soundcloud

    The hippest brutalist CMS’s collection of playlists entitled “Useful Music” with all sorts of round shaped album covers.

  • Particles.JS

    Particles.JS

    We’ve all seen this used on sites before. I use it on this site on the homepage and nav.

  • Design Trend: A Look at Memphis Style Then and Now

    Design Trend: A Look at Memphis Style Then and Now

    It’s making a come back, and I’m sure parts of it influenced the development of this site. Pure nostalgia from the 90’s.

  • Invision

    Invision

    Invision offers a design templating interface similar to sketch and in some use cases, photoshop.

  • Realizing Common Layouts using CSS Grid

    Realizing Common Layouts using CSS Grid

    Copy/pastable code to help you get started using grid with common website layouts.

  • A Complete Guide to Grid

    A Complete Guide to Grid

    A basic guide to one of the newer web dev features, CSS Grid Layout.

  • Zeitung Flex

    Zeitung Flex

    One of the first flex fonts that allows you to programmatically update the font weight.

  • Why

    Why "Simple" Websites Are Scientifically Better

    The cognitive reasoning behind why less visually complex websites convert better.

  • Grommet.io v1

    Grommet.io v1

    One of the first frameworks I learned to use. I built https://cleanclothesfordignity.org/ using it.

  • Wappalyzer

    Wappalyzer

    Find out nearly every utility a website uses using this Chrome extension, from CMS to Analytics to JavaScript libraries.