Skip to main content

User account menu

  • About Us
  • Log in
Log in
Mycode.blog website logo
category-icon
HTML - CSS

Must Read

  • Develop Debugging Skills with Chrome Dev Tools and Debug Keyword
  • How to write jQuery code for developing toggle search bar
  • Maximising Your Website's Performance, Avoid These HTML Pitfalls
  • How to create a progress bar using JavaScript
  • CSS Guidelines for Becoming a Top-Notch UI Developer

Recent Blogs

  • How to implement search functionality for table data with jQuery
  • Best practice for choosing and styling fonts, Tips & Tricks
  • Maximising Your Website's Performance, Avoid These HTML Pitfalls
  • How to Use CSS Positioning to Create Dynamic Web Layouts
  • How to create a smooth popup with pure CSS

Recent Snippets

  • jQuery toggle class method with active color for menu's
  • How to write media queries using jQuery for embedded iframe data
  • Drupal 8/9 How to add custom HTML(markup) field in the form
  • CSS nth-child selector for the series occurrence of an element
  • How to close drop-down on external click of it's container
JS - jQuery

Must Read

  • How to create a progress bar using JavaScript
  • Develop Debugging Skills with Chrome Dev Tools and Debug Keyword
  • The predefined Rules for Writing & Using JavaScript Functions
  • How to write jQuery code for developing toggle search bar
  • How to create a progress bar using JavaScript

Recent Blogs

  • Build cross platform applications using Electron JS with example
  • Drupal 8/9 Ajax with jQuery on Views Infinite Scroll
  • Drupal 8/9 Ajax with jQuery on Views Infinite Scroll
  • How to Install react app with their node packages on Ubuntu 22
  • How to create a progress bar using JavaScript

Recent Snippets

  • Generating random numbers in javascript
  • Auto form submission when checkbox is selected using jQuery
  • How to disable back scroll when the popup is active with jQuery
  • How to filter an array and objects using JavaScript
  • Submit form only if the search box is not empty using jQuery
Drupal

Must Read

  • How to Create Entities (node, user, term) programmatically in Drupal 8/9
  • List of form element types in Drupal 8/9
  • Command-line tools & useful commands for Drupal developers
  • How to install Linux, Nginx, MySql, Php(LEMP) stack in Ubuntu
  • A Beginner's Guide to Custom Theme Development in Drupal 8/9

Recent Blogs

  • Drupal 8/9 Ajax with jQuery on Views Infinite Scroll
  • Drupal 8 and its features
  • Features of Drupal 9
  • Unleashing Full Potential of Drupal 10, A Feature Overview
  • How to customize Template suggestions for Drupal 8 entities

Recent Snippets

  • Drupal 8/9 Add or Remove the number of fields dynamically using Ajax Form API
  • How to change the front page title programmatically in Drupal 8/9
  • How to render taxonomy term field value in node.html.twig in Drupal 8/9
  • Drupal 8/9 to get a text from a URL in the Twig Template
  • How to fix the max execution time error in Drupal 8/9?

Main navigation

  • Blogs
  • Snippets

Mobile menu

  • About us
  • Blog
  • Code Snippet
Profile picture for user manoj

Manoj

Follow menu-icon
Software engineer at VolkoTech Solutions

Drupal Developer

Drupalorg Github

Feed

    • All
    • Blog
    • Code Snippet
  • menu icon
    • Recent
    • Popular
grid vs flexbox banner image
Blog bookmark-iconAdd to read list

Using CSS Grid and Flexbox to Create Responsive Web Pages

  • HTML
  • CSS
manoj
manoj, Credit to volkotech-solutions May 12
css transitions banner image
Blog bookmark-iconAdd to read list

How to Add Transitions to Elements and Create a simple transitions

  • HTML
  • CSS
manoj
manoj, Credit to volkotech-solutions May 04
flexbox vs grid banner image
Blog bookmark-iconAdd to read list

How to build a Responsive page by using Flexbox and CSS grid

  • HTML
  • CSS
manoj
manoj, Credit to volkotech-solutions Apr 03
banner hover image
Blog bookmark-iconAdd to read list

