The past few months Rodrigo Pombo has been working on Code Hike, a new way to write code walkthroughs for blogs or docs. Recently he shared this preview of the step scroller (“scrollycoding”) component. Looks great! Scrollycoding Demo →
Tag Archives: code
Ray.so – Create beautiful code
Like Carbon, but a bit different. Ray.so →
Bohemian Rhapsody
🙂 🙂 In case you forgot the lyrics, here’s an ace rendition of the original (don’t mind the default thumbnail, the video works fine): (via)
carbon-cli – Carbon, from the CLI
carbon-cli is a CLI tool which interacts with the aforementioned Carbon, allowing you to create beautiful images of your source code. Installation per NPM/Yarn, or run it directly using npx npm i -g carbon-cli Usage is quite simple: carbon -f file.js carbon-cli – Carbon, from the CLI →
Generate code screenshots straight from within Visual Studio Code with Polacode
Remember those really nice screenshots of code, generated with Carbon? Polacode is an extension for Visual Studio Code that offers (somewhat) the same functionality directly inside the IDE. Polacode – Polaroid for your Code →
Create and share beautiful images of your source code with Carbon
Carbon is a great tool to create lovely source code screenshots you can share. Just start typing, or drop a file into the textarea. An example image generated by Carbon is included above. Supports several themes and syntaxes. Carbon →
Does code need to be perfect?
Andreas Creten, founder of Made With Love, on different needs in code quality depending on what type of product (POC, MVP, …) you are making. Until your MVP really gets traction you can run on shitty code or even do things manually to prove you have a product/market fit. Only once you nail it and …
Spectacle CodeSlide: Present code with style
Present code with style using spectacle. Awesome way to present code, and putting the focus of the reader where it needs to be. It also lets you jump to specific lines even if they’ve already been displayed before (because code tends to jump). import React from 'react'; import { Spectacle, Deck } from 'spectacle'; import …
Continue reading “Spectacle CodeSlide: Present code with style”
Easily create new CLI aliases with `new-alias`
I love stuff like this: It’s a handy little alias to create aliases for commands you just ran … an “alias-generating alias”; my inner geek rejoices 🙂 Here’s the code (add it to your .bash_profile): new-alias() { local last_command=$(echo `history |tail -n2 |head -n1` | sed ‘s/[0-9]* //’) echo alias $1=”‘””$last_command””‘” >> ~/.bash_profile . ~/.bash_profile …
Continue reading “Easily create new CLI aliases with `new-alias`”
Write NASA worthy code
A verifiable set of well-chosen coding rules could make critical software components more thoroughly analyzable, for properties that go beyond compliance with the set of rules itself. To be effective, though, the set of rules has to be small, and must be clear enough that it can easily be understood and remembered. The rules will …