Advertisement

HTML

Latest Posts
  • Web Design
    JavaScript
    Recreating the Touch Ripple Effect as Seen on Google DesignGoogle thumb
    Google's new design efforts are vast and justify a significant amount of conversation. But instead of talking about the theory of "Material Design" and the implications of Google's newest efforts, we're going to focus on an interesting technique Google has employed on their Design landing page.Read More…
  • Web Design
    Sass
    A Simple Responsive Grid, Made Even Better With SassGrid preview
    In this tutorial we're going to build a simple, responsive grid system using CSS. Once we're familiar with how it works, we'll improve it with Sass, learning some core Sass features along the way.Read More…
  • Design & Illustration
    Adobe Illustrator
    Tips for Getting a Web Design from Illustrator into the BrowserThumb
    Scenario: someone hands you an Illustrator document with their latest web layout and it's your job to convert it into working HTML and CSS. How do you do that? Let's take a look.Read More…
  • Web Design
    Email
    Creating a Simple Responsive HTML EmailEmail new rwd thumb
    In this tutorial I will show you how to create a simple responsive HTML email which will work in every email client, including all the new smartphone mail clients and apps. It uses minimal media queries and a fluid width approach to ensure maximum compatibility.Read More…
  • Web Design
    HTML
    Getting Started With the Structured Data Markup HelperCog icon retina
    In one of our previous articles I explained how you can add structured data to your web pages via microdata, microformats or RDFa. Google recently launched a tool to help with this task, called the Structured Data Markup Helper, and this article will help you understand its various features.Read More…
  • Web Design
    HTML
    Quick Tip: Remember to Style Your ALT TextPreview alt
    The alt attribute within an <img> tag provides alternative content for users who can't download images, or who have images turned off altogether. We use this attribute all the time to make our content more accessible, but have you ever considered what it actually looks like?Read More…
  • Web Design
    CSS
    Build a Responsive Pricing Table with Neat Hover StatesCss pricing tables retina
    During this tutorial we'll be creating a sleek pricing table with some striking hover effects. We'll use Lea Verou's Prefixfree script to keep our CSS clean, plus we'll make the whole thing responsive, shifting the layout at a couple of breakpoints.Read More…
  • Web Design
    S.E.O.
    Quick Tip: Use “x-default hreflang” for International Landing PagesSeo international retina
    Google recently introduced the new x-default hreflang annotation. Thanks to this markup, webmasters can specify international landing pages. Google will use this information to display the most relevant page in the search results.Read More…
  • Web Design
    CSS
    Quick Tip: Create a Stack of Paper With a Single ElementPaper preview
    Today we're going to do something really simple (but effective) with CSS. We're going to take a single div element, then style it to emulate a stack of paper, as popularized by Orman Clark.Read More…
  • Web Design
    S.E.O.
    Take Control of Your Social SnippetsSeo social preview 2
    Social signals are becoming increasingly important in the world of SEO. Facebook shares, Tweets and Google +1s have reached such volume that they have potential to be a great measure of content quality. This is why search engines have started to consider these signals when they rank web pages.Read More…
  • Web Design
    Site Elements
    Quick Tip: Give Your Website an iOS Home Screen IconNew waffle
    With more mobile web users than ever, it's important to keep your branding strong. Let's go one step further than the standard favicon and help your website stand out by creating icons for use on iOS and Android home screens.Read More…
  • Web Design
    S.E.O.
    Optimizing Images for SEOPreview
    One of the easiest ways to optimize the content of a page is to focus on the images. Most pages contain images, whether they be photographs, illustrations or icons. With a few simple tweaks they can help your ranking and get you some extra visitors.Read More…
Advertisement
Advertisement