{"id":2440,"date":"2015-04-27T13:14:30","date_gmt":"2015-04-27T13:14:30","guid":{"rendered":"http:\/\/www.sitekickr.com\/blog\/?p=2440"},"modified":"2015-04-27T13:14:30","modified_gmt":"2015-04-27T13:14:30","slug":"web-developer-tips-april-2015","status":"publish","type":"post","link":"https:\/\/www.sitekickr.com\/blog\/web-developer-tips-april-2015\/","title":{"rendered":"Web Developer Tips April 2015"},"content":{"rendered":"<p>Web development is a constant learning experience. If you go a single day without learning something new, it&#8217;s likely because you got stuck in meetings!<\/p>\n<p>In the past, I&#8217;ve written in detail about some of the tips I&#8217;ve picked up, but there really hasn&#8217;t been an avenue (other than Twitter) to publish quick pearls that don&#8217;t quite warrant a complete article.<\/p>\n<p>My goal will be to do this on a weekly basis, which means I&#8217;ll be happy to do it monthly! So here we go:<\/p>\n<ol>\n<li><strong>Validating HTML\u00a0<\/strong>An often unconsidered reason to validate your HTML &#8211; it\u00a0can parse and render faster in the browser than invalid HTML.<\/li>\n<li><strong>HTML E-Mail<\/strong> Using the actual link as anchor text will cause some email clients to flag the email as a scam.<\/li>\n<li><strong>SSL Certificates<\/strong> Use Google Calendar to remind yourself when to update SSL certificates. Don&#8217;t rely on provider emails. I fell victim to this a couple weeks ago!<\/li>\n<li><strong>Cron Jobs<\/strong> They&#8217;re not just for utility scripts. You can leverage them to background things that a user doesn&#8217;t need to wait for. Sending conformation emails, for example.<\/li>\n<li><strong>CSS<\/strong> I started adding\u00a0<code>outline: none;<\/code> to my CSS reset rules. It makes the UI more consistent between browsers.<\/li>\n<li><strong>Colorbox <\/strong>ColorBox has been my go to lightbox for years. I recently discovered that it isn&#8217;t responsive by default. Use <code>maxWidth: '90%', maxHeight: '90%'<\/code> to make it more responsive.<\/li>\n<li><strong>CSS<\/strong> For many layout requirements, I&#8217;ve been shifting away from the first-child pseudo in favor of the next sibling selector, i.e.<br \/>\n<code>span + span { border: ...; }<\/code><br \/>\nas opposed to<br \/>\n<code>span { border: ...; } span:first-child { border: 0; }<\/code><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>A few takeaways from my web development experiences this month. CSS, HTML and more.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"amp_status":""},"categories":[262],"tags":[],"_links":{"self":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/2440"}],"collection":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/comments?post=2440"}],"version-history":[{"count":1,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/2440\/revisions"}],"predecessor-version":[{"id":2441,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/2440\/revisions\/2441"}],"wp:attachment":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/media?parent=2440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/categories?post=2440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/tags?post=2440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}