To create the custom module in Drupal 8 we have to follow the below steps:- Custom module folder structure custom field for content type modulename – modulename/src — modulename/src/Controller — modulename/src/Controller/ModulenameController.php — modulename/src/Plugin — modulename/src/Plugin/Field — modulename/src/Plugin/Field/FieldFormatter — modulename/src/Plugin/Field/FieldFormatter/FieldFormatter.php — modulename/src/Plugin/Field/FieldType — modulename/src/Plugin/Field/FieldType/Fieldname.php — modulename/src/Plugin/Field/FieldWidget — modulename/src/Plugin/Field/FieldWidget/FieldWidget.php -modulename/modulename.info.yml -modulename/modulename.module -modulename/modulename.routing.yml -modulename/modulename.info.yml ———————————————- -modulename/modulename.module ————————————— -modulename/modulename.routing.yml

Read More
How to make Animated css with @keyframes

CSS Animations - CSS animations is used to create the animation without JavaScript, Jquery and Flash. CSS and the HTML code is generated animations.
Animation Properties: animation, animation-delay, animation-direction, animation-duration,animation-fill-mode. animation-name: @keyframes name.
Example : @-webkit-keyframes color-change { 50% { background:red;} 100% { background:green;} }
animation-name:color-change;
animation-duration: Animation complte in time. ( defined in seconds(s) or milliseconds(ms))
Example : animation-duration:8s;

Read More
Difference between CSS and CSS3

The full form of CSS is Cascading Style Sheets. CSS describes how HTML elements are to be displayed on browsers screen, or in other media browsers screen. It can control the layout of multiple web pages all at once. External stylesheets are stored in CSS files. CSS3 is the latest version of the CSS language. CSS3 is divided into many different documents called Modules. Every module adds new capability or […]

Read More
Difference between HTML and HTML5

There are lots of difference between HTML and HTML5. HTML5 is the new version of HTML. HTML5 is more power full and easy than HTML, It have lot of new tags like <article>, <header>, <footer>, <nav>, <audio>, <video> etc. HTML5 added the new Form tags <datalist>, <keygen>, <output> etc. HTML5 support Vector Graphics also, new graphic elements are <svg> and <canvas>. New multimedia tags <audio> and <video> are integral part […]

Read More

“Unknown collation: ‘utf8mb4_unicode_ci’”. This issues occurs if you’re attempting to migrate from MySQL version 5.5.3+ to an older database. The utf8mb4 is new encoding type was introduced in MySQL version 5.5.3. In older version of MySQL, the character set named utf8 that uses a maximum of three bytes per character and contains only BMP characters, whereas utf8mb4 are stored as 4 bytes, thus allowing for compliance with more Unicode characters. […]

Read More