GithubHelp home page GithubHelp logo

abigaylerose03 / blog Goto Github PK

View Code? Open in Web Editor NEW

This project forked from michael-burrows-github/blog

0.0 1.0 0.0 14.35 MB

Source code for articles from https://www.michaelburrows.xyz

JavaScript 41.12% HTML 43.70% CSS 14.56% Pug 0.48% SCSS 0.14%

blog's Introduction

  • Get the domain name from a string containing a URL in JavaScript -> ARTICLE | CODE
  • Design an animated scrolling mouse icon with CSS -> ARTICLE | CODE
  • Display a message to returning visitors using a JavaScript cookie -> ARTICLE | CODE
  • Create a reading progress indicator (on scroll) in JavaScript -> ARTICLE | CODE
  • Build a 3 column pricing plan layout with CSS flexbox -> ARTICLE | CODE
  • Fetch & display data from a remote API using JavaScript -> ARTICLE | CODE
  • Add CSS animated hotspot links to a responsive image -> ARTICLE | CODE
  • Client side form validation using only HTML -> ARTICLE | CODE
  • Create an animated typing text effect (CSS & JS solutions) -> ARTICLE | CODE
  • 5 Stylish ways to enhance user profile images with CSS -> ARTICLE | CODE
  • ES6 Modules: How to use import and export in JavaScript ->ARTICLE | CODE
  • How to create an animated flip card with CSS 3D transforms -> ARTICLE | CODE
  • Add a fullscreen HTML5 video background to a webpage -> ARTICLE | CODE
  • Drag & drop quiz component with SortableJS -> ARTICLE | CODE
  • Develop a simple restaurant landing page with Bootstrap 5 -> ARTICLE | CODE
  • Build a desktop app using HTML/CSS/JS & Electron -> ARTICLE | CODE
  • Preview selected image in input type=”file” using JavaScript -> ARTICLE | CODE
  • Build a React component that displays the current Bitcoin price -> ARTICLE | CODE
  • Design & animate a pseudo 3D “Super Mario” with Zdog -> ARTICLE | CODE
  • How to create a simple static website with Eleventy (11ty) -> ARTICLE | CODE
  • Build a custom React toggle switch component -> ARTICLE | CODE
  • How to create a sticky navbar with CSS & JavaScript -> ARTICLE | CODE
  • Adding blog functionality to a static Eleventy (11ty) website -> ARTICLE | CODE
  • Build a static website with Node.js, Express, and Pug -> ARTICLE | CODE
  • Add a “Show Password” checkbox to a login form with JavaScript -> ARTICLE | CODE
  • Style a material design card component with Tailwind CSS -> ARTICLE | CODE
  • Build a React component that pulls data from Google Sheets -> ARTICLE | CODE
  • Create an autocomplete textbox using vanilla JavaScript -> ARTICLE | CODE
  • Scrape sever-side rendered HTML content with JavaScript -> ARTICLE | CODE
  • Create and deploy a dynamic website Next.js website -> ARTICLE | CODE
  • How to create a scroll to top button with JavaScript -> ARTICLE | CODE
  • Styling a login form with Tailwind CSS -> ARTICLE | CODE
  • Create a random playing card generator with JavaScript -> ARTICLE | CODE
  • How to capture website screenshots using Node.js and Puppeteer -> ARTICLE | CODE
  • Build a React sidebar navigation component -> ARTICLE | CODE
  • Create a simple password strength indicator with JavaScript -> ARTICLE | CODE
  • Build a REST API with Node.js, Express, and MongoDB -> ARTICLE | CODE
  • Setup a contact form in React that sends email using Node.js -> ARTICLE | CODE
  • Develop a single page HTML resume using Bootstrap 5 -> ARTICLE | CODE
  • Build a React file upload component with Node.js -> ARTICLE | CODE
  • Scrape client-side rendered HTML content with JavaScript -> ARTICLE | CODE
  • Build a custom poll component with React & Node.js -> ARTICLE | CODE
  • Create a coming soon page featuring a JavaScript countdown timer -> ARTICLE | CODE
  • Setup a Gulp frontend development workflow (SASS/JavaScript/Pug) -> ARTICLE | CODE
  • Using the HTML Geolocation API to display a users location on a map -> ARTICLE | CODE
  • How to create & publish a npm package -> ARTICLE | CODE
  • React user registration & authentication using Firebase -> ARTICLE | CODE
  • Style a responsive navbar component with Tailwind CSS -> ARTICLE | CODE
  • Create a custom React star rating component -> ARTICLE | CODE
  • Building a React modal component using a custom Hook -> ARTICLE | CODE

blog's People

Contributors

michael-burrows-github avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.