Coder Social home page Coder Social logo

Hello! I am a frontend developer and mentor for beginners.

Tasks I Handle

Frontend Development

  • Creating UI components — this allows for code reuse.
  • Complex restructuring of non-standard grids — this gives more freedom to designers.
  • Utilizing logical properties, values, and units — this makes it easier to internationalize the project for languages with different writing directions.
  • Other everyday frontend development tasks focused on accessibility, cross-browser compatibility, adaptability, and a component-based approach.

Working with Legacy Code

  • Moving icons from markup to styles — this lightened the final markup files, thereby speeding up page loading and rendering.
  • Solving accessibility issues in a live project — even in older projects, it's possible to avoid completely rewriting legacy code.
  • Migrating from SCSS to CSS — this expanded the pool of potential newcomers to the project.

Working with Graphics

  • Automating the optimization of vector and raster graphics, specifically by moving the optimization out of the build process and into separate npm scripts so that graphics are processed only once and then used as-is during the build — this simplified the build configuration, sped up production builds, and eliminated delays in the development build.
  • Automating the use of optimized raster graphics in templating engines (Nunjucks, Twig) and frameworks (Astro, Svelte) — this allowed for the removal of Astro’s built-in Picture component (by generating image metadata files) and eliminated the constant heavy regeneration of AVIF images in the development build (by using pre-optimized graphics).

Project Setup

  • Migrating from npm and yarn to pnpm — this solved issues with problematic npm packages that ensured cross-platform compatibility and enabled the full power of shell scripts in npm scripts, even on Windows.
  • Configuring project configs and linters — sometimes updating tools to new major versions (e.g., stylelint@16 or eslint@9) is a challenging task.
  • Setting up frontend builds on Gulp (including upgrading to version 5) and Astro, as well as deploying the project to GitHub Pages, Netlify, and Vercel.

Open Source

My Own Projects

Contributing

  • web-standards — migration to flat-config when updating to eslint@9.
  • astro.js — improving the final markup generated by the framework.
  • mdn — improving the fallback example for :focus-visible.
  • w3c — my contribution to the CSS Fonts specification 🤭

firefoxic's Projects

conjure icon conjure

🪄 Conjure images, icons and favicons for your frontend project.

html-tree icon html-tree

Генератор дерева из HTML-разметки

stylelint icon stylelint

A mighty CSS linter that helps you avoid errors and enforce conventions.

utils icon utils

Collection of useful utilities for JavaScript and Node.js.

wpt icon wpt

Test suites for Web platform specs — including WHATWG, W3C, and others

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.