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 +… Read more HTML0 – A starting point for front-end design
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… Read more A Front-end design workflow (Jul 2016)
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!
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.
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.
This is the last Daily UI on the blog. As I’ll be posting them on Dribbble and Twitter. Fonts are Oswald and Lato.
Flash Message (Error/Success)
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… Read more Daily UI #010 – Social Share
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.