People love to share coding tips on social media and I’ve seen some take screenshots of their editor and share it, or others might use a dedicated service that allows you to copy and paste your code into it. All these options are fine but I like to make mine standout by using something custom and I have a Sketch file where I can paste my code into it and then export.
The way I have this setup is in your code editor screenshot the code you want to share (shift + control + command + 4) and then open the Sketch file and paste it in. The file currently comes with four artboards. Twitter light and dark, and Instagram light and dark.
In the included samples the code in the “light” artboards are from Sublime Text using the “Inspired GitHub Color Scheme” and the “dark” artboards are using the “Dracula Theme” in VS Code. The theme you use is really not important but I’m sure I’ll have people ask me what I used. Below is an example of one of my recent tweets using this template:
If you’d like to grab this file I have a zip available here. It’s made with the latest version of Sketch (v53.2) so it may not work with older versions. But you are free to do as you wish with this and consider it licensed under MIT.
Finally, if you have any feedback or would like to see any improvements please comment below. I hope you enjoy!
I recently got a new MacBook Pro, and this is my first time with the Touch Bar style of keyboard. First, let me say I love this machine so far, it’s been running all the huge apps without trouble and I haven’t heard the fans spin up once. I’m sure this will end after a few months, but right now it’s fantastic.
Now the Touch Bar is a different story. It’s just annoying and feels like a gimmick. Not having a “real” escape is grim but worse than that is the touch id. I’ve been using an iPad Pro and the face to unlock is so much nicer than the touch id.
Apple should go back to a real keyboard and use Face ID on all the Mac’s. It’s so much faster and better as a user.
Wes Bos recently launched a new Github repo called Awesome Uses that let’s everyone list their personal “uses” pages and I’ve added mine.
If you are not familiar with “/uses” pages the goal is to be able to point people to a single spot to find out everything about your setup. What happens is when you share things on social media you’ll get hundreds of responses asking the font, the editor, and everything else so this makes it’s easy to tell them to just go here.
Mine is already a little outdated so I’m going to work on fixing it up. It’s sort of funny how often I adjust my tools.
“You must sleep some time between lunch and dinner, and no half-way measures. Take off your clothes and get into bed. That’s what I always do. Don’t think you will be doing less work because you sleep during the day. That’s a foolish notion held by people who have no imagination. You will be able to accomplish more. You get two days in one-well, at least one and a half, I’m sure.”
I came across this quote today and because of confirmation bias I think we should listen to this man.
My friend Mohamed Said asked me, “When are we going to see a cartoon on people who crash on a bike?”, and not wanting to disappoint I decided to make one of him.
This one was fun to make and I had the idea of just having a huge head screaming but then you couldn’t tell it was a bike crash, so I had to include some of the other features. For something I did over my lunch break I think it turned out decent.
That photo of my iPad is how I created the image by finding one of him and stealing some of the colors and getting a basic outline. Then just attempting to make the facial expression funny.
Lately, I’ve been having a lot of fun making quick little comics and here is one I just put together tonight while watching TV. This one is targeted toward Twitter, but I’ve seen the same thing on all the social networks. The questions never end and that is why many are now creating uses pages on their sites so it’s easy to answer all the questions.