It’s been a while since I started giving regular WordPress classes and workshops. Recently, I was approached by the Skillshare platform who encouraged me to build an online course around WordPress. Saying yes was definitely not an easy decision, but I finally decided to give it a try. Build and Customize a Modern WordPress Front […]
I’ll show you how to generate a map and add markers using our location icons (you can also use your own if you wish). We’ll discuss improving user experience and browsers inconsistencies. Enjoy!
Let’s celebrate the summer time! In this css tutorial we discuss one more fancy hover effect. We use :after pseudo-elements with custom data-attributes and css transitions. At the same time we feature the beautiful Summer Icon Pack by vector4free. Enjoy!
In this tutorial, I will present you my alternative solution to the select form tag. It’s css-only and it looks really nice. We will use a list of radio elements, styled as a drop-down list, that will look and behave similarly to the select element.
In this tutorial we will play a bit with icon fonts.
Besides other advantages, this technique provides an easy way to have your icons look crisp on retina displays. We’ll use a custom set of social icons generated with IcoMoon App. We will use css3 transitions and pseudo-elements to add a fancy effect on hover.
We got used to standard grids and clear horizontal and vertical axes. No wonder that the eye-catching layouts based on the diagonal lines have become one of the recent trends in web design. In this tutorial we will create a very simple diagonal thumbnails gallery.
We will use css3 2D-transforms and pseudo elements to display the diamond-shaped elements with a background image.
In this tutorial we will use css3 3D transforms to create a contact form that mimic a regular letter. You’ll have to flip the envelope, note your (sender’s) coordinates on its back lid, open the envelope, unfold the paper and write your message.
In this tutorial we will create a simple elegant intertwining pattern. We’ll make it as a repetitive seamless pattern and save it as a pattern swatch in Illustrator.