Advertisement
Latest Posts
  • Web Design
    Applications and Tools
    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/CSS
    Quick Tip: Remember to Style Your ALT TextQuick tip alt retina
    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
    HTML/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
    HTML/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
    HTML/CSS
    Responsive Navigation: Toggle Patterns - New on PremiumNav patterns preview
    Welcome to the third in a Premium series which looks at responsive navigation patterns. This tutorial will walk you through three patterns where navigation is toggled on and off to conserve space at the top of the page. It's time to stop copying and pasting - check out today's Premium tutorial and start understanding!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…
  • Web Design
    HTML/CSS
    Quick Tip: Don't Forget the optgroup ElementPreview2
    One popular navigation design pattern for the responsive web is collapsing your website's navigation into a select menu. However, representing hierarchy or categorical distinctions in select elements often leads to butchered HTML with manual hyphens and lots of &nbsp; spaces. In this tutorial we'll introduce you to a somehwat obscure HTML tag called optgroup which will provide you with an easy (and semantic) way of grouping related content in select menus.Read More…
  • Web Design
    S.E.O.
    Meta Tags and SEOSeo meta preview
    Much is misunderstood when it comes to the effect meta tags have on search engine rankings. Some tags were frequently used in the past, but have since lost their power. So which tags are still useful for SEO and which aren’t?Read More…
  • Web Design
    Complete Websites
    Adaptive Blog Theme: Single Post MarkupCss5 preview
    In the screencasts leading up to this point we've been building the homepage of our theme. Let's now turn our attention to the single post page, beginning with some markup.Read More…
Advertisement