(!) 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 entryOpen a chromeless browser
Today I saw a tweet from Das Surma, where it shows how you can open a chromeless Google Chrome browser. Like this: How to Open Terminal app type open -n -a ‘Google Chrome’ –args “–app=[URL]” where [URL] is something like http://google.com Done! 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.
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 entryComingSoon · a minimal landing page template
Here’s a fresh new template for a minimal landing page for your new website or app for you to download. Replace the rocket emoji with a big H1 text or your website/app logo, put a catchy tagline, place a killer screenshot below and you’re done!
Read entryContact forms without code
You just designed and implemented a beautiful portfolio. You’re almost about to publish it, but remember you still have to make that static contact form actually send messages to your inbox. You google “contact form PHP”. And you know the rest.
Read entry