• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Ani's Webdev Blog

A learning diary of website development

  • Home
  • Demo
    • Ajax Contact Form
  • WordPress
  • Front-end
  • Backend

Blog

[CSS] 5 Useful mixins for SASS

Modified on: July 4, 2020

sass

Some useful mixins for sass that can be used to faster build your project.

Filed Under: Front-end Tagged With: animation, bootstrap, css, scss

[CSS] Make equal-height Bootstrap columns and vertically align content with Flexbox

Modified on: July 4, 2020

css set bootstrap columns equal height using flexbox

In this post, let’s see how to make columns in a row from Bootstrap to have equal height no matter how much content is inside.

Filed Under: Front-end Tagged With: bootstrap, css, scss

[PHP] Get rid of multi-layered if-else nested conditions

Modified on: July 4, 2020

So after a time learning and practicing, I realized there are some ways to get rid of multi-layered if-else nested conditions.

Filed Under: Backend Tagged With: clean code, code refactoring, php

WordPress: How to make the functions.php less messy

Modified on: July 4, 2020

make functions.php less messy

I have been working with WordPress for a while and one thing that irritates me is that the functions.php contains a lot of codes. This makes the file looks messy and hard to follow. Check out from here some methods to improve this.

Filed Under: Backend, Featured, Wordpress, WordPress Themes Tagged With: clean code, code refactoring, php

Simple slide up and fade text animation with CSS3 [Code + Demo]

Modified on: July 4, 2020

In this post, we will make a simple slide up and fade text animation with CSS3 and HTML.

Filed Under: Front-end Tagged With: animation, css, html

[CSS] Simple parallax [Code + Demo]

Modified on: July 4, 2020

This code implements a simple parallax section with only CSS, no Javascript needed. The idea is that an image will be set as the background image of a section with fixed position, so that when people scroll down, the image stays fixed.

Filed Under: Featured, Front-end Tagged With: bootstrap, css, html

  • « Go to Previous Page
  • Go to page 1
  • Go to page 2
  • Go to page 3
  • Go to page 4
  • Go to page 5
  • Go to page 6
  • Go to page 7
  • Go to Next Page »

Primary Sidebar

Hi! I am a Vietnamese coder living in Oulu, Finland. Currently I am working with PHP, MySQL, HTML, CSS, and JavaScript. This blog is my learning diary, in which I share knowledge from my own experience or research. Hopefully you can find something useful here and don’t hesitate to open a discussion or leave a feedback!

FOLLOW MY BLOG

Thank you for visiting this website! I hope you find something useful here :). Contact me by email: anh@anhkarppinen.com.