January 13th, 2012

Avoiding Typer’s Block: Post Formatting

Last week we typed out a post about how to continually come up with blog topics for posts if you are on a tight blogging schedule.  This week we are going to continue on that track and talk about how formatting a post can not only help turn an idea into a full blown post but it can also help make the post more desirable for readers (and search engines at times).  As a Denver marketing company we have come to terms with each of these steps and their benefits and embrace them. Denver Marketing

 

  1. A 5 step program: For some reason people like numbered posts.  There has probably been research done on the thought process behind why people do, but we don’t have that.  We simply know that if you can sit down, look at your article idea and put 5 steps to it, not only will it give you more paragraphs to talk about, it will be something that a reader enjoys to see. (It doesn’t have to be 5, it can be 2, 3, 4, even 10 or 12 whatever fits for the post.)
  2. Bulleted Points: Obviously 5 steps doesn’t solve everything.  However blog posts typically have some structure to them.  If you can pull key thoughts out, elaborate on them and highlight them this will expand your post rapidly. The unique thing about  bulleted points (and more so of bolding) it makes the post look different.  A change in text size and boldness can actually be detected by search engines and those phrases can be chronicled as the key topics for the post.  This also helps with readers knowing what to share about the post and remembering what they read from it.
  3. Typing with an end in mind: Bloggers can be creative (that’s right, give yourself a pat on the back) but that creativity can get the best of us.  A great blog topic comes to mind, however it’s way too elaborate to fit into one post.  This is when you sit down, brainstorm, and determine how to get the topic out in a clear and concise message (all the while expanding the amount of posts you are developing).  All the sudden a blog idea that seems impossible has turned into a six part blog series.
  4. Pairing like concepts: The exact opposite of the last point, sometimes there is a blog idea but you can only think of 100 words.  If you can’t implement one of the first three strategies then employ this one.  This happens often when we write posts, if we aren’t typing with the end in mind, then we are pairing like concepts.  A great example of this comes from our PR Principles blog series when we wrote about both Video News Releases and Micro-blogging.  In the PR world both of these are just starting so the information on them is very limit.  So we simply combined them under the PR Principles umbrella.
  5. Examples: Sometimes there is a complex concept that doesn’t need to be expanded upon into multiple points however it needs to be explained.  This is where you can take a fun topic that you enjoy blogging about and make the complex become simple.  We did this when we wrote out our Inbound Marketing for Business series.  We used everyday social media examples to help understand deeper subjects.

We have provided with five different ways to format a post in order to get the most from it, if you have any more suggestions please leave them in the comments below!

 

Denver MarketingHow about a cool web site?

Now that we have discussed ways to expand blog posts and make them top notch how about some information on how to have a top notch web site?

Download Now

October 25th, 2011

HTML5: Resources

In case you have missed it, we’ve been looking into HTML5 for a few weeks now.  First, we gave you an overview, then we did a little bit of brainstorming and showcasing the many faces of HTML5 for use in website design and internet marketing.  As we discussed previously, HTML5 is up-and-coming (and already seen in action around the web).  HTML5 is a tool that you, as a web developer, should be (at the very least) thinking about using.  To help get you started, today we will go over some valuable HTML5 resources to help you gain the HTML5 knowledge you need to make your website great!

Let’s get started…

HTML5 Cheat Sheet by Smashing Magazine: This downloadable .pdf includes all of the HTML5 tags and information on them, including compatible HTML versions, the tag attributes, and a little information on the tag’s purpose and capabilities.

Simple HTML5 Demos: We have shown you some pretty fancy things that HTML5 can do, but these demos are on the simpler (though still quite impressive) side.  These demos include things such as editable content, drag and drop features, video, and geolocation features of HTML5.

W3 Schools HTML5 Tutorial: A chapter-by-chapter guide of the history, elements, and applications of HTML5.  This tutorial is great for those who want the basics laid out step by step.

The HTML5 Doctor: A blog designed to help developers with HTML5 troubleshooting.  Posts are catered around mistakes commonly made in HTML5 and how to fix them, as well as focuses on certain attributes of HTML5.

HTML5 Gallery:  Pretty self-explanatory, this site is an online display of various sites using HTML5.  All the sites are pretty visually pleasing and should give you some good ideas for your own website!

HTML5 Infographic: Another “cheat sheet”-like page, this infographic gives you a quick run-down on the capabilities of HTML in terms of elements, browsers, and in comparison to Adobe Flash.

