A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.
One-line version to paste in your DevTools
Use $$ if your browser aliases it:
~ 108 byte version
| <div class="row"> | |
| <div class="oc-uses clearfix"> | |
| <ol> | |
| <li> | |
| <p>To learn more about how social media companies enforce their terms of service.</p> | |
| </li> | |
| <li> | |
| <p>To understand how content takedown and account deactivation practices affect the lives and work of individuals in different parts of the world.</p> | |
| </li> | |
| <li> |
| -<section class="dark-blue-bg page-title-wrapper"> | |
| - <div class="container"> | |
| - <h1> Further Readings </h1> | |
| - </div> | |
| -</section> | |
| - | |
| -<div class="container readings-page"> | |
| - | |
| - <div class="dark-blue-bg box"> | |
| - <div class="row"> |
| <div class="white-box"> | |
| <div class="row"> | |
| <div class="col-md-10"> | |
| <div class="privacy-section"> | |
| <h2> Section Title </h2> | |
| <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tristique facilisis bibendum. Duis dictum, justo ac egestas accumsan, est magna porta nunc, at ultricies elit urna nec eros. Etiam arcu velit, posuere sed ante quis, placerat mattis ipsum. Vestibulum rhoncus ex quis nibh ornare, ut eleifend justo mollis. Vivamus pretium nunc non ante commodo, nec varius ligula sollicitudin. Nam id pulvinar sem. Suspendisse. </p> | |
| </div> | |
| <div class="privacy-section"> |
| <div class="white-box"> | |
| <div class="row"> | |
| <div class="col-md-6"> | |
| <h2> Why Submit? </h2> | |
| <p> | |
| OnlineCensorship.org exists in order to provide an independent source of | |
| information on how social media platforms are governing spaces for discourse | |
| online. By crowdsourcing user-generated data on content removals, account | |
| suspensions and appeals, we hope to provide actionable information that can |
| <div class="col-md-6 image-wrapper"> | |
| <img src="http://oc.thaberhq.com/assets/post-image-575d63d42f29018b0b0b85eec3d42335.png"> | |
| </div> | |
| <div class="col-md-6 col-md-offset-6"> | |
| <div class="post-content"> | |
| <p> | |
| OnlineCensorship.org is a project of the Electronic Frontier Foundation and Visualizing Impact. It was founded in 2012 by Ramzi Jaber and Jillian C. York, both of whom had begun to notice posts disappearing from their friends’ Facebook pages. |
| <section class="dark-blue-bg page-title-wrapper"> | |
| <div class="container"> | |
| <h1> Frequently Asked Questions </h1> | |
| </div> | |
| </section> | |
| <div class="container faqs-page"> | |
| <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> | |
| RewriteEngine on | |
| RewriteCond %{REQUEST_FILENAME} !-f | |
| RewriteRule ^([a-z]+)/([^/]*)$ resize.php?size=$1&file=$2 |
| <?php | |
| // requires php5 | |
| define('UPLOAD_DIR', 'images/'); | |
| $img = $_POST['img']; | |
| $img = str_replace('data:image/png;base64,', '', $img); | |
| $img = str_replace(' ', '+', $img); | |
| $data = base64_decode($img); | |
| $file = UPLOAD_DIR . uniqid() . '.png'; | |
| $success = file_put_contents($file, $data); | |
| print $success ? $file : 'Unable to save the file.'; |
| <!DOCTYPE html> | |
| <html lang=""> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>SVG Icon</title> | |
| <style> | |
| .hide { |