IE Alert

  • Posted By: Jason Taetsch
  • ...

Unfortunately, there is no way to enforce that all users of the Internet properly update their software to comply with the latest web standards. Spending hours and hours writing code only to have it fail in older browsers can turn any development project into a nightmare. Politely ask your visitors to upgrade their browser with the IE Alert plugin by David Nemes. IE Alert includes a jQuery-designed modal box that appears for any visitor to your site that are still using legacy browsers such as Internet Explorer 6, 7 and 8 that cannot handle the interactive features of your webpage that take advantage of the latest web standards and programming languages.

 

Periodic Table of HTML5

  • Posted By: Jason Taetsch
  • ...

With over 100 different elements currently employed in the HTML5 standard, having a cheat sheet of all the available tags and attributes can save even the most dedicated of developers valuable time when mocking up a project. The Periodic Table of HTML Elements by Josh Duck conveniently organizes all the available tags in a familiar format right out of science class. The table puts each element in a category based on their usage, from the various table elements, to forms and metadata to images, video and other embedded multimedia content.  Click on an element for a quick summary of its usage and intended function. The table also includes a URL-specific scanning feature that allows you to see which HTML elements used the most on a specific website.

 

HTML5 Periodic Table

LinkedIN Maps

  • Posted By: Jason Taetsch
  • ...

As the saying goes, it’s not what you know but who you know that really matters. The rise of Social Media into the workplace has digitized the fine art of networking.  LinkedIN Maps released by the team over at LinkedIN Labs provides you with a visualization of the relationships between the connections in your professional world.  The map allows you to zoom in on each connection to get an idea of the different relationships between your various contacts. The map includes a useful labeling feature that organizes the contacts in your professional network. Click on a contact on the map for a brief summary of their current title, education and past work experience.

 

LinkedIN Maps

Facebook Cover Photo Template

  • Posted By: Jason Taetsch
  • ...

The introduction of the “Timeline” profile is one of the most drastic and somewhat controversial of the numerous Facebook updates over the years. While the new layout is loathed by some traditionalists, it offers Facebook users and especially brands a creative way to customize their profile or Facebook Page with a header image dubbed the “Cover Photo.” The team over at Inspiration feed put together this useful guideline of the cover photo that gives a pixel-by-pixel map of the Facebook profile image and cover photo, giving designers an specific tool for taking advantage of the cover photo.

 

CSS Grid

  • Posted By: Jason Taetsch
  • ...

CSS Grid provides a customizable layout that is capable of handling up to 12 columns of content for a given webpage. The grid is designed to fit seamlessly into a 1280 monitor and automatically readjusts for smaller monitors and browser windows. Images will be shrunk to fit the width of columns. The fluid widths are even capable of adapting to mobile and tablet browsers, making your content available on as many screens as possible. The code is tested to work for Chrome, Safari, and Firefox as well as IE7 & IE8. The team at CSS Grid includes an explanation of the HTML and CSS markup as well as a Photoshop Template of the code so it can be implemented into current projects with minimal adjustments.