Git Product home page Git Product logo

laurence-lord's Introduction

Laurence Lord - Creative Developer

👋 Welcome to the repo for my personal website

👉 laurencelord.co.uk

🚀 🌝 About this!

  1. Be yourself 🤙

    For years I've overthought what others will think of my website 🤔

    Then I had a thought that I found liberating...

    This I write for myself, not for an audience

  2. Tech stack: Convenient 📱

    I'm using Gatsby and MDX (JSX enriched markdown) to make editing quick and easy

    I can edit content and redeploy it from the browser on my phone (which is nice)

  3. Open source. Sure, why not? 🤗

    I'm not showing off but I'm not hiding anything

    You can clone the repo, npm i, npm run develop and have this running at http://localhost:8000

    Or you can just dip in and steal the code you like. No worries

  4. More me 🧶

Contributing

Feel free to browse the files, raise issues or suggest changes in any way you like 👍

Maintenance notes (in case I forget)

Deploys to Netlify via commits to main branch, configured in Netlify

laurence-lord's People

Contributors

ll782 avatar

Stargazers

 avatar

Watchers

 avatar

laurence-lord's Issues

Include A-Frame experiment in LLLabs

Why?

  1. So I know were to find it
  2. To show it off more easily

What

  • Get a good looking experiment together
  • Add it to a new labs space on the website
  • Include a note that links to this lab space

Notes

  1. The experiment is looking good enough
  2. The code is a single page of HTML stored locally on my Codurance machine at the moment

Try the SvelteKit demo

Why

  1. As a good way to get started with Svelte

Notes

  1. I've installed a skeleton project to work on the pathfinder-gen app
  2. The demo project exists via npm init svelte my-app (alongside the skeleton project)

Improve UI controls for 3D examples

Why

  1. Currently hard to use on touch-first devices
  2. Currently view of example is blocked by controls on small screen

What

  • Move controls to under the example on narrow screens

Notes

  1. Talking about 3D animation examples embedded in WebGL note

I'd like to be able to create a new Note via a button on the website

Why

  1. I do a lot of content editing from my phone without much time to spare
  2. I don't currently have a convenient template to work from

What

  • Given internet, when I want to publish a new note, then I can get straight to it from my phone

How (suggestions only (focus on what))

Initial idea

Continue using MDX in the repo for content storage.

  • Create a new note template MDX
  • Add a button to the website that links through to the template
  • Consider how to regenerate the template file

Wordpress idea

The Wordpress app is highly convenient

Notes

  1. Pretty sure GitHub lets you create this kind of template

Milestone size continued

If you're looking for the previous "Milestone Size" I guess it was the note about thrashing. Ultimately I'm on a the-power-of-baby-steps theme of late.

As I write this and the last note I'm remembering Sandro's words on minimum valuable increment. The description is not the same as what I'm toying with but the sentiment is related. Sandro describes how to use it like a template. He's clearly given it a lot of thought and includes being ready to measure the impact as a first class attribute. My thinking marries-up with it in practice - Make your increment as small as possible to bank the value of your work as early as possible.

This makes so much sense in so many ways. For me, just recently it is an antidote to the waste that can result from interrupting a workflow part way through a step. If the step is too large the chance and the cost of interruptions are both higher.

While I've been using this theme to illustrate choices I'm making around how I work, how I get things done in general, not just code but the full gambit of a consultant software craftsperson, the metaphor of trunk based development, continuous integration and continuous deployment all apply perfectly. Don't start something without finishing it. The long you have more than one thing running in parallel the more chance there is of conflicts. The more chance there is that one or both of the branches will be delayed and work will be wasted.


Anyway, down to the note...

  • in favour of the time based milestone

    Frequent, guaranteed opportunity to refine focus without interrupting main workflow

  • against

    Work has to fit into a predetermined timeframe (may also be an advantage

  • in favour of milestone ending when all tasks are done

    More flexible use of time. Work not interrupted by time window closing.

  • against

    To much leniency on time. Harder for new issues to wait for the next milestone.


This is all annotation of the following recommended protocol. In publishing this I recognise it is nothing new. It is just me noting it down in my own words having gone "round the houses" to arrive at a familiar conclusion.

Basic Protocol

  1. Start the week with a defined milestone to reach by the end of the week
  2. Create new issues as they arise throughout the week
  3. Unless they are pure refinement or breakdown of the in progress milestone they cannot be added to it i.e. no moving the goalposts mid-game.

Like I say, nothing revolutionary, it's all been mentioned in eXtreme Programming and other Agile guidebooks before. Personally it's never seemed more obvious and simple to me.

Let’s have a workshop area

Notes is great for notes. Let's have a space for different workspaces workbenches and tools

e.g. a tool for capturing swipe gestures, a work bench demonstrating visual effects for swipe gestures

Add this note which I'm quickly drafting from my mobile

Don't add to any in progress milestones, I.e. No moving goal posts. Only breakdown and refinement of goals already committed to

Interrupting work on progress causes "thrashing"

Meaning, degraded or crashed processes caused by overloading the system that tries to optimise throughput.

Ironically resources are over consumed by the system trying to optimise resource consumption.

There's this "thrashing" metaphor that's been shared with me by a recent mentor. They have been working with me on how I can perform at my best even when I have multiple initiatives to focus on at the same time.

It's a very useful metaphor and seems to crop up everywhere now that I'm looking out for it.

Antidotes that have been affective so far include:

  1. taking baby-steps, so breaking tasks down to the minimal valuable increment

  2. making sure to significantly advance any project that I touch before moving on from it. So not switching context until I've taken a step. You can see how that plays well with baby steps.

  3. planning, journaling and reflecting. I can't describe this one in the company of agile practitioners without remembering weekly goals, note taking and weekly retrospectives.

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.