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 prototypes.
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:
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.
- Playfair Display for main header.
- Lato for copy.
Today’s design challenge is about settings.
I created a modal and threw in a few checkboxes.
Font used: Lato.
Here’s design challenge #006:
Font: Open Sans.
Foto credit: https://flic.kr/p/avUWXP
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 found a better font. Roboto looks very clear on the display but a bit too thick for the buttons.
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 than two hours.
I started up designing a landing page for a fake music app, but I realized I lacked that concept in which to base ideas.
So, I took a shortcut and redesigned the home screen from Clementine Player. Which let’s just say it needs a bit more love.
Here’s the result:
Font used: Dosis.
This was my first iteration. Which doesn’t make me exceptionally proud:
At least I think there’s still noticeable evolution.
Feedback is welcome.
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, wp-sync-media-files, to sync also, well, media files. But there are more.
- GitHub Repo: https://github.com/wp-sync-db/wp-sync-db
- Website: http://wp-sync-db.github.io/
- WP Sync DB GH Page (repo and more plugins): https://github.com/wp-sync-db