This week, I’ll be showing you how to create this split screen layout that also features a nice zoom out animation with CSS3. A creative spin on the trendy split screen layout. This responsive layout is made with the latest flexbox techniques and simple CSS3 animation.
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.
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.
It’s holiday season, Pixels! I wanted to make a special holiday gift guide for you. My holiday gift picks feature some of my favorite design, code, and tech items that I felt would make great gifts for you to give to your loved ones.