The essential news about content management systems and mobile technology.
Powered by Joocial, XT Search for Algolia, and SlimApps.

Exploring Templates Hacks .inspect-me { border: 1px dashed red; padding: 1em; display: inline-block; } .my-class { border: 1px dashed red; padding: 1em; display: inline-block; background-color: #dcdcdc; } .success { background-color: #28cd41; } .warning { background-color: #ffbb00; } .cdt-inl { border: none; max-height: 1em; vertical-align: middle; padding: 0; margin: 0; width: auto; position: unset; } .video-tutorial { padding: 10px; } p { text-align: justify; } .gist .gist-meta { display: none; } .video-tutorial { height: 0; position: relative; width: 100%; padding-bottom: 56.25%; } .video-tutorial iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

Do you know that you can inspect a html element, pre-apply styling on your site or adding and removing html block without having to write it out in a file beforehand? Have you ever wanted to know what stylish font was used on a certain website? or the text color used for that title? or what is the dimension of an image displayed? Yes, all these actions can be done in most of the latest browsers nowadays.

Read more