Coding an HTML5 Tutorial from Scratch by Scratching Magazine: A very simple, to-the-point tutorial on building a basic webpage with HTML5.  Yet another great way to get acquainted with HTML5!

HTML Living Standard: If you’ve got the time to get in-depth, this frequently updated “living standard” of HTML has all the ins, outs, and in-betweens of the latest version of the language.

Canvas Element by Dev.Opera: An excellent explanation of how HTML5 works to create Javascript graphics with the canvas element.  This is one element of HMTL5 that offers a great array of creative possibilities for spicing up your website design!

The WHATWG Blog: Need to stay up-to-date?  This blog offers frequent updates on the going-ons of the web world and the newest breakthroughs with HTML5.

In conclusion, we hope we have given you a good toolbox to begin your HTML5 adventure with!  Get started, and we hope to see you soon around the HTML5 Gallery!

 

Free e-Book: Website Fundamentals

Free e-BookYou have a website, but is it getting found? Find out what you need to know about website fundamentals in our free e-book.

Download Now

October 19th, 2011

HTML5: Our Ideas to Help You

A couple of weeks ago, we gave you an overview of HTML 5.  Today, we want to give you some more big ideas to help you use HMTL 5 in conjunction with CSS3 and Javascript techniques for catering Denver Website Design to your advantage!  In turn, this should help you optimize your Denver marketing tactics.

So, let’s talk ideas and capabilites.

First off, panoramic imaging.  That’s right, with CSS3, Javascript, and HTML5, you can build your own panoramic VR screen.  What this means is that you can stitch together a series of images to create a panoramic image that can be scrolled through as though you were spinning around in a circle.  If you’re confused, see this Safari Technology Demo.  Now, let us note that CSS3 is the main coding language used to help build a VR on your webpage.  However, HTML5 helps make it possible to upload and exist!  Normally, software to create Quicktime VRs of panoramic stitched images can cost hundreds of dollars.  However, with some research on coding, and some trial and error, you can create VRs for free.  VRs are great for any sort of visual marketing.  Being that a VR image is very interactive, especially if your image creates interesting content, viewers will be drawn in to navigating around an eye-catching VR image.  VR images are great for real estate sales (a virtual tour around a house), and would also make an excellent addition to marketing for restaurants, hotels, etc. (i.e. “here you can see our restaurant’s beautiful mountainside view, and private dining room.”)

Secondly, the capability to build iPhone apps with HMTL5.  According to some, digital marketing is moving more and more towards the great realm of mobile marketing.  We think that’s good news: new opportunities, new mediums, new technology platforms.  However, to make our classic marketing techniques effective, we are going to have to adapt a little bit.  A great example of HTML5 use for a webpage that works on an iPad is the Every Time Zone app.  This app is designed to convert your current time zone to another time zone of your choice.  Pretty handy when you’re traveling back and forth with two, three, or eight hour time differences.  The developers also released an article on the app, which you can view here.  The article explains some problems that the developers ran into and how they ran about encountering them and using HTML5′s features to the iPad’s advantage, including:

  • using a ‘touch’ event whenever possible, and ensuring that these events could apply to iPad touch capabilities as well as a desktop or laptop browser mouse.
  • not using images
  • avoiding some CSS3 add-ons such as text-shadow and box-shadow

Lastly, we would like to point out that HTML5 can offer a whole new realm of animation capabilities.  For a great example, see this project: CanvasMol.  This is an interactive HTML5 animation that builds molecules, which is incredibly intricate and cool!  Normally, we would assume that to make something of this magnitude you need Flash or Processing.  However, with HTML, it is possible to build projects like CanvasMol and The Attractor.

So, what are our main points that you can brainstorm ideas around today?  HTML5 can go mobile, can be interactive, and can animate without an imaging program.  If you haven’t started using HTML5 yet…what are you waiting for?!

Free e-Book: Social Media for Business

Free e-BookYou have a website, but is it getting found? Find out what you need to know about social media for business in our free e-book.

Download Now

October 5th, 2011

HTML5: An Overview

HTML, introduced to the world wide web in the early 1990s, has continued to change with the times.  Features and compatibility have been added with each version; tweaking and simplification has taken place.

Let’s get down to the basics: HTML5 is a web language that is an upgrade from HTML4 and XHTML1, which have been the previous and current languages of choice for website pages.  HTML5 also offers much more in the realm of device compatibility than previous HTML versions: that is, HTML5 works better on mobile devices than its predecessors.  HTML5 documents can also include XML syntax when XML elements and media types are defined in the coding.

