The best of <time>s (Article updated to correct some typos noticed by commenters, and clarify some aspects.) Avid HTML5 watchers will know that the <time> element was dropped from HTML, then re-instated, with more New! Improved! semantics. As before, you can put anything you like between the opening and closing tags – that’s the human-readable bit. Previously, you could only mark up precise dates. Now, “fuzzy dates” are possible: <time datetime="1905"> means the year 1905<time datetime="1905-11"> means November 1905<time datetime="11-13"> means 13 November (any year)<time datetime="1905-W21"> means week 21 of 1905 As before, times are expressed using the 24 hour clock. You can localise times, as before. <time datetime="09:00Z"> is 9am, UTC. Durations In New! The datetime attribute “D” for days, “H” for hours, “M” for minutes and “XQ” for seconds. You can separate them with spaces (but you don’t have to). Alternatively, you can use a duration time component. pubdate
How to Use YouTube Live Streaming to Boost Your Exposure Did you know you can broadcast LIVE on YouTube in a few simple steps, right from your webcam? This is great news for businesses. Imagine what this could do for you or your brand! YouTube is a social media heavyweight, so you should give live broadcasting on this popular platform careful consideration for your social media marketing plan. Keep reading to find out why you should consider live streaming on YouTube. The Google+ Back Door to Live YouTube Broadcasting Regular readers of Social Media Examiner will remember Mike Delgado’s excellent article “Google+ Hangouts On Air: What Marketers Need to Know.” Here we’re going to look deeper into the power and position that your business can achieve by using these same features to publish on YouTube. The popular web series GeekBeat.TV (part of the Revision3 Network) does a live show almost every Friday afternoon that broadcasts on YouTube. YouTube Opens a Whole New World for You Why should you care about getting your videos on YouTube?
A Super-Quick Guide to Building a Website The business of building your own website may seem a bit daunting, but we've outlined some of the key steps to make it a simpler, more streamlined process. Whether you're starting a personal blog or designing a site to go along with a product or business, these tips are sure to help you through the task. Take on your piece of the Internet with our guide on everything from picking a platform to copyrighting a domain name. Choose a platform — First and foremost, you should research and decide on an appropriate site platform. Want even more detailed how-tos on creating your perfect corner of the Internet? Source: Flickr user Marisa Vasquez Creating a Mobile-First Responsive Web Design Introduction We're going to walk through how to create an adaptive web experience that's designed mobile-first. This article and demo will go over the following: There is even more up to date responsive guidance on our new Web Fundamentals site. Why we need to create mobile-first, responsive, adaptive experiences How to structure HTML for an adaptive site in order to optimize performance and prioritize flexibility How to write CSS that defines shared styles first, builds up styles for larger screens with media queries, and uses relative units How to write unobtrusive Javascript to conditionally load in content fragments, take advantage of touch events and geolocation What we could do to further enhance our adaptive experience The Need for Adaptivity As the web landscape becomes increasingly complex, it's becoming extremely important to deliver solid web experiences to a growing number of contexts. However, mobile context is much more than just screen size. View the demo Structure Style Less JS
Google Plus SEO: The Ultimate Google+ SEO Guide This comprehensive Google+ SEO guide covers every aspect and angle of Google+ and how it impacts search. My normal TL;DR has been replaced with a Google+ SEO Best Practices section located at the bottom of this post. I will be periodically updating this post (updated January 23, 2012) as things inevitably change. Please don’t hesitate to comment or contact me with observations or when certain features change. Google+ Search Most of the attention is on the integration of Google+ in Google search results. Google+ Search Facets Google+ search queries return results with a standard selection of facets. Sometimes Google selects these facets for you. You can select certain types of content using what I call the content facet. This is all pretty self explanatory. Here you can select what universe of results you want to search. At present you can search for Google Check-ins in certain cities. Google+ Search Results The actual results are a live stream of Google+ content. Occupation is not used. Yup.
Top 3 Reasons Nobody Comments on Your Blog via @BadRedheadMedia Blogging By Rachel Thompson, Published July 12, 2012 Have you ever tried to get more people to read and comment on your blog? If so, you know how difficult it can be! Many people read but don’t comment, stay only for a mere thirty seconds before moving on, or RT or share without ever visiting at all (which is lovely but we’re wanting more comments, too. So…what to do? Many people have found success using different types of methods – incentives, contests, some kind of tease. Let’s deconstruct. If you’re looking for a quick, easy fix to bring droves of people to read and comment on your blog, I’ll tell you now: there is no magic bullet. Make sure your blog is easy to find. Okay.
Getting Started Most webmasters are familiar with HTML tags on their pages. Usually, HTML tags tell the browser how to display the information included in the tag. For example, <h1>Avatar</h1> tells the browser to display the text string "Avatar" in a heading 1 format. However, the HTML tag doesn't give any information about what that text string means—"Avatar" could refer to the hugely successful 3D movie, or it could refer to a type of profile picture—and this can make it more difficult for search engines to intelligently display relevant content to a user. Schema.org provides a collection of shared vocabularies webmasters can use to mark up their pages in ways that can be understood by the major search engines: Google, Microsoft, Yandex and Yahoo! 1. 1a. Your web pages have an underlying meaning that people understand when they read the web pages. 1b. itemscope and itemtype Let's start with a concrete example. To begin, identify the section of the page that is "about" the movie Avatar. Back to top 1d.
Google Plus marketing Improve your Google Plus marketing with our hub page.. Although launched end June 2011, Google Plus is the fastest growing social network ever, so it’s worth keeping a close eye on even if many of the early adopters are people like us! 3 Social Media Tips and Tools to Organize, Implement, & Monitor Success Working in the marketing department for any sized organization takes organization, dedication, innovation, and standardization. BIA/Kelsey estimates that digital marketing spending among small and midsize companies will reach $16.6 billion annually by 2015. As online marketing budgets grow there is more room for testing and implementing search and social media tools that will help streamline processes and monitor results. With all the moving pieces involved in creating a successful online marketing program, it is easy to get caught up in the thrill of testing and purchasing new products and software tools meant to make your life easier. Over the past few years I’ve experienced selecting tools the right way, and the wrong way. Organization I don’t know about you, but organization does not come naturally to me. Tool: Google Docs If you’re like me and work for an organization that centers around collaboration I have found this simple and inexpensive (free) tool to be a great asset.
A Beginner's Guide to Using the Application Cache Introduction It's becoming increasingly important for web-based applications to be accessible offline. Yes, all browsers can cache pages and resources for long periods if told to do so, but the browser can kick individual items out of the cache at any point to make room for other things. HTML5 addresses some of the annoyances of being offline with the ApplicationCache interface. Using the cache interface gives your application three advantages: Offline browsing - users can navigate your full site when they're offline Speed - resources come straight from disk, no trip to the network. The Application Cache (or AppCache) allows a developer to specify which files the browser should cache and make available to offline users. The cache manifest file The cache manifest file is a simple text file that lists the resources the browser should cache for offline access. Referencing a manifest file To enable the application cache for an app, include the manifest attribute on the document's html tag:
Google+: The Complete Guide Using Google+? Add Mashable to your circles. You'll get the latest about new Google+ features and tips and tricks for using the platform as well as top social media and technology news. Guide updated January 18, 2012 Google+: It's the hot social network on the block. In just a few months, Google's competitor to Facebook and Twitter has amassed more than 40 million users, and its growth hasn't stopped. Google+, however, isn't the easiest thing to understand. A recent change new and old Google+ users should take note of is Search Across Your World launched on Jan. 10, 2012. Now Google can pull search results from your Google+ friends and material from other Google+ users whom you don't follow who have related content labeled public. We will continuously update this guide as new initiatives such as the Search Across Your World are started, further integrating Google+ into the Google ecosystem. So, without further ado, here is Mashable's complete guide to Google+: What Is Google+? Profile Photos