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: css

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
Free HTML & CSS Cheat Sheets (Revised & Updated)

Free HTML & CSS Cheat Sheets (Revised & Updated)

Revised & Updated These free HTML and CSS cheat sheets are back and better than ever before. Now updated with the latest…

Freebies code css css3 free html html5
Clock2 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
XO PIXEL Website Redesign 2018

XO PIXEL Website Redesign 2018

The new XO PIXEL redesign is finally here! After several weeks of designing and developing the new theme, I’m so glad to…

Design Video code css css3 design html html5 UX Design video web design wordpress Formats:
Clock5 min read
One Page Portfolio HTML Template

One Page Portfolio HTML Template

Download this free one-page portfolio template to showcase all of your creative projects!

Freebies css free html
Clock1 min read
Modern Social Media Follow Buttons CSS3 & SVG

Modern Social Media Follow Buttons CSS3 & SVG

Hey, Pixels! In this week’s tutorial, I’ll be showing you how to make these modern social media follow buttons that feature SVG icons. These buttons would look perfect on a blog or general website.

Gold css css3 icons social media SVG video Formats:
Clock5 min read
Use Font Smoothing For Better Web Typography

Use Font Smoothing For Better Web Typography

Here’s a neat CSS trick that can dramatically improve the readability of your website!

Code code css css3 typography
Clock1 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
Typing Effect Animation CSS3

Typing Effect Animation CSS3

View DemoDownload File In this week’s tutorial, I’ll be showing you how to code a cool CSS3 typing animation effect. This really…

Code animation css css3 Formats:
Clock2 min read
10 Easy Ways To Speed Up Your Website

10 Easy Ways To Speed Up Your Website

We’re living in a fast-paced world where speed is everything—especially online. Web users are becoming more intolerant of slow loading times. Even…

Code Tech css database html
Clock5 min read
Flexbox Action Grid HTML5 CSS3

Flexbox Action Grid HTML5 CSS3

In this week’s tutorial, I’ll be showing you how to code an action grid using the flexbox layout—a quick and easy way to create a responsive grid layout on any website with CSS3.

Code Video code css css3 html html5 youtube Formats:
Clock6 min read

Page navigation

1 2 3 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 & Code: Dropdown Menu Components in Adobe XD (Part 1)
  • The Best UX: Disney Plus vs. Netflix
  • Responsive Website Design in Adobe XD
  • How to Create a Color Palette – UX Design

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