You can browse an extensive library of user created examples or create your own by starting a new “pen.” As you write your code, the preview updates instantly so you can see the results in real time. It is a simple, elegant, and highly effective way to test ideas or refine your skills.

If you work with front end code or enjoy experimenting with web design, give CodePen a try: http://codepen.io

The post CodePen.io: A Powerful Online Editor for HTML, CSS, and JavaScript appeared first on Joshua Bellendir.

This helps prevent common mistakes such as clicking the browser’s back button, closing a tab by accident, or navigating away before submitting a form. When the module detects that a user is working on a node, it displays a confirmation message that alerts them that their unsaved work will be lost if they continue.

It is a very useful module, although it took some digging to find. By sharing it here, I hope others who run into the same issue can discover it more easily. With only a few hundred sites using it today, this tool deserves much more visibility.

You can explore the module here:
https://www.drupal.org/project/node_edit_protection

The post Drupal Pop Up Confirmation on Node Edit or Add Pages appeared first on Joshua Bellendir.