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
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
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.
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:
How to Make B2B Content More Shareable Janet Aronica is the head of marketing for Shareaholic, makers of content sharing and discovery tools for publishers. Keep up with Shareaholic on the Shareaholic blog and follow Shareaholic on Twitter @Shareaholic. When it comes to creating content for a company blog, “if you build it they will come” is not the right mantra. Smart social media promotion of your content is key, and it’s almost as important as creating the content itself. That said, copying and pasting the same old thing to every social network — or worse, automating it — isn’t an effective strategy. Twitter Headlines: You only get one shot at a first impression. Pinterest Brand Your Visual Content: Our data shows that in June 2012 Pinterest actually sent more traffic to websites than Bing, StumbleUpon, Twitter, and Google referrals. Facebook Optimize Page Elements: Facebook pulls in several parts of your blog when posting a share. Google+ Tagging: Tag others in your Google+ shares when it’s appropriate.
Dive Into HTML5 Using an Editorial Calendar for a More Successful Copywriting Strategy Popular Today in Business: All Popular Articles Over the last year at Spindle Tree I’ve helped businesses involved in language tuition, social media, bookkeeping and others develop content for their websites, blogs and networking minutes. My approach is pretty much the same with each client and each project, I ask 3 basic questions: What do you want the end result to be? Most clients can answer the first two questions easily. 2012 will be the year that organizations realize the value of original content over content curation, according to Joe Pulizzi, and I believe he’s absolutely right. The plan that you need is an editorial calendar. Creating an editorial calendar Most importantly… Don’t forget to put your editorial calendar somewhere where you can see it and be reminded of what needs doing and when. Here’s a freebie! Download your editorial schedule template now! Your turn What tools do you use to organise your content and plan ahead?
Introducing HTML5 Resource Center Many developers are now using HTML5 to build apps. It is easy to develop for and it works across a number of different platforms, with minimal or no code change. You can code in something as simple as Notepad, and instantly see it come to life in the browser on your desktop, phone, or tablet. Today we are releasing three new HTML5 resources to help developers learn from our experience and the experience of other industry leaders building HTML5 apps: HTML5 Resource Center helps you build, test, and deploy your web app.HTML5 Blog covers a wide range of HTML5 topics written by Facebook and industry experts.HTML5 Developer Group is the place for raising questions and sharing insights with fellow HTML5 developers. What HTML5 Really Means Technically, HTML5 is a World Wide Web Consortium (W3C) specification. Cross-Platform, Cross-Device Today almost every device, including phones, tablets, computers, and even TVs has a browser. A practical example of this is the web app Words with Friends.