Giter Club home page Giter Club logo

generator-ffpa's Introduction

Hi, I’m Garrett

I’m a web developer, frontend developer, or UI engineer, depending on who you ask. Basically I make things that people can use on the web. My day job revolves around making JavaScript applications, which I’ve been doing for a few years. My interests go beyond JavaScript too.

forthebadge forthebadge forthebadge forthebadge

Some Things I Care About

When it comes to working on the web, some things get me especially fired up:

  • Accessibility—Making web experiences the best they can be for all kinds of users.
  • Privacy—Allowing users to choose what data they share and providing a good experience without invasive tracking.
  • Data ownership—Giving users complete control over what happens to their data, even if it means taking it out of your app.
  • Honesty—Being clear with users, not tricking them into things they didn’t choose.
  • Openness—Sharing and cooperating with the community, making it better for everyone.
  • Decentralization—Letting the web belong to everyone, not just a few big companies.
  • Kindness—Recognizing other people as people and not treating them like enemies. Assuming the best of others.

Some Things I’m Intersted In

Not an exhaustive list, but these are some of the things I’m thinking about nowadays.

  • Jamstack—I’m still dipping my toes in here but it’s a philosophy that makes sense to me, and it just seems like a fun way to develop.
  • Indieweb—I feel like this movement (if you can call it that) really captures what makes the web so cool.
  • Functional programming—I’ve dabbled in some FP languages and try to bring some of those principles to JS. But I want to learn more about languages that are actually built for it.
  • Finite state machines—This is one of those things where once you learn about it, it seems like the solution to every problem. XState is an amazing statechart library. I still have a lot to learn here, but I love it so far.
  • Progressive web apps—It’s amazing what web apps are capable of now. This is so much more interesting to me than native apps.
  • CSS—It’s often an afterthought in frontend web development, but there is so much to learn here! Especially with how powerful it’s become over the past few years.
  • React—Not exactly new or unique anymore, but it still is fun to work with. It’s currently what I use professionally.
  • Writing and teaching—I love to share what I learn. I’m searching for a way to combine my love of web developpment with my love of writing and teaching in one career. I’m still working on getting my blog back up and running, but I have written a few old articles that I'm still proud of.

Some Things I Made

Most of the work I do professionally is closed-source, unfortunately, but check out my pinned repositories for some of the silly things I’ve made in my spare time.

generator-ffpa's People

Watchers

 avatar  avatar

generator-ffpa's Issues

Add Autoprefixer

Probably should use postcss-loader so that users can easily add other PostCSS plugins.

Should support Firefox 32 and up, which is equivalent to FxOS 2.0 and up.

Babel-compiled code triggers JSHint warning

Looks like changing JSHint to be a postloader came back to haunt me. When I tried to use rest parameters I got this warning:

WARNING in ./app/scripts/main.js
jshint results in errors
  Missing 'new' prefix when invoking a constructor. @ line 17 char 46
        for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {

But JSHint doesn't support JSX by design, so I need to do something different. I could drop JSHint, change it to ESLint (apparently it doesn't perform as well or use as many ES6 features), or use jsxhint-loader (but that uses react-tools to transform the code and I want to stick with Babel).

sanitize.css sourcemap isn't imported into final sourcemap

The production build of sanitize.css includes a souremap, but that doesn't get incorporated into the final bundle sourcemap. The resulting CSS has two separate sourcemap pragmas, but the sanitize.css sourcmap doesn't get copied into the dist folder, so the browser devtools time out trying to find it.

I see two options here:

  1. Use the Sass version of sanitize. This would require having the sass-loader set up by default, which I don't want to do because I want users to have a choice of preprocessors (#3).
  2. Drop sanitize altogether.

I included sanitize because it provides a good base for styling, but also to provide an example of importing CSS from inside CSS files. Maybe if I just document how third-party dependencies work, I won't need sanitize by default. Users can still install it if they want.

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.