Skip to main content

Posts

Emmet Cheatsheet

 Emmet Cheatsheet  Pdf link
Recent posts

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-tric

Front End Best practices links

Front End Best practices Following are the links which explains the best practices to write more maintainable, scalabale and optimized code.  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/

Drupal 7 Send HTML Emails having token in it

Recently i got a requirement to send HTML emails on user registration, site developed using Drupal 7. Following are the module i used to send HTML mail SMTP   Link described here to configure MIME mail   Link to theme mime mail But i wanted to use token which shown below in body I wrote a simple module to alter the body of html and insert token it it . Module is available on github Repository URL :  https://github.com/ashishsingh1331/sneharts_common.git look for " register_no_approval_required " key

Change picture mapping conditionally according to field value drupal 7

Hi Drupalars, Recently i got a task  "to provide an option in paragraph item to display a image grid 3 by 3 or 2 by 2" 3 by 3 grid 2 by 2 grid Adding conditional classes was fairly easy for each case , which is achieved by following code /** * Implements hook_preprocess_entity(). */ function YOURTHEME_preprocess_entity(&$variables) { if (!empty($variables['elements']['#entity']->field_show_50_50)) { if ($variables['elements']['#entity']->field_show_50_50['und'][0]['value'] == "1") { $variables['classes_array'][] = 'show-50-50'; }; } if (!empty($variables['elements']['#entity']->field_show_100)) { if ($variables['elements']['#entity']->field_show_100['und'][0]['value'] == "1") { $variables['classes_array'][] = 'show-100'; };

Drupal 7 integration with nodejs for realtime notificaiton

At the end of this blog you will be able to broadcast a real time notification to all loggedin user. As shown below I assume you know 1. how to setup drupal on your local machine 2. how to use drush 3. npm installed, if not refer  installing npm Step 1. Go to root of your drupal project and run following commands drush dl nodejs drush en -y nodejs nodejs_config nodejs_notify nodejs_actions nodejs_subscribe Here we are installing necessary modules. Step 2. Nodejs server required . To download run following commands git clone https://github.com/beejeebus/drupal-nodejs.git cd /var/www/drupal-nodejs npm install cp nodejs.config.js.example nodejs.config.js open the "nodejs.config.js" file in editor. Step 3. Open following url in browser. YOUR_VIRTUAL_HOST/admin/config/nodejs/js This will open configuration builder  UI. It will look like Exact configruation which worked for me * This configuration file was built us

Apache solr query from custom module !

    $solr = apachesolr_get_solr();     $role_to_search = 4;     $query = array('q'=>'entity_type:user AND ts_role:'.$role_to_search);     $params = array(         'start'=>0,         'rows'=>5,         'fl'=>array('label','entity_id','sm_image_uri_field_user_image')     );     return $solr->search($query,$params);