Skip to content
xopixel.com — Home

XO PIXEL

Love For Design, Code & Tech

Login
shopping-bag0 items - $0.00
  • Home
  • About
  • Blog
  • Gallery
  • Contact
  • Store
  • Home
  • About
  • Blog
  • Gallery
  • Contact
  • Store
userMy account shopping-bagShopping bag
x

Search

Tag: tutorial

How To Choose Colors For Your Designs

How To Choose Colors For Your Designs

Hey, Pixels! This week I wanted to share with you how you can choose beautiful color palettes for your designs using some…

Design adobe xd color tutorial UI Design web design youtube Formats:
Clock4 min read
Animated Image Grid Layout HTML CSS

Animated Image Grid Layout HTML CSS

In this tutorial, I’m going to show you how to code an Animated Image Grid Layout that will look awesome on any portfolio website. This is a spin on one of my most loved tutorials: Responsive Animated Image Grid.

Code animation code css css grid css3 google fonts html html5 image grid tutorial video youtube Formats:
Clock6 min read
I’m Hosting the XD Daily Creative Challenge

I’m Hosting the XD Daily Creative Challenge

Hey, Pixels! If you follow me on any of my social media accounts (Instagram, Twitter, YouTube), you’ll know that I’ve been hosting…

Design adobe xd design Designer tutorial UI UI Design UX Design video web design youtube Formats:
Clock2 min read
Design & Prototype: Messenger Chat App in Adobe XD (Part 1)

Design & Prototype: Messenger Chat App in Adobe XD (Part 1)

Hey guys! I’m so excited to release this brand new series on how to create this bright user-friendly messenger chat app right…

Design Video adobe xd app app design design iOS iphone x messaging app tutorial UI UI Design video Formats:
Clock13 min read
Neon Light Text Effect CSS3

Neon Light Text Effect CSS3

View DemoDownload File Hey, Pixels! In this week’s video, neon-light-text-effect-css3.  This is super easy to create, so let’s jump right in. What…

Code code css css3 html html5 tutorial Formats:
Clock3 min read
Design and Code: Responsive Portfolio Website (Part 2)

Design and Code: Responsive Portfolio Website (Part 2)

Hey, Pixels! Welcome back to part 2 of this responsive portfolio website tutorial. If you haven’t watched Part 1, be sure to…

Code css css grid flexbox html tutorial UI web design youtube Formats:
Clock8 min read
Designing with Adobe XD: Design a Modern Blog UI

Designing with Adobe XD: Design a Modern Blog UI

Hey, Pixels! I’ve teamed up with Adobe XD this year to bring you an eight-part series on how to design a modern…

Design Video adobe xd design free tutorial UI UX UX Design video web design Formats:
Clock2 min read
Design a Fun Newsletter Signup Popup in Adobe XD

Design a Fun Newsletter Signup Popup in Adobe XD

Hey, Pixels! In this week’s video design tutorial, I’ll be showing you how to design a fun newsletter signup popup right in Adobe XD.

Gold adobe xd icons tutorial video web design Formats:
Clock3 min read
Responsive Portfolio Showcase JavaScript

Responsive Portfolio Showcase JavaScript

Hey, Pixels! In this week’s coding tutorial, I’ll be showing you how to create a responsive portfolio showcase using a bit of HTML, CSS, and jQuery.

Gold css3 html5 javascript tutorial video Formats:
Clock7 min read
Sophisticated One Page Portfolio Website Tutorial In Adobe XD

Sophisticated One Page Portfolio Website Tutorial In Adobe XD

Hey, Pixels! In this week’s video tutorial, I’ll be showing you how to design this sophisticated one-page portfolio website in Adobe XD.

Gold adobe xd portfolio tutorial video web design Formats:
Clock4 min read
Design A Space Themed 404 Error Page In Adobe XD

Design A Space Themed 404 Error Page In Adobe XD

Hey, Pixels! In this week’s video tutorial, I’ll be showing you how to design this really fun, space themed 404 error page in Adobe XD.

Gold adobe xd tutorial video web design Formats:
Clock2 min read
Simple Vertical Timeline

Simple Vertical Timeline

Hey, Pixels! In this week’s coding tutorial, I’ll be showing you how to create this simple vertical timeline. This timeline incorporates SVG images and cool CSS tricks!

Gold code css html tutorial video Formats:
Clock5 min read

Page navigation

1 2 3 4 Next

Gold Membership

Gain access to exclusive content, videos & graphic resources

Whether you’re a student wanting to be a better designer or a self-taught learner looking to learn something new, xo pixel membership is made for you. Become a member to learn, grow and get inspired by engaging members-only content and monthly freebies to use in your own design projects.

Join Today
xopixel-branding

Grow your love for design, code and tech! Our mission is to provide educational, creative and inspiring design, coding and tech content for enthusiastic learners online. Explore articles and video tutorials to become inspired and creative as you develop your digital skills.

Facebook Page - xo pixel YouTube Channel - xo pixel Twitter Profile - xo pixel Instagram Profile - xo pixel

Resources

  • My Favourite Products
  • Discount Codes & Deals

Quick Links

  • About
  • Contact
  • Join Gold Membership
  • Pitch An Article

Recent Posts

  • Design & Prototype Photo Editing App in Adobe XD (Part 2 of 2)
  • Design & Prototype Photo Editing App in Adobe XD (Part 1 of 2)
  • Design Agency Website Hero in Adobe XD (3D Illustration)
  • Create 3D Design Illustration in Adobe Dimension

Made with love in Toronto

Copyright © 2021 xo pixel. All Rights Reserved. Privacy Policy | Terms of Use | Disclaimer | Credits

Website by xo pixel creative

sponsored