Categories
Jekyll
Disqus No More
Back in 2015, I created - I’m still having difficulty calling it a blog for some reason - this place. GitHub Pages with Jekyll (free hosting FTW), the Poole theme with some CSS and layout changes, and there was a thing - my own thing, besides work - in the internet. “Introverts of the world, unite”.
Create a New Jekyll Post with a Simple Shell Command
Let’s build a shell command to automate the creation of a new post in Jekyll.
Jekyll: Goodbye ‘site.GH_ENV’
This code has been a great friend for some time now. Based on git history, I added this six years ago and didn’t touch it again.
Upgrading Jekyll 2.x to 3.x
At February 1st Github announced the upgrade of Jekyll from 2.4 to 3.0 for Guthub Pages. I thought this was the time to upgrade my local setup to the new version. I ‘ve tried it some time ago but got some error and was too tired to debug anything, but now I had no choice.
Jekyll Workflow With Gulp
Introduction
Create Custom Description for Your Jekyll Posts
There are two ways to create a description from your post, the first one is use the existing post.excerpt tag Jekyll has after reading Jekyll documentation or create your own with some simple steps.
Highlight Ruby Code in Jekyll
A few days ago I was trying to write a tutorial about creating a simple dynamic menu for Jekyll and I came across a strange problem while I was trying to show and highlight some ruby code.
Dynamic Navigation for Jekyll
This is a tutorial on how to create a simple dynamic menu for Jekyll.
Workflow
Checking Your Open Ports With lsof
Ok, some terminal stuff today. 💻
Create Custom Domains for Development in XAMPP
If you are developing sites the you ‘ve come to a place where you are furstrated with constantly having to change things when you move to production such as changing urls to get the thing work. We spent three hours of our lives with a friend of mine to reconfigure a Wordpress site from a XAMPP server to production server. Another example I can think of is the Laravel’s public folder, I don’t want to go to localhost/site/public each time, a mywebsite.com would be fine.
Modern Workflow + Tooling for Front-end Developers
Wes Bos at Fronteers Conference 2015 gives a short presentation for each of the modern workflow tools front-end developers are using right now and a bonus talk with Bruce Lawson asking people’s questions.
VirtualBox Copy/Paste & Drag 'n' Drop
You are working with VirtualBox and you want to share clipboard and files between your guest machine and your Linux host?
Coding
Create a New Jekyll Post with a Simple Shell Command
Let’s build a shell command to automate the creation of a new post in Jekyll.
Use JavaScript to Navigate Through a Table And Other Elements
The browser API has given us many tools to navigate through a webpage, and if done correctly, you will have a great result without the use of any Javascript.
Jekyll: Goodbye ‘site.GH_ENV’
This code has been a great friend for some time now. Based on git history, I added this six years ago and didn’t touch it again.
How to TitleCase Jekyll Titles With Node
Back in December, I decided to refresh this place and start writing again. What I noticed then was that my post titles are a bit inconsistent. Some words are uppercase, some lowercase, some don’t even bother, but you get the point.
IE's InnerHTML Quirks
The background There are a lot of articles out there and StackOverflow threads about this, most of which come to the conclusion that we shouldn’t do it. But let’s face it, sometimes you have to parse the DOM or parts of the DOM with regular expressions, because it’s faster.
A Service Worker First Release
I ‘ve been experimenting for some time with progressive web apps and service workers. I know I am not the first one not even have the best implementation (google has already built a collection of tools for service workers), but this works and I am happy about it.
First Steps With Facebook's Instant Articles
Introduction I think Instant Articles is the Facebook’s way of saying “You had one job” to all developers out there. For me (a developer) is nothing more than a way to give your content to users fast without all the problems that our CMS’s and code add to the user experience.
A Simple BEM Advice
For some time now I have been using the BEM methodology for production and I came to a conclusion.
Jekyll Workflow With Gulp
Introduction
Working With ES6 in the Browser
These are some ways to work with ES6 in the browser. We are going to use Babel 6 as our transpiler and Gulp as our task runner.
Create an ES6 Module
Introduction
Create Custom Domains for Development in XAMPP
If you are developing sites the you ‘ve come to a place where you are furstrated with constantly having to change things when you move to production such as changing urls to get the thing work. We spent three hours of our lives with a friend of mine to reconfigure a Wordpress site from a XAMPP server to production server. Another example I can think of is the Laravel’s public folder, I don’t want to go to localhost/site/public each time, a mywebsite.com would be fine.
Share Buttons Performance Issues
Last week we had a series of interviews with a number of candidates for a junior frontend developer position and at the end of each session we gave them a “code challenge” to complete in their spare time, only if they wanted to. Nothing special, just a simple responsive prototype so as to take a peak at the quality of their code.
Responsive Rounded Buttons
Last week I wanted to create three rounded buttons for a client’s site.
A Modal Alternative Proposal
When I saw modals some years ago, I thought it was one of the best things happened. Just use a plugin and show your important stuff to the user and you are ready to go. Things changed since then and plugins went bigger and better, but I think we are using tooooo many resources and third party libraries and we need to stop.
Better UX for Users With Ad Blockers
Let me start by saying that preventing people from using your content if they use an ad blocker is unethical. All this fuzz about ad blockers and no one says that ad blockers may block a site feature too.
Browser History API
This is a simple tutorial about using browsers’ history API to keep your form selections. Imagine you have a form that filters some posts with ajax. If the user goes to one of those links without opening to another tab, all the filters are going to disappear if he comes back.
BEMIT CSS Based Grid Mixin
After reading this article from @csswizardry about taking the BEM naming a step further I wanted to create as simple mixin to build grid classes with this pattern u-1/3@md.
Vanilla Javascript Selectors
Everytime I start a new project I try to evaluate my needs for javascript and decide if I am going to use any third party library or not.
How to Capture User Keystrokes With Vanilla Javascript
These days I am in the mood for ditching big libraries and having my own mini libraries or a few lines of code only for using the things I need.
Swiper-JW Player
Swiper-JW Player is a very small plugin that extends iDangero.us Swiper to avoid setting up the configuration for stopping JW Player videos between slide navigation in each Swiper instance.
JS
Use JavaScript to Navigate Through a Table And Other Elements
The browser API has given us many tools to navigate through a webpage, and if done correctly, you will have a great result without the use of any Javascript.
How to TitleCase Jekyll Titles With Node
Back in December, I decided to refresh this place and start writing again. What I noticed then was that my post titles are a bit inconsistent. Some words are uppercase, some lowercase, some don’t even bother, but you get the point.
IE's InnerHTML Quirks
The background There are a lot of articles out there and StackOverflow threads about this, most of which come to the conclusion that we shouldn’t do it. But let’s face it, sometimes you have to parse the DOM or parts of the DOM with regular expressions, because it’s faster.
Working With ES6 in the Browser
These are some ways to work with ES6 in the browser. We are going to use Babel 6 as our transpiler and Gulp as our task runner.
Create an ES6 Module
Introduction
Better UX for Users With Ad Blockers
Let me start by saying that preventing people from using your content if they use an ad blocker is unethical. All this fuzz about ad blockers and no one says that ad blockers may block a site feature too.
Browser History API
This is a simple tutorial about using browsers’ history API to keep your form selections. Imagine you have a form that filters some posts with ajax. If the user goes to one of those links without opening to another tab, all the filters are going to disappear if he comes back.
Vanilla Javascript Selectors
Everytime I start a new project I try to evaluate my needs for javascript and decide if I am going to use any third party library or not.
How to Capture User Keystrokes With Vanilla Javascript
These days I am in the mood for ditching big libraries and having my own mini libraries or a few lines of code only for using the things I need.
Swiper-JW Player
Swiper-JW Player is a very small plugin that extends iDangero.us Swiper to avoid setting up the configuration for stopping JW Player videos between slide navigation in each Swiper instance.
CSS
A Simple BEM Advice
For some time now I have been using the BEM methodology for production and I came to a conclusion.
Responsive Rounded Buttons
Last week I wanted to create three rounded buttons for a client’s site.
BEMIT CSS Based Grid Mixin
After reading this article from @csswizardry about taking the BEM naming a step further I wanted to create as simple mixin to build grid classes with this pattern u-1/3@md.
Design
Laura Kalbag – Ethical Design @ Frontendconf Zürich
I always love this kind of talks about the ethical responsibilities we have.
UX
Got Rid of Google Fonts and I Feel Fine
I started writing in this blog in 2015, and I made a decision to use the Roboto font as my weapon of choice. Why? Actually, I’m not sure. But I did.
A Modal Alternative Proposal
When I saw modals some years ago, I thought it was one of the best things happened. Just use a plugin and show your important stuff to the user and you are ready to go. Things changed since then and plugins went bigger and better, but I think we are using tooooo many resources and third party libraries and we need to stop.
Performance
Got Rid of Google Fonts and I Feel Fine
I started writing in this blog in 2015, and I made a decision to use the Roboto font as my weapon of choice. Why? Actually, I’m not sure. But I did.
Share Buttons Performance Issues
Last week we had a series of interviews with a number of candidates for a junior frontend developer position and at the end of each session we gave them a “code challenge” to complete in their spare time, only if they wanted to. Nothing special, just a simple responsive prototype so as to take a peak at the quality of their code.
Personal
Check-in III
As we step into February, we’re faced with a blank canvas for the next thirty days. However, let’s reflect on January first.
Trying Out New Things
January is ending and I already started experimenting a bit to work on this year’s themes, and more specifically on the physical and mental health area. How?
Twenty Twenty-Three Review
End of the year 2023, an opportunity to take a look at the highlights.
Check-in II
February has been and gone in the blink of an eye!
Check-In
Hey! A check-in for January. What went well. What didn’t go well, and what I’ve been doing.
Twenty Twentytwo at a Glance
Let’s try something for the first time. Writing a few words about the whole year.
After the Intermission
I surely have not written something in a long while. I’ve concluded that I have the urge to share, when I need an alternative way of expression.
Writing
Writing Beyond the Academy by Larry McEnerney
Since I’ve started writing again - yes, do I write, I kid you not - I try to find ways to become better at it. During my search for resources, I stumbled upon this workshop by Larry McEnerney for the University of Chicago Writing Program.
External
Mike Seavers - From Manager to Director: Guide to Managing Managers
This week I watched a Mike Seavers (Epic Games as VP of Online Development) interview dated February 2022 on the Coding Sans podcast channel.
Articulating Company Values & Living Them Authentically by Jeff Lawson
I really enjoyed watching Jeff Lawson’s - CEO of Twilio - presentation about a company’s values.
Writing Beyond the Academy by Larry McEnerney
Since I’ve started writing again - yes, do I write, I kid you not - I try to find ways to become better at it. During my search for resources, I stumbled upon this workshop by Larry McEnerney for the University of Chicago Writing Program.
Product
Boring Software Is Good
Last night I was wandering around the internet reading a bunch of articles, and I ended up reading Basecamp’s blog. For some reason, this part of this random post really struck a chord.
Leadership
On Leading Through Values
Almost one year into the Engineering Manager role, I thought of providing more clarity to the team regarding what this role is about. What I did was to give a brief presentation about it, and there it was, a slide titled “What’s on my mind” (yeah, “kudos” on the great titles).
On The Power Of Individuals
High-performing teams are fascinating.
Chaos Engineering For Humans
If you came here about Chaos Engineering for your services, “it’s not what it looks like”.
The Five Minutes Talk
It’s a random Tuesday morning after the team’s standup, and Josh just nodded and asked if you had five minutes to talk.
Mike Seavers - From Manager to Director: Guide to Managing Managers
This week I watched a Mike Seavers (Epic Games as VP of Online Development) interview dated February 2022 on the Coding Sans podcast channel.
Articulating Company Values & Living Them Authentically by Jeff Lawson
I really enjoyed watching Jeff Lawson’s - CEO of Twilio - presentation about a company’s values.
Talent Is Not Enough
June 2019. Radiohead release MiniDiscs [Hacked], a compilation of demos and rehearsals from the creation of the OK Computer era, one of the greatest albums of the 90s.
Mental Health
On Enjoying The Ride
I can’t remember where I first stumbled upon this quote from Neil Gaiman. I believe I found a part of it, and for some reason, I started looking for the whole interview to get more context.
Retrospect
Twenty Twenty-Three Review
End of the year 2023, an opportunity to take a look at the highlights.
Twenty Twentytwo at a Glance
Let’s try something for the first time. Writing a few words about the whole year.
Check-in
Check-in III
As we step into February, we’re faced with a blank canvas for the next thirty days. However, let’s reflect on January first.
Check-in II
February has been and gone in the blink of an eye!
Check-In
Hey! A check-in for January. What went well. What didn’t go well, and what I’ve been doing.
Agile
Six Years of Using Team O’Clock
When I joined Transifex, the organization had - and still does - an Agile mentality in how they built the product and had been using Scrum for two or three years before my time.
Tools
Six Years of Using Team O’Clock
When I joined Transifex, the organization had - and still does - an Agile mentality in how they built the product and had been using Scrum for two or three years before my time.
Interviews
The Bait, the Switch & the Loop
The Bait You find yourself on a call with three people on a Wednesday afternoon.