Warning: The magic method Shapely_Related_Posts::__wakeup() must have public visibility in /home/samanthasoper/public_html/wp-content/themes/shapely/inc/class-shapely-related-posts.php on line 89
Warning: Cannot modify header information - headers already sent by (output started at /home/samanthasoper/public_html/wp-content/themes/shapely/inc/class-shapely-related-posts.php:89) in /home/samanthasoper/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1775
Warning: Cannot modify header information - headers already sent by (output started at /home/samanthasoper/public_html/wp-content/themes/shapely/inc/class-shapely-related-posts.php:89) in /home/samanthasoper/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1775
Warning: Cannot modify header information - headers already sent by (output started at /home/samanthasoper/public_html/wp-content/themes/shapely/inc/class-shapely-related-posts.php:89) in /home/samanthasoper/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1775
Warning: Cannot modify header information - headers already sent by (output started at /home/samanthasoper/public_html/wp-content/themes/shapely/inc/class-shapely-related-posts.php:89) in /home/samanthasoper/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1775
Warning: Cannot modify header information - headers already sent by (output started at /home/samanthasoper/public_html/wp-content/themes/shapely/inc/class-shapely-related-posts.php:89) in /home/samanthasoper/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1775
Warning: Cannot modify header information - headers already sent by (output started at /home/samanthasoper/public_html/wp-content/themes/shapely/inc/class-shapely-related-posts.php:89) in /home/samanthasoper/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1775
Warning: Cannot modify header information - headers already sent by (output started at /home/samanthasoper/public_html/wp-content/themes/shapely/inc/class-shapely-related-posts.php:89) in /home/samanthasoper/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1775
1.0Samantha Soperhttps://samanthasoper.comSamantha Soperhttps://samanthasoper.com/author/admin/Developer Tools: The Key to Speedy CSS | Samantha Soperrich600338<blockquote class="wp-embedded-content" data-secret="aX05qonpiw"><a href="https://samanthasoper.com/tips-and-tricks/developer-tools/">Developer Tools: The Key to Speedy CSS</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://samanthasoper.com/tips-and-tricks/developer-tools/embed/#?secret=aX05qonpiw" width="600" height="338" title="“Developer Tools: The Key to Speedy CSS” — Samantha Soper" data-secret="aX05qonpiw" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript">
/*! This file is auto-generated */
!function(c,d){"use strict";var e=!1,o=!1;if(d.querySelector)if(c.addEventListener)e=!0;if(c.wp=c.wp||{},c.wp.receiveEmbedMessage);else if(c.wp.receiveEmbedMessage=function(e){var t=e.data;if(!t);else if(!(t.secret||t.message||t.value));else if(/[^a-zA-Z0-9]/.test(t.secret));else{for(var r,s,a,i=d.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),n=d.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),o=new RegExp("^https?:$","i"),l=0;l<n.length;l++)n[l].style.display="none";for(l=0;l<i.length;l++)if(r=i[l],e.source!==r.contentWindow);else{if(r.removeAttribute("style"),"height"===t.message){if(1e3<(s=parseInt(t.value,10)))s=1e3;else if(~~s<200)s=200;r.height=s}if("link"===t.message)if(s=d.createElement("a"),a=d.createElement("a"),s.href=r.getAttribute("src"),a.href=t.value,!o.test(a.protocol));else if(a.host===s.host)if(d.activeElement===r)c.top.location.href=t.value}}},e)c.addEventListener("message",c.wp.receiveEmbedMessage,!1),d.addEventListener("DOMContentLoaded",t,!1),c.addEventListener("load",t,!1);function t(){if(o);else{o=!0;for(var e,t,r,s=-1!==navigator.appVersion.indexOf("MSIE 10"),a=!!navigator.userAgent.match(/Trident.*rv:11\./),i=d.querySelectorAll("iframe.wp-embedded-content"),n=0;n<i.length;n++){if(!(r=(t=i[n]).getAttribute("data-secret")))r=Math.random().toString(36).substr(2,10),t.src+="#?secret="+r,t.setAttribute("data-secret",r);if(s||a)(e=t.cloneNode(!0)).removeAttribute("security"),t.parentNode.replaceChild(e,t);t.contentWindow.postMessage({message:"ready",secret:r},"*")}}}}(window,document);
</script>
https://i0.wp.com/samanthasoper.com/wp-content/uploads/2017/02/Developer-Tools_header_v3.jpg?fit=1024%2C768&ssl=11024768Ask any front-end developer. In-browser developer tools are the key to speedy development and debugging. Additionally, they’re useful for HTML, Javascript, and many other languages. I’ll focus on the CSS benefits today. With the right dev tools, you can modify CSS and preview your changes in real-time before you commit them to your CSS file.Read More