I use the Chrome Developer Tools daily. Something I noticed today when finally upgrading my production browser is that the “Resources” tab I use so often was GONE!!! AHHH… Fortunately a quick search revealed that they had made some changes and the same resources can be found on the “Application” tab. Phew! (Tip: Install Chrome […]
Archive | Web Design
Embedded Social Buttons Cheat Sheet
I just went through the process of adding follow buttons for my social media accounts to my website (WillCoffin.com) and thought it would be useful to compile a list of all of the resources I used. They are not the prettiest all lined up next to each other, but it works for now until I […]
Understanding Website Load Speeds : Waterfall Charts
Google has put up a really useful video on their developer portal explaining how to properly use waterfall charts to understand page load times and how to use them to optimize your website. Anyone developing websites should understand how to utilize this powerful tool. The Original Post: https://developers.google.com/live/shows/779042419 Testing Tool: http://www.webpagetest.org/
Custom YouTube Embeds
Google provides some hidden settings for customizing your YouTube videos, you can see the full documentation here. The following is a quick overview of the most relevant settings. URL formatting: Google’s preferred method of embedding videos is now iframes opposed to the oEmbed code, so the formatting for your settings will look like this: “Google’s Provided […]
Design Resource: HTML 5 Cheat Sheets
I have been designing and developing websites for a while now but there are still some HTML 5 tags that I forget about and need to reference on occasion. I normally just hit up google or w3schools.com but sometimes its nice to have a physical referece on my desk when I have been our of practice […]