Music Player Today’s design challenge is a music player. That task alone could take months of work, so I decided to do a mini-player for the desktop. It features a big album cover and some basic controls. Here’s the result:
404 page I really like jazzy 404 pages. However, I also like them to be straight to the point and very lightweight. Also, I think the “404” code adds absolutely nothing to the user, so I scratched that from the main copy. Fonts used Playfair Display for main header. Lato for copy.
Settings Today’s design challenge is about settings. I created a modal and threw in a few checkboxes. Font used: Lato.
User Profile. Here’s design challenge #006: Font: Open Sans. Foto credit: https://flic.kr/p/avUWXP
App Icon Here’s the result:
Calculator Here’s friday’s design challenge: a calculator. I definitely wanted to polish this a bit further, but I think at this stage I’ve learned quite a bit in the process. I designed it in Sketch so I gained a bit of knowledge of the tool, also used some mockups for OS X components. I wish I had […]
Landing Page (above the fold) That was today’s hint. It proved to be more challenging than previous ones. One of the reasons is because you need to think of a whole concept in which to base your design. A landing page is something that can take hours or days to do right, and I did this in less […]
For today’s entry the task was create a Credit Card Checkout form. This is my design, inspired by creditcard.js: Any feedback is welcome.
This is just a big heads-up to every WordPress developer out there, just to let them know that syncing a development/staging database doesn’t have to be a nightmare. There’s this plugin called WP Sync DB which works like magic. As a reader also suggests, WP Sync DB also has plugins that build upon the main funcionality. For example, […]
Daily UI launched with the purpose to help you “Become a better designer in 100 days.” Each day, you receive a small brief to design something. You do it. You publish it on Dribbble/Twitter using the #dailyUI hash. You get some feedback. You (hopefully) improve your skills. Easy, right? Lately I’ve been trying to improve my design skills, […]
Update 2019: This no longer works due to Instagram constantly updating it’s generated HTML. Update 02/08/2016: Updated the code to work with the latest version of Instagram. Remember, only works on photo detail page, like this. Does this look familiar? If you right-click on any Instagram photo from their web app you get this context […]
I love static* websites. They’re usually faster to develop, smaller, require no database or backend and are faster to load. Of course they require more work to maintain and tweak at first, but if you’re a developer, these things should be pretty entertaining or at the very least, straightforward. There are many options out there for building […]
Or “Roman Mars: Why city flags may be the worst-designed thing you’ve never noticed.” This is a great talk on (flag) design by Roman Mars, at TED.
A few weeks ago, along with Pablo Massa, we launched Portada, a web app to read news from multiple sources. The Problem The problem we were trying to solve is that local news sites are mostly hard to read, hard to skim through and cluttered with ads. Also, it would be cool to have all news sources in […]
Mat Marquis warns on the performance impact of the CSS property text-rendering: optimizeLegibility, on this great article: text-rendering: optimizeLegibility is Decadent and Depraved
A few weeks ago I noticed my Mac was running a bit low on disk space. It didn’t surprise me, since I have loads of RAW photos that take up massive amounts of space, and it’s a 256GB box. However, since it hit around 15GB I’ve been keeping an eye on it. Since then, I’ve seen […]
Faviconit is a web app that simplifies the tedious work of creating HTML to implement a favicon on your website. You upload an image file of at least 310px and it spits favicons for all devices and resolutions. Check it out: Faviconit
Vagrant is great to isolate a development environment inside a VM. However, after a while you can find you have a bunch of heavy VMs that share the same characteristics, each one for a simple PHP project. Enter Laravel Homestead In these cases, you can safely use Laravel Homestead. Homestead is a Vagrant box pre-configured with an Nginx web […]
Today I was bored checking someone’s Linkedin profile page when a friend mentioned that that person was going to know that I visited it. I thought, that’s weird, Linkedin doesn’t tell me who visited my profile. After a while going through settings, I notice theres an option that lets you hide that information. It’s worth mentioning that it works […]
Recently someone told me this great and simple trick on how to run an HTTP web server with just one command line. This is useful for a million things, but I use it for prototyping and avoid same-origin policy in Chrome.