Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
Projects in Awesome Lists by markteekman
A curated list of projects in awesome lists by markteekman .
https://github.com/markteekman/accessible-astro-starter
An Accessible Starter Theme for Astro 4.0 including accessibility features such as landmarks, better focus-outline and skip-links navigation. Ships with Tailwind, Prettier and ESLint support.
a11y accessibility astro blog darkmode dynamic-routes javascript prettier sass skip-links tailwindcss template theme utility-classes wcag
Last synced: 13 Oct 2024
https://github.com/markteekman/accessible-astro-components
A set of Accessible, easy to use, Front-end UI Components for Astro.
a11y accessibility astro components html javascript library scss wcag
Last synced: 10 Oct 2024
https://github.com/markteekman/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.
a11y accessibility astro cms darkmode dashboard dashboard-templates html javascript login-page scss skip-links template theme utility-classes wcag
Last synced: 31 Oct 2024
https://github.com/markteekman/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.
accessibility css front-end html javascript
Last synced: 23 Oct 2024
https://markteekman.github.io/easybank-landing-page/
Frontend Mentor challenge "Easybank Landing Page" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations and the JavaScript IntersectionObserver.
accessibility astro css-animations css-grid css3 html5 intersection-observer javascript scss wcag
Last synced: 10 Nov 2024
https://github.com/markteekman/easybank-landing-page
Frontend Mentor challenge "Easybank Landing Page" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations and the JavaScript IntersectionObserver.
accessibility astro css-animations css-grid css3 html5 intersection-observer javascript scss wcag
Last synced: 23 Oct 2024
https://github.com/markteekman/accessible-vue-starter
An Accessible Starter Theme for Vue 3 + Vite including accessiblity features such as landmarks, better focus-outline and skip-links navigation.
a11y accessibility dark-mode pinia routes skip-links template theme vite vitejs vue vue3 vuejs wcag
Last synced: 24 Oct 2024
https://github.com/markteekman/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.
Last synced: 30 Oct 2024
https://github.com/markteekman/accessible-vue-components
A set of Accessible, easy to use, Front-end UI Components for Vue 3.
a11y accessibility components library vue vue3 vuejs wcag
Last synced: 24 Oct 2024
https://github.com/markteekman/tiny-code-snippets
Collection of Front-end Code Snippets (HTML, (S)CSS, JavaScript) to use as a reverence for common problems and solutions.
Last synced: 30 Oct 2024
https://github.com/markteekman/personal-portfolio-mark
My personal portfollio website, build with Astro in 2023.
Last synced: 30 Oct 2024
https://github.com/markteekman/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.
css css-framework design-system flexbox flexbox-grid gulp gulp-tasks html html-template patterns responsive scss scss-framework scss-template
Last synced: 27 Oct 2024
https://github.com/markteekman/neon-signs
Neon Sign flickering animated letters using box-shadow, keyframes and JavaScript.
Last synced: 30 Oct 2024
https://github.com/markteekman/accessible-astro-docs
Documentation website for all the availible Accessible Themes and Components for Astro.
a11y accessibility astro documentation html javascript scss wcag
Last synced: 27 Oct 2024
https://github.com/markteekman/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.
a11y accessibility astro html javascript scss tailwind tailwindcss template utility-classes wcag
Last synced: 30 Oct 2024
https://github.com/markteekman/the-mushroom-intranet
This is a demo intranet environment with a Super Mario theme.
Last synced: 30 Oct 2024
https://github.com/markteekman/accessible-react-word-game
Excersise from the Joy of React course, building a Wordle Game clone using React components and the useState hook. With added personal stretch goals such as making the game accessible, make it more interactive with animations and by adding a DarkMode and Modal component.
accessibility forms game inputs react usestate wcag wordle
Last synced: 30 Oct 2024
https://github.com/markteekman/blogr-landing-page
Frontend Mentor challenge Blogr Landing Page using Tailwind CSS, Astro Static Site Generator, a color scheme switcher and the IntersectionObserver.
accessibility astro css-animations css3 html5 javascript scss wcag
Last synced: 30 Oct 2024
https://github.com/markteekman/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.
accessibility astro css-animations css-grid flexbox html5 intersection-observer javascript scss wcag
Last synced: 30 Oct 2024
https://github.com/markteekman/nft-preview-card-component
Frontend Mentor challenge "NFT Preview Card Component" using CSS Flexbox and Grid, Accessibility best practices and CSS Animations.
accessibility astro css-animations css-grid flexbox html5 scss wcag
Last synced: 30 Oct 2024
https://github.com/markteekman/mealplanner
Personal mealprep tool for my wife and me to plan out weekly meals, snacks and other healthy goodies.
Last synced: 30 Oct 2024
https://github.com/markteekman/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.
accessibility astro css-animations css-grid flexbox html javascript scss wcag
Last synced: 30 Oct 2024
https://github.com/markteekman/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.
html javascript scss svg-animations
Last synced: 30 Oct 2024
https://github.com/markteekman/multi-step-form
Frontend Mentor challenge Multi-step form using Astro, Vue 3, Pinia and WCAG best practises such as error handeling and screen reader feedback.
accessibility astro astrojs css3 html5 javascript scss wcag
Last synced: 30 Oct 2024
https://github.com/markteekman/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.
accessibility astro css-grid css3-animations fetch-api html5 javascript json promises scss wcag
Last synced: 30 Oct 2024
https://github.com/markteekman/view-transitions-playground
Testing out the View Transitions API in a MPA setup.
Last synced: 30 Oct 2024
https://github.com/markteekman/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.
css flexbox flexbox-grid gulp html html-css-javascript javascript template
Last synced: 30 Oct 2024
https://github.com/markteekman/e-commerce-product-page
Frontend Mentor challenge "E-commerce Product Page" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations, Vue.js and Pinia State Management.
accessibility pinia vue vuejs wcag
Last synced: 30 Oct 2024
https://github.com/markteekman/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.
columns css flexbox flexbox-css flexbox-grid front-end grid grid-layout responsive responsive-design responsive-layout scss
Last synced: 30 Oct 2024
https://github.com/markteekman/outer-space
Demo using only CSS Keyframes and Animations and a SCSS function to generate the stars with box-shadow.
Last synced: 30 Oct 2024
https://github.com/markteekman/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.
accessibility astro css-animations css-grid flexbox html javascript scss wcag
Last synced: 30 Oct 2024
https://github.com/markteekman/drag-drop-mini-game
Small demo of a drag and drop interface using JavaScript's PointerEvents, Node.cloneNode() and getBoundingClientRect().
Last synced: 30 Oct 2024