Hey, Pixels! In this week’s tutorial, I’ll be showing you how to design a Music Genres UI in Adobe XD. A common UI in many music player apps is the area in the app where you can find music based on the different genres of music you wish to hear.
In this week’s tutorial, I’ll be showing you how to design your very own interactive app prototype in Adobe XD. The design for this app is minimalistic and modern.
If you’re a regular XO PIXEL blog reader, you already know how much I love and use Adobe XD when I’m designing my website mockups. Now, I’m going to be giving you an engaging look at the prototyping software.
This week I’ll be showing you how to create a Responsive Animated Image Grid. This image grid has a really nice subtle animation effect when the mouse hovers over each image box.
Step aside Photoshop—we can now create a text clipping mask right in our web browsers with a little bit of code. This cool knockout text effect will look awesome on any website.
When you’re creating your mockups in Photoshop, it’s important that your workspace is set up so that everything you need is within reach.
This week, I’ll be showing you how to create an awesome style guide for your website. We’ll explore why they’re important and how they can help improve your web design process.
In this weeks tutorial, I’ll be showing you how to create a really simple responsive navigation menu with HTML5 & CSS3. We’ll also be using media queries to help make the menu responsive so it can be used on any mobile device.
In this weeks video tutorial, I will be showing you how to finish coding a responsive one-page portfolio website with CSS3. Be sure to check out part 1 of this tutorial to see how we started coding the website with HTML5.