Simon McManus

tagged: typescript

Anima is here to help Front-end engineers deliver faster by automating the grunt work. Teams can convert Sketch, Adobe XD, or Figma into React code and save precious time.

tagged: figmareact

Since the launch of the Figma API, many people have speculated about the possibility of automatically turning Figma documents into React components. Some of you have actually made working prototypes, and Pagedraw even built a whole product around it!

tagged: figmareact

This demonstrates using the Figma REST API to convert a Figma document to React Components. Disclaimer: this code is likely incomplete, and may have bugs. It is not intended to be used in production. This is simply a proof of concept to show what possibilities exist.

tagged: figmareact

Convert Figma Prototype files to Xstate compatible Finite State Machine objects. It uses the Figma REST api to retrieve a file and transforms it into a Finite State Machine that can be visualized here

tagged: figmaxstate

tagged: logsnetlify

Every SEO professional needs to know how well their sites rank for their target keywords.

tagged: seokeywords

Anyone who's worked in game development for a while knows that launching games is challenging. Creating online games is even more difficult, as it requires building Internet services like matchmaking, account systems, chat services and many more. Guild Wars, an online Role-Playing Game I helped develop at ArenaNet, requires ~30 backend services, and its sequel, Guild Wars 2, has ~80! By the time I left ArenaNet Guild Wars 1 included 6.5 million lines of code, which is about one-fourth of the number of lines in the Linux operating system kernel!

tagged: engineeringproductdesigngamesdrest

Whether they're written down or part of a company's oral traditions, every software engineering team has guidelines its developers use to direct their efforts. These are the ones we use at One More Game.

tagged: engineeringproductgamesdrest

Data is changing the way businesses are being built and run. Most CEOs and business leaders will agree that future success is increasingly reliant on their ability to turn data into a differentiating advantage. Yet +70% of enterprises still lag in their ability to create value from data.

tagged: databusinessengineeringgamesdrest

This Arduino library is a native Apple HomeKit accessory implementation for the ESP8266 Arduino core, and works without any additional bridges.

tagged: arduinowifiapplehomehome-kitiot

JSON file is EasyEDA source, live version here. External connection identifiers are given.

tagged: jubileelinetrainshackingjubilee-line

Morphocode is a design and development firm that uses data to visualize urban dynamics and provide location insights. Our team brings together expertise across architecture, urban planning, and software engineering.

tagged: datavisualisevisualiser

Today I came across a PR on MDN compatibility data that aims to update the CSS's support information for the :not() pseudo-class.

tagged: notcsscss-animationcss scopecss-selectors

Let’s have a look CSS @keyframes animations, and specifically about how you can pause and otherwise control them. There is a CSS property specifically for it, that can be controlled with JavaScript, but there is plenty of nuance to get into in the details. We’ll also look at my preferred way of setting this up which gives lots of control. Hint: it involves CSS custom properties.

tagged: animationcsswebcss-animation

this repository is a summary and curation of the top-ranked content on Node.js best practices, as well as content written here by collaborators

tagged: best-practicenodejavascriptwebdocker

Level up your virtual experience with selfie-based avatars that people love and emotionally connect with.

tagged: vrwebavatarsselfie

Brick patios and paths are popular DIY projects that are well within the abilities of most homeowners. And if installed properly, the project can last for decades. Follow the steps below to create your own durable and stylish brick patio or path.

tagged: pathgarden

A lesson that we’ve learned at Shopify from building Polaris is that maintaining a system takes more effort than building it. That’s because design systems inevitably create debt. Components will be used and forked in unpredictable ways. Dependencies can make it difficult to predictably make a change. We ran into these issues while rolling out a new design language for Shopify’s admin in October. The time it took to test the impact of a small visual change across the product slowed down the rollout.

tagged: foundationsdesign-systems

Google Cardboard brings immersive experiences to everyone in a simple and affordable way. Whether you fold your own or buy a Cardboard-certified viewer, you're just one step away from experiencing virtual reality on your smartphone.

tagged: cardboardaraugmented-realityVRpodcast

A-Frame can be developed from a plain HTML file without having to install anything. A great way to try out A-Frame is to remix the starter example on Glitch, an online code editor that instantly hosts and deploys for free. Alternatively, create an .html file and include A-Frame in the

tagged: podcastwebvrwebxraframeaugmented-reailtyvertual-reality

flags,chrome,laucher,options

tagged: flagschromee2eautomation

lottie,animation,

tagged: animationlottiecss-animationanimationsframeworksdelightdrest

resilience,failure

tagged: failure

XState can feel overwhelming. Once you've gone through Kyle or David's courses and read through the docs, you'll get a thorough understanding of the API. You'll see that XState is the most powerful tool available for managing complex state.

tagged: propsreactxstate

If you’re thinking about working with SuperFriendly, here’s our simple, standard Service Agreement that you can browse through to get a sense of how we like to work. If you’re an agency or freelancer and aren’t happy with yours—or worse, you don’t use any type of contract—you’re welcome to use ours as a starting point.

tagged: companycontract

Our Wooden Venetian blind range offers a wide variety of beautiful slat options, in both natural and painted finishes, especially chosen to reflect current trends and classic favorites.

tagged: houseiotblinds

tagged: animationscsscss-animation

A new fast testing centre is up and running for Epping Forest district residents who do not have symptoms of COVID-19.

tagged: covidcovid-19