Now, what does HTML5 have to offer for you in terms of Denver website development?  Let’s go over some of the changes from HTML4, as well as brand-new features of HTML5:

  • new tags such as <video> and <audio>, which allow for better graphic and multimedia content handling
  • in addition to video capabilities…the ability to load videos prior to page loading
  • the elimination of some HTML4 elements such as <font> and <center> that are easily definable with the use of CSS3
  • new attributes of the input element that allow for the listing of time, date, number, range, color, etc.
  • the elimination of frame and frameset tags that have (in the past) hindered usability across online platforms
  • several APIs, including one that allows for the use of offline web applications
  • cool new features for elements, such as the ability for viewers to add their own content to an element
  • an output element that allows viewers to do things such as math equations, or allows for the identification of the viewer’s mouse coordinate points on the screen
  • features for the use of web storage, and storage-mapping capabilities
HTML5 Resources
  • So, you are probably interested to see some of these features in the flesh…or, on the screen in our case.  HTML5 Studio has compiled some excellent examples of what HTML5 is capable of!  Be sure to check them out for a little inspiration, not to mention general amazement.
  • Apple Developer offers more eye candy in the form of a Safari demo showcase that includes a lot of HTML5 use.
  • If you’re interested in forum-style discussion of one of the newest versions of web-language out there, Chronium HTML5 is a great resource to connect with others and share ideas.

So, take a look at some of those resources and start coming up with some ideas.  How can you make your Denver website design more efficient and interesting?  In our next post of the HTML5 series, we will help you brainstorm!

Free e-Book: Social Media for Business

Free e-BookYou have a website, but is it getting found? Find out what you need to know about social media for business in our free e-book.

Download Now

September 27th, 2011

Web Fonts and Your E-Marketing Plan

Lately, we’ve been talking a lot about web fonts.  Since you now have some background on this great new tool that Google has developed for web designers everywhere, it’s time to apply that knowledge to meet your Denver marketing needs.  To be a little more specific, we’re honing in on the key aspects of successful e-marketing techniques.  With so many tools and transactions available via the world wide web, it’s important to realize that online marketing is valuable, or even vital, to business.  Now, you are probably wondering how can web fonts help you successfully add value to your product or service when incorporated into your online marketing plan.  Luckily, we have a few ideas to help get you started!

First, let’s talk subscriptions.

In terms of subscriptions over the internet: email newsletters, blog RSS feeds, and more, it’s important to be able to differentiate your material from the countless number of other emails and syndicated material your customers are receiving on a daily basis.  Obviously content is important.  However, another differentiation technique lies in the aesthetic aspects of your newsletter or blog feed.  Photographs, or graphics of any sort, add interest.  Web Fonts could also be extremely useful in helping your company stand out.  A unique font could really help with brand awareness if the font helps build a visual identity for your company that makes it memorable to both first-time and fifty-eigth time customers, as well as any potential customers out there.

Second, let’s talk versatility with mobile devices.

If your current Denver internet marketing plan does not include an extension to mobile devices (smart phones in particular), it might be time to consider incorporating this into your plan-of-action.  Last week, we touched on the versatility of Web Fonts to transfer over to mobile devices, and discussed that Web Fonts are able to optimize typeface appearance in accordance with the user’s device.  This means Web Fonts are very versatile or all aspects of your e-marketing plan.  You can choose a token web font not only for your visual identity and parts of your website, but also to use on a particular smart phone app that you have created to encourage business.

Lastly, going global.

As we mentioned before, Web Fonts is available in quite a few languages.  The reaches for online marketing are truly limitless, and that is what’s so great about it!  Billboards and advertisements can be posted around various cities, but online advertisements and newsletters can reach people worldwide quickly and easily.  Sticking with our previously discussed theme of versatility (in terms of consistency), Web Fonts are versatile in that they can be translated into multiple languages.  So, visual identity and website aesthetic appeal do not have to be compensated for when you are trying to reach users residing on another continent (not if you are using Web Fonts, that is).

 

Free e-Book: Social Media for Business

Free e-BookYou have a website, but is it getting found? Find out what you need to know about social media for business in our free e-book.

Download Now

Free e-Book

Social Media For Business

Free e-Book -- Social Media for Business

Download our free e-book to learn how to derive real business value from social media tools.





Sign up for our Monthly Online Marketing Newsletter


Recent Posts

Top 10 Categories

News Archives