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

  • Develop Debugging Skills with Chrome Dev Tools and Debug Keyword
  • Achieving Advanced DOM Manipulation with jQuery Chaining Methods
  • Customized Landing page for your browser using JavaScript
  • A Basic Calculator App as an Extension to Google Chrome Browser
  • How to write jQuery code for developing toggle search bar

Recent Snippets

  • How to strip HTML tags in JavaScript
  • Develop word counter application with the help of JavaScript
  • Disabling right-click to avoid content copying in one line
  • Remove whitespace between HTML tags in drupal 8/9 twig templates
  • Copy to clipboard functionality using JavaScript in one line
JS - jQuery

Must Read

  • 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
  • How to create a progress bar using JavaScript

Recent Blogs

  • How to use local storage in javaScript
  • How to Install react app with their node packages on Ubuntu 22
  • Develop Debugging Skills with Chrome Dev Tools and Debug Keyword
  • Fetch using for Get method in JavaScript
  • How to use local storage in javaScript

Recent Snippets

  • How to strip HTML tags in JavaScript
  • Converting string to int in javascript
  • Generating random numbers in javascript
  • How to write single & multi line comments in web technologies
  • How to strip HTML tags in JavaScript
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

  • Create a custom entity in Drupal 8/9 using drupal-console
  • All the possible ways to install a module in Drupal 8/9
  • Delete All Entities (node, user, term) by specific conditions in Drupal 8/9
  • How to Create Entities (node, user, term) programmatically in Drupal 8/9
  • How to unpublish nodes using cron in drupal 8/9

Recent Snippets

  • Drupal 8/9 programmatically create a user entity
  • Drupal 8/9 programmatically create a link that opens in new tab
  • Get current active user roles, uid in drupal 8 and drupal 9
  • Attach an asset library to a specific page in drupal 8/9
  • Drupal 8/9 attach an asset library in a Twig template

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

Dedicated and skilled Drupal Frontend developer with 1+ years of experience creating visually appealing and user-friendly websites. HTML/CSS, JavaScript, and Drupal expert with an emphasis on designing accessible, responsive designs.

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
flexbox
GRID
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