Collection of all the CSS3 hover effects you'll ever need

  • HTML
  • CSS
manoj
manoj, Credit to volkotech-solutions Mar 27
scroll banner image
Blog bookmark-iconAdd to read list

How to Implement Scroll-Triggered Animations using CSS3

  • HTML
  • CSS
manoj
manoj, Credit to volkotech-solutions Mar 24
ensure text banner image
Blog bookmark-iconAdd to read list

Ensuring text legibility against different background colors

  • HTML
  • CSS
manoj
manoj, Credit to volkotech-solutions Mar 24
color values banner image
Blog bookmark-iconAdd to read list

How to Choose the Right CSS Color Values in Web Design

  • HTML
  • CSS
manoj
manoj, Credit to volkotech-solutions Mar 20
color values banner image
Blog bookmark-iconAdd to read list

How to Use CSS Transparent color to Create Unique Effects

  • HTML
  • CSS
manoj
manoj, Credit to volkotech-solutions Mar 17
position banner image
Blog bookmark-iconAdd to read list

How to Use CSS Positioning to Create Dynamic Web Layouts

  • HTML
  • CSS
manoj
manoj, Credit to volkotech-solutions Mar 16
navbar banner image
Blog bookmark-iconAdd to read list

Design a sticky Navigation using the CSS position property

  • HTML
  • CSS
manoj
manoj, Credit to volkotech-solutions Mar 15
color scheme banner image
Blog bookmark-iconAdd to read list

How to Use Color Theory to Create an Eye-Catching Web Design

  • HTML
  • CSS
manoj
manoj, Credit to volkotech-solutions Mar 14
Blog bookmark-iconAdd to read list

Understanding and Implementing the Flex Properties

  • HTML
  • CSS
  • flexbox
  • Cheatsheets
manoj
manoj, Credit to volkotech-solutions Mar 14
Blog bookmark-iconAdd to read list

How to Use Flexbox Layouts for Effective Web Design

  • HTML
  • CSS
  • flexbox
  • Cheatsheets
manoj
manoj, Credit to volkotech-solutions Mar 13
banner image
Blog bookmark-iconAdd to read list

Design a sticky sidebar using the CSS position property

  • HTML
  • CSS
manoj
manoj, Credit to volkotech-solutions Mar 11
Blog bookmark-iconAdd to read list

Exploring basic concepts in features of flexbox layout

  • HTML
  • CSS
  • flexbox
  • Cheatsheets
manoj
manoj, Credit to volkotech-solutions Mar 09
Blog bookmark-iconAdd to read list

How to use css flexbox Layouts to improve user Experience

  • HTML
  • CSS
  • flexbox
manoj
manoj, Credit to volkotech-solutions Mar 07
Blog bookmark-iconAdd to read list

How to Use Grid Layouts for Effective Web Design

  • HTML
  • CSS
  • GRID
  • Cheatsheets
manoj
manoj, Credit to volkotech-solutions Mar 01
Blog bookmark-iconAdd to read list

Exploring basic concepts in features of grid layout

  • HTML
  • CSS
  • GRID
  • Cheatsheets
manoj
manoj, Credit to volkotech-solutions Mar 01
Blog bookmark-iconAdd to read list

The Essential Cheat Sheet for Understanding Grid Properties

  • HTML
  • CSS
  • GRID
  • Cheatsheets
manoj
manoj, Credit to volkotech-solutions Feb 28
grid template column image
Blog bookmark-iconAdd to read list

How to Use Grid Based Layouts to Improve User Experience

  • HTML
  • CSS
  • GRID
manoj
manoj, Credit to volkotech-solutions Feb 27
  • Load More

Topics

HTML
CSS
Cheatsheets
GRID
flexbox
JavaScript

mycode-blog logo

Developers blogging community to share tech blogs and code snippets.

Company

  • About us
  • Careers
  • Contact us
social:
  • twitter icon
  • facebook icon
  • linkedin icon
  • email icon
up-arrow

Terms and Services

  • Terms & conditions
  • Privacy policy

Copyright © 2021

Site map

  • Site map