Quick Hit #14 | CSS-Tricks

Your email address will not be published. Mandatory fields are marked *

comment * </p> <p class="comment-form-author"><label for="author">name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required="required"/></p> <p class="comment-form-email"><label for="email">e-mail <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" required="required"/></p> <p class="comment-form-url"><label for="url">website</label> <input id="url" name="url" type="text" value="" size="30" maxlength="200" autocomplete="url"/></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes"/> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p> <p class="antispam-group antispam-group-q" style="clear: both;"> <label>Copy and paste this code: <strong class="antspmpro-input-a">miku</strong> <span class="required">*</span></label><br /> <input type="hidden" name="antspmpro-a" class="antispam-control antispam-control-a" value="micuno"/><br /> <input type="text" name="antspmpro-q-luwele" class="antispam-control antispam-control-q" value="4.1"/> </p> <p class="antispam-group antispam-group-e" style="display: none;"> <label>Leave this field empty</label><br /> <input type="text" name="antspmpro-e-email-url-website-luwele" class="antispam-control antispam-control-e" value=""/> </p> <p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"/></label><input type="hidden" id="ak_js_1" name="ak_js" value="127"/></p> </form></div> <p>[ad_2]<br /> <br /><a href="https://css-tricks.com/quick-hit-14/">Source link </a></p> </div> <div class="post-text-bottom"> <span class="cat-links">Posted in <a href="https://hellokashifsohail.com/category/technology/" rel="category tag">Technology</a></span><span class="byline"> by <span class="author vcard"><a class="url fn n" href="https://hellokashifsohail.com/author/kashinaat07gmail-com/">kashinaat07@gmail.com</a></span></span><span class="tags-links">Tags: <a href="https://hellokashifsohail.com/tag/csstricks/" rel="tag">CSSTricks</a><a href="https://hellokashifsohail.com/tag/hit/" rel="tag">Hit</a><a href="https://hellokashifsohail.com/tag/quick/" rel="tag">Quick</a></span><div class="social-share"><span>Share:</span> <a class="share-btn share-btn-facebook" title="Share on Facebook"><i class="fab fa-facebook"></i></a><a class="share-btn share-btn-twitter" title="Share on Twitter"><i class="fab fa-twitter"></i></a><a class="share-btn share-btn-linkedin" title="Share on Linkedin"><i class="fab fa-linkedin"></i></a><a class="share-btn share-btn-reddit" title="Share on Reddit"><i class="fab fa-reddit"></i></a><a class="share-btn share-btn-pinterest" title="Share on Pinterest"><i class="fab fa-pinterest"></i></a></div> <script type="text/javascript"> jQuery(document).ready(function ($) { $('.social-share').rrssb({ title: 'Quick Hit #14 | CSS-Tricks', url: 'https://hellokashifsohail.com/quick-hit-14-css-tricks/', }); }); </script> </div> </div> </div><!-- #post-625 --> </div> </div> <!-- col end --> </div> <!-- row end --> </div> <!-- container end --> <!-- container --> <div class="container-fluid"> <!-- row --> <div class="row"> <!-- col --> <div class="col-lg-12"> <div id="comments" class="post-comments"> <div class="form-comment content-box"> <div id="respond" class="comment-respond"> <div id="reply-title" class="title comment-reply-title"><div class="title_inner">Write a comment <small><a rel="nofollow" id="cancel-comment-reply-link" href="/quick-hit-14-css-tricks/#respond" style="display:none;">Cancel Reply</a></small></div></div><form action="https://hellokashifsohail.com/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><div class="group-val ct-gr"><textarea placeholder="Comment" id="comment" name="comment" aria-required="true" >