I just came across a post from 2016, about why you shouldn’t design your email campaigns. This probably doesn’t apply to all situations and industries, but I know for a fact that many clients pay for lots of hours of crafting, debugging and testing custom templates that aren’t really worth the time. Link: Don’t Design Your Emails
Read entryAuthor: Ignacio
UIkit – a lightweight and modular front-end framework
A lightweight and modular front-end framework for developing fast and powerful web interfaces. I’ve been contributing to a project where this little UI framework is used, and it’s pretty cool. Check it out: UIkit
Read entryUpdating Laravel Homestead
(!) Notice: this post is probably outdated Recently I needed to update my Homestead VM to a more recent version, because I needed to run PHP 7.2. While you can just update PHP on a current Homestead instance, I was using a very old Homestead version and wanted to update it. Moreover, I wanted to make sure I could do that in case something went wrong sometime. Also, that meant I had to have everything backed up. My first instinct was to check the official documentation. However, there are a few missing steps there, so I started googling and… StackOverflowing? […]
Read entry
Enjoyable WordPress theming with Timber (and ACF)
I was thinking of doing an in-depth tutorial on Timber. A few days since I started a draft, CSS-Tricks published “Timber and Twig Reignited My Love for WordPress“, which is a great read. However, I decided to push some of it live because this plugin deserves more love. I’ve built a lot of WordPress sites. Recently, it has become more tedious work for me. Not for their complexity —most of corporate sites are fairly straightforward—, but because of the amount of work you have to do in Spaghetti code. This situation changed when I found two amazing plugins: ACF (Advanced Custom Fields) and of course, […]
Read entry
How to iterate a list in batches using Twig (or plain PHP)
Recently I had to loop through a series of elements in a WordPress template (thanks Timber), which happened to be using Bootstrap. If you ever used Bootstrap, you are familiar with the following markup: The problem here is very common. You have to: Loop every 3/4/n items. Insert a separator or whatever every 3/4/n items.
Read entryHow to fix: MySQL not starting on MAMP (Pro)
I recently had to install MAMP Pro, in order to do some separate work from my Laravel Homestead VM. After a weird Mac crash, MAMP would no longer start the MySQL server. This was the data from the logs: To fix this, go to MAMP, File > Edit Template > MySQL > [version] and add the line highlighted below. # The MySQL server [mysqld] innodb_force_recovery = 1 The restart the server. After this you can comment out that line. Hopefully you will now be able to run the server again.
Read entryHow to open a chromeless Chrome browser window on macOS
This is a great tip to run apps on separate windows or just for taking cool app screenshots, like this: How to open a chromless window Open Terminal app and type: Where [URL] is the desired URL. e.g: If you’re curious about what those flags do, -n “Open a new instance of the application even if one is already running.”, -a “Opens with the specified application” whatever that means. Source: @DasSurma on Twitter
Read entryUse only grid system (or other component) from Bootstrap
PSA: You don’t need to add the whole Bootstrap code and a zillion dependencies and plugins just because it’s easier to use col-md-3 than hacking some CSS to float a few divs. Use the link below to download a customized version of Bootstrap. Need the Grid System? Perhaps the pretty Glyphycons or tooltips? This has you covered: Customize & Download Bootstrap
Read entryHTML0 – A starting point for front-end design
My last post was about front-end design workflow. Since then I got to think that others might benefit from it in a more concrete way. So here it is, I put everything I use to kickstart a new HTML design project. For lack of time and creativity I named it HTML0. Its main parts are Browsersync + Sass, with a couple of Sass helpers I use frequently. Any feedback is welcome :) Fork HTML0 on GitHub.
Read entry
A Front-end design workflow (Jul 2016)
It’s been quite a while since I started coding HTML+CSS designs from PSD/Ai/Sketch files. I started using plain CSS files, then Less, started using the awesome CodeKit, then Bash scripts, then Sass, tried Bourbon, tried Neat, learnt Gulp, npm, etc. I wanted to share what works for me today. I mean, CodeKit still works great and I love it, just like Less or plain old CSS. But this config is what really helps me be more productive. Sass The first thing that works great for me is Sass. I certainly don’t use -know even- know half of its features, but just being able to import, use […]
Read entry