Mark Teekman (markteekman)

markteekman

Geek Repo

Company:VoorMeerWaarde B.V.

Location:Netherlands

Home Page:www.markteekman.nl

Twitter:@MarkTeekman

Github PK Tool:Github PK Tool

Mark Teekman's repositories

markteekman

Personal GitHub profile README.

Stargazers:0Issues:0Issues:0

frontend-resources

A list of resources concerning front-end web development. From HTML, CSS and JavaScript to testing, accessibility, Atom packages, UI Design and Design Systems.

License:MITStargazers:7Issues:0Issues:0

base-css

Responsive front-end HTML and SCSS starter template using a simple Flexbox Grid, basic Design System patterns and ES6 support for writing JavaScript functions. Powered by Gulp.

Language:CSSStargazers:2Issues:0Issues:0

accessible-vue-starter

An Accessible Starter Theme for Vue 3 + Vite including accessiblity features such as landmarks, better focus-outline and skip-links navigation.

Language:SCSSStargazers:3Issues:0Issues:0

accessible-vue-components

A set of Accessible, easy to use, Front-end UI Components for Vue 3.

Language:VueLicense:MITStargazers:2Issues:0Issues:0

accessible-astro-starter

An Accessible Starter Theme for Astro including accessibility features such as landmarks, better focus-outline and skip-links navigation.

Language:AstroLicense:MITStargazers:110Issues:0Issues:0

accessible-astro-components

A set of Accessible, easy to use, Front-end UI Components for Astro.

Language:AstroLicense:MITStargazers:85Issues:0Issues:0

frontend-mentor-challenge-starter

A starter project to take on a Frontend Mentor challenge. Build with Astro, with a basic configuration, utility classes and Tailwind CSS. Comes with a GitHub action to automatically deploy the project to GitHub Pages.

Language:SCSSLicense:MITStargazers:0Issues:0Issues:0

coding-knowledge-base

My own personal knowledge base for my coding career. It contains all the tools, snippets and frameworks I've learned and acts as a lookup reference. I use Obisian to manage the information. Feel free to use things from this knowledge base for yourself.

Stargazers:2Issues:0Issues:0

blogr-landing-page

Frontend Mentor challenge Blogr Landing Page using Tailwind CSS, Astro Static Site Generator, a color scheme switcher and the IntersectionObserver.

Language:AstroStargazers:2Issues:0Issues:0

accessible-astro-dashboard

An Accessible Admin Dashboard Theme for Astro with a login page and a dashboard overview. Includes accessibility features such as landmarks, better focus-outline and skip-links navigation.

Language:AstroLicense:MITStargazers:35Issues:0Issues:0
Stargazers:0Issues:0Issues:0

accessible-astro-docs

Documentation website for all the availible Accessible Themes and Components for Astro.

Language:SCSSLicense:MITStargazers:2Issues:0Issues:0

rock-paper-scissors-game

Frontend Mentor challenge "Rock, Paper, Scissors Game" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations to make the game more interactive and vanilla JavaScript for the game logic.

Language:AstroLicense:MITStargazers:0Issues:0Issues:0

tiny-code-snippets

Collection of Front-end Code Snippets (HTML, (S)CSS, JavaScript) to use as a reverence for common problems and solutions.

Language:CSSLicense:MITStargazers:2Issues:0Issues:0

advice-generator-app

Frontend Mentor challenge "Advice Generator App" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations and the Fetch API for the random advices.

Language:SCSSLicense:MITStargazers:0Issues:0Issues:0

github.io

PWA test.

Language:JavaScriptStargazers:0Issues:0Issues:0

nft-preview-card-component

Frontend Mentor challenge "NFT Preview Card Component" using CSS Flexbox and Grid, Accessibility best practices and CSS Animations.

Language:SCSSStargazers:0Issues:0Issues:0

sunnyside-agency-landing-page

Frontend Mentor challenge "Sunnyside Agency Landing Page" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations and the JavaScript IntersectionObserver. Includes a sticky navigation and a revealing footer.

Language:AstroStargazers:2Issues:0Issues:0

easybank-landing-page

Frontend Mentor challenge "Easybank Landing Page" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations and the JavaScript IntersectionObserver.

Language:AstroStargazers:7Issues:0Issues:0

time-tracking-dashboard

Frontend Mentor challenge "Time Tracking Dashboard" using CSS Grid, CSS Animations, Accessibility best practices and the JavaScript Fetch API to toggle between JSON Data.

Language:SCSSStargazers:1Issues:0Issues:0

super-mario-brothers-mouse-tracking

A demo where Mario and Luigi SVG's follow your mouse or finger across the screen using the mousemove and touchemove event listeners respectively.

Language:HTMLLicense:MITStargazers:0Issues:0Issues:0

new-game

Start a new game (project), ideal for building simple HTML, CSS and JavaScript websites. Includes a Flexbox Grid, Breakpoints, Colors, Space Tokens and Size Tokens.

Language:SCSSLicense:MITStargazers:0Issues:0Issues:0

neon-signs

Neon Sign flickering animated letters using box-shadow, keyframes and JavaScript.

Language:SCSSLicense:MITStargazers:2Issues:0Issues:0

drag-drop-mini-game

Small demo of a drag and drop interface using JavaScript's PointerEvents, Node.cloneNode() and getBoundingClientRect().

Language:SCSSLicense:MITStargazers:0Issues:0Issues:0

outer-space

Demo using only CSS Keyframes and Animations and a SCSS function to generate the stars with box-shadow.

Language:SCSSStargazers:0Issues:0Issues:0

flexbox-grid

Flexbox Grid is a simple yet powerful responsive front-end grid based on the Flexbox CSS property. It helps you to quickly build advanced layouts for prototyping and real-life projects.

Language:CSSLicense:MITStargazers:0Issues:0Issues:0