Categories
Tips

Enable Custom Post Order via code in WordPress

Recently I enabled the great Simple Custom Post Order (SCPO) plugin in a bunch of sites. After you activate it you can go into its settings and enable sorting for all posts, custom post types, taxonomies, etc. We had a particular case though. At my current job, we manage a network of nearly 200 WordPress […]

Categories
Blog Tips

Remove captions from Instagram embeds in WordPress

This is a simple code snippet to achieve just that in Instagram embeds, via shortcode or using Gutenberg. You can achieve the same effect in single embeds by using the following shortcode Here’s the result YouTube Use this snippet if you want to achieve a similar result wit YouTube embeds: Found: on Reddit

Categories
Apps/Tools

Getting started with Jigsaw

Get started with this amazing static site generator, based on the Blade templating engine from Laravel.

Categories
Design

Don’t design your emails

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 […]

Categories
CSS UX/UI

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

Categories
Blog

Updating 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 […]

Categories
Blog

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 […]

Categories
Tips

Loop 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: View the code on Gist. The problem here is very common. You have to: Loop every 3/4/n items. Insert a separator or […]

Categories
Apps/Tools Tips

How 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 […]

Categories
Tips

Open 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 […]

Categories
CSS

Use 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: […]

Categories
CSS Projects

HTML0 – 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 + […]

Categories
Apps/Tools

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 […]

Categories
Apps/Tools

ComingSoon · 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!

Categories
Apps/Tools Blog

Spoticalc – Spotify bandwidth usage calculator

Recently, we were wondering with a couple of friends how much data Spotify was sucking out of our cell phone data plans. I knew that with a 3GB/mo plan I could get away with most of my needs, but there was also streaming quality into the mix.

Categories
Apps/Tools

Contact 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.

Categories
Design UX/UI

DailyUI #012 E-Commerce Shop (Single Item)

This is the last Daily UI on the blog. As I’ll be posting them on Dribbble and Twitter. Fonts are Oswald and Lato.

Categories
Design UX/UI

DailyUI #011 – Flash Message

Flash Message (Error/Success)

Categories
Design UX/UI

Daily UI #010 – Social Share

Social Share This is the result: Definitely needs more love, but that was the work I could produce in the time I had. What is pictured here is a hover state on the Facebook marker. When hovered, it shows the share count. Same would happen on Twitter and Google+. Maybe later on I can dig into animating […]