Skip to main content

RoadMap for Drupal FE themer

RoadMap for Drupal FE themer


Css 

https://www.w3schools.com/css/

https://www.youtube.com/playlist?list=PLr6-GrHUlVf8JIgLcu3sHigvQjTw_aC9C


Javascript

https://www.w3schools.com/js/

https://www.youtube.com/playlist?list=PLsyeobzWxl7qtP8Lo9TReqUMkiOp446cV


jQuery

https://www.youtube.com/playlist?list=PL6n9fhu94yhVDV697uvHpavA3K_eWGQap

Modular jQuery

https://www.youtube.com/playlist?list=PLoYCgNOIyGABs-wDaaxChu82q_xQgUb4f


Sass

https://www.youtube.com/playlist?list=PLxpdCgKRilIEh0s3KufX1_INtlruRwguH

https://sass-lang.com/guide


Patternlab

https://patternlab.io/

https://www.youtube.com/watch?v=F0O3EaAFIqs&t=4s



Responsive web

https://zellwk.com/blog/how-to-write-mobile-first-css/


Build tool (gulp)

https://www.youtube.com/playlist?list=PLLnpHn493BHE2RsdyUNpbiVn-cfuV7Fos



Best Practices


https://cssguidelin.es/

https://sass-guidelin.es/

https://benfrain.com/the-ten-commandments-of-sane-style-sheets/

https://www.drupal.org/docs/develop/standards/css/css-architecture-for-drupal-8

https://css-tricks.com/bem-101/

https://www.sitepoint.com/bem-smacss-advice-from-developers/

http://smacss.com/


FE performance checklist

https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/



Drupal Theming


https://www.youtube.com/playlist?list=PLUBR53Dw-Ef818EUxzNoWKcQ7PYUXpFFA


Labels:
Location: Dehradun, Uttarakhand, India

Comments

Post a Comment

Popular posts from this blog

Check validity of one time login url by Drupal 7 Services module?

Create mytut_service.info and put following code in file. I am assuming you know how to create module. name = Mytut service description = My custom Service. package = Other core = 7.x dependencies[] = services dependencies[] = rest_server Put following code in mytut_service.module file. function mytut_service_services_resources() { $api = array( 'mytut_service_service' => array( 'operations' => array( 'retrieve' => array( 'help' => 'Retrieves story by nid', 'callback' => 'mycallback', 'access callback' => 'user_access', 'access arguments' => array('access content'), 'access arguments append' => FALSE, 'args' => array( array( 'name' => 'fn', 'type...
1 comment
Read more

Expense Tracking with Google Sheets

  Expense Tracking with Google Sheets: A Simple and Effective Solution Introduction I have tried numerous expense tracking apps and even Payzapp for keeping track of my monthly expenses. However, none of them quite met my requirements. Each app had its limitations, whether it was lack of customization, complicated interfaces, or simply not aligning with my personal finance management style. The Decision to Use Google Sheets Frustrated with the existing options, I decided to take a different approach and started tracking my expenses using Google Sheets. It turned out to be a simple yet powerful tool that perfectly fits my needs. Why Google Sheets? Customization : Unlike most apps, Google Sheets allows you to create and customize your tracking system. You can add any number of categories, columns, or even formulas to suit your specific needs. Accessibility : Google Sheets is available on all devices with internet access. Whether you’re on your phone, tablet, or computer, you can upda...
Post a Comment
Read more

Register user with profile fields using services module

This json format worked for me creating user with profile2 term reference fields in which multiple selection can be done. Below  profile_student_profile is term reference field with multiple selection. { "name":"oiu", "mail":"oiu@aol.com", "field_mobile_number":{ "und":{ "0":{ "value":"987393" } } }, "pass":"adsa", "field_requirement":{ "und":{ "0":{ "value":"vzxvczx" } } }, "field_gender":{ "und":"female" }, "field_class":{ "und":[ "12" ] }, "field_area":{ "und":[ "31" ] }, "status":1, "field_preferred_fee...
2 comments
Read more