cloud

October 16, 2014

#T4 – Tips and Tricks–jQuery Select2

Who doesn’t like a walk down memory lane? In our #T4 series, SoftLayer brings back popular tech tip blog posts. #ThrowbackThursday #T4 #ThrowbackThursdayTechTips

Creating a drop-down menu? Here’s an abridged version of our Tips and Tricks – jQuery Select2 Plugin post from two years ago tomorrow!

Turn your drop-down menu from this:
Option Select

To this:

Pretty Option Select

  1. Download Select2 and upload it to your server.
  2. Add the jQuery library and scripts to the <head> of the page document:
  3. <script src="jquery.js" type="text/javascript"></script> 
    <script src="select2.js" type="text/javascript"></script>
  4. Add Select2's included style sheet:
  5. <link href="select2.css" rel="stylesheet"/>

  6. Before closing the <head> tag, invoke the Select2 function:
  7. <script>
    $(document).ready(function() { $("#selectPretty").select2(); });
    </script>
  8. Then add the #selectPretty ID to the select element you want to improve:
    <select id="selectPretty">
    <option value="Option1">Option 1</option>
    <option value="Option2">Option 2</option>
    <option value="Option3">Option 3</option>
    <option value="Option4">Option 4</option>
    </select>

For questions, comments, or just feel like chatting, contact us at social@softlayer.com.

-Cassandra

October 14, 2014

Enterprise Customers See Benefits of Direct Link with GRE Tunnels

We’ve had an overwhelming response to our Direct Link product launch over the past few months and with good reason. Customers can cross connect into the SoftLayer global private network with a direct link in any of our 22 points of presence (POPs) providing fast, secure, and unmetered access to their SoftLayer infrastructure from their remote data center locations.

Many of our enterprise customers who’ve set up a Direct Link want to balance the simplicity of a layer three cross connection with their sophisticated routing and access control list (ACL) requirements. To achieve this balance, many are using GRE tunnels from their on-premises routers to their SoftLayer Vyatta Gateway Appliance.

In previous blogs about Vyatta Gateway Appliance, we’ve described some typical use cases as well as highlighted the differences between the Vyatta OS and the Vyatta Appliance. So we’ll focus specifically on using GRE tunnels here.

What is GRE?
Generic Routing Encapsulation (GRE) is a protocol for packet encapsulation to facilitate routing other protocols over IP networks (RFC 2784). Customers typically create two endpoints for the tunnel; one on their remote router and the other on their Vyatta Gateway Appliance at SoftLayer.
How does GRE work?
GRE encapsulates a payload, an inner packet that needs to be delivered to a destination network, within an outer IP packet. Between two GRE endpoints all routers will look at the outer IP packet and forward it towards the endpoint where the inner packet is parsed and routed to the ultimate destination.
Why use GRE tunnels?
If a customer has multiple subnets at SoftLayer that need routing to, these would need multiple tunnels to each if they were not encapsulating with GRE. Since GRE encapsulates traffic within an outer packet, customers are able to route other protocols within the tunnel and route multiple subnets without multiple tunnels. A GRE endpoint on Vyatta will parse the packets and route them, eliminating that challenge.

Many of our enterprise customers have complex rules governing what servers and networks can communicate with each other. They typically build ACLs on their routers to enforce those rules. Having a GRE endpoint on a Vyatta Gateway Appliance allows customers to route and manage internal packets based on specific rules so that security models stay intact.

GRE tunnels can allow customers to keep their networking scheme; meaning customers can add IP addresses to their SoftLayer servers and directly access them eliminating any routing problems that could occur.

And, because GRE tunnels can run inside a VPN tunnel, customers can put the GRE inside of an IPSec tunnel to make it more secure.

Learn More on KnowledgeLayer

If you are considering Direct Link to achieve fast and unmetered access with the help of GRE tunnels and Vyatta Gateway Appliance but need more information, the SoftLayer KnowledgeLayer is continually updated with new information and best practices. Be sure to check out the entire section devoted to the Vyatta Gateway Appliance.

- Seth

Categories: 
October 9, 2014

Meeting Our Customers in Shanghai at Cloud Connect China 2014

At the Cloud Connect China 2014 event in Shanghai last month, SoftLayer met with over 2,000 industry experts, business leaders, and partners from around the world. Through our interactions with event-goers at our booth and following our Regional Sales Director Allen Poon’s keynote, “Growing on The Cloud: Faster, Easier, Economical,” we increased awareness in the APAC market, learned our customers wants and needs, and deepened relationships with our partners.

On top of that, we were honored to host our first exclusive customer luncheon in Shanghai, which included experts from the sales engineer, channel partner, and marketing teams. We were delighted to hear the great job we were doing from our customers:

“There are many things that we enjoy about SoftLayer, including the convenient purchasing process that allows us to easily and quickly try out a variety of cloud computing options. We also appreciate SoftLayer’s prompt support response time, which is very important to us. When we were with different cloud providers and had an outage or issue the support was slow or nonexistent and that hurt our business. SoftLayer’s global cloud footprint of data centers lets us put our game closer to our end users, and the world class CDN helps us improve the speed and reduce latency.”
–Fisher Yu, operations manager for JOYHUBS, a global game developer based in China

“I have been happy with SoftLayer since my first day at iFree Studio. The cloud infrastructure is easy to use and has every configuration I could possibly need. Also, SoftLayer’s service support team responds in a timely manner, and communication is fast and convenient.”
–Jeffery Chen, technical support engineer at iFree Studio, a premier mobile game developer and distributor based in Hong Kong.


It’s always an honor to meet with SoftLayer customers, and I hope to see you at our next event.

For all our readers in Asia below you will find the blog in its Chinese translation!

SoftLayer九月上海客户交流!

在上月的 2014全球云计算大会中国站 , SoftLayer很荣幸能与超过两千全球行业领导, 专家,以及合作伙伴会面。通过我们这次活动的交流以及区域销售主任Allen Poon的主题演讲: “在“云”上成长:更快速、更简单、更经济“, 提高了SoftLayer品牌在亚太区市场的认识,了解到客户及对我司的期望,同时也加深了在中国的合作伙伴关系.

另外, SoftLayer也很荣幸首次在中国与客户午餐聚会。来自销售、 销售工程师、 渠道合作伙伴的专家团队与大家分享最有影响力的游戏案例。 也很高兴听到我们正在从我们的客户做的出色的工作:

“自从用了SoftLayer 以后,有几个好处: 买东西比较方便,也可以先试试(试用)。我们还感谢 SoftLayer 的迅速支持响应时间,这是对我们非常重要。比如说如果一台服务器down机的时候,别的云供应商支持缓慢, 影响我们的业务。用SoftLayer后,一般我在网上发一个ticket就能解决,回复得比较快。 由于SoftLayer的数据中心点比较多,可以选择相应的地点的数据中心, 还可以用CDN去改善玩家的速度,提高玩家的体验速度和减低滞后时间”.”
–Fisher Yu先生, 运维经理, JOYHUBS, 在中国的全球游开发商。

“我从进公司以来就用SoftLayer, 它的云基础设施易于使用,我可能需要配置都有。此外,SoftLayer 的服务支持团队反应及时,沟通快速、 及时。 基本上早上订货,晚上都能找到相对的人, 沟通比较快,很方便。”
–Jeffery Chen先生,技术支持工程师,iFree Studio, 基地设在香港的游戏开发和分销商。

非常感谢大家一直以来对SoftLayer的支持, 希望下次活动再与您见面!

此致.

Winifred Wong (王小姐)
Regional Marketing Manager – GCG

October 8, 2014

An Insider’s Look at Our Data Centers

I’ve been with Softlayer over four years now. It’s been a journey that has taken me around the world—from Dallas to Singapore to Washington D.C, and back again. Along the way, I’ve met amazingly brilliant people who have helped me sharpen the tools in my ‘data center toolbox’ thus allowing me to enhance the customer experience by aiding and assisting in a complex compute environment.

I like to think of our data centers as masterpieces of elegant design. We currently have 14 of these works of art, with many more on the way. Here’s an insider’s look at the design:

Keeping It Cool
Our POD layouts have a raised floor system. The air conditioning units chill from the front bottom of the servers on the ‘cold rows’ passing through the servers on the ‘warm rows.’ The warm rows have ceiling vents to rapidly clear the warm air from the backs of the servers.

Jackets are recommended for this arctic environment.

Pumping up the POWER
Nothing is as important to us as keeping the lights on. Every data center has a three-tiered approach to keeping your servers and services on. Our first tier being street power. Each rack has two power strips to distribute the load and offer true redundancy for redundant servers and switches with the remote ability to power down an individual port on either power strip.

The second tier is our batter backup for each POD. This offers emergency response for seamless failover when street power is no more.

This leads to the third step in our model, generators. We have generators in place for a sustainable continuity of power until street power has returned. Check out the 2-megawatt diesel generator installation at the DAL05 data center here.

The Ultimate Social Network
Neither power nor cooling matter if you can’t connect to your server, which is where our proprietary networking topography comes to play. Each bare metal server and each virtual server resides in a rack that connects to three switches. Each of those switches connects to an aggregate switch for a row. The aggregate switch connects to a router.

The first switch, our private backend network, allows for SSL and VPN connectivity to manage your server. It also gives you the ability to have server-to-server communication without the bounds of bandwidth overages.

The second switch, our public network, provides pubic Internet access to your device, which is perfect for shopping, gaming, coding, or whatever you want to use it for. With 20TB of bandwidth coming standard for this network, the possibilities are endless.

The third and final switch, management, allows you to connect to the Intelligent Platform Management Interface that provides tools such as KVM/hardware monitoring/and even virtual CDs to install an image of your choosing! The cables to your devices from the switches are color-coded, port-number-to-rack-unit labeled, and masterfully arranged to maximize identification and airflow.

A Soft Place for Hardware
The heart and soul of our business is the computing hardware. We use enterprise grade hardware from the ground up. We offer our smallest offering of 1 core, 1GB RAM, 25GB HDD virtual servers, to one of our largest quad 10-core, 512GB RAM, multi 4TB HDD bare metal servers. With excellent hardware comes excellent options. There is almost always a path to improvement. Meaning, unless you already have the top of the line, you can always add more. Whether it be additional drive, RAM, or even processor.

I hope you enjoyed the view from the inside. If you want to see the data centers up close and personal, I am sorry to say, those are closed to the public. But you can take a virtual tour of some of our data centers via YouTube: AMS01 and DAL05

-Joshua Fox

October 6, 2014

G’day, Melbourne! SoftLayer’s LIVE in Australia.

Today, we’re excited to announce the launch of the newest SoftLayer data center in Melbourne, Australia! This facility is our first on the continent (with Sydney planned for later in the year), and it delivers that trademark SoftLayer service to our clients Down Under.

Our Aussie Mates

Over the years, our customer base has grown phenomenally in Australia, and it should come as no surprise that customers in the region have been clamoring for a SoftLayer data center Down Under to bring high performance cloud infrastructure even closer to them. These customers have grown to immense proportions with ahead-of-their-time value propositions and innovative ideas that have turned heads around the world.

A perfect example of that kind of success is HotelsCombined.com, an online travel platform designed to streamline the process of searching for and reserving hotel rooms around the world. Their story is nothing short of brilliant. A startup in 2005, they today serve more than 25 million visitors a month, has more than 20,000 affiliates, and a database of 800,000+ properties worldwide.

HotelsCombined.com partnered with SoftLayer to provision bare metal servers, virtual servers, load balancers, and redundant iSCSI storage around the world to best serve their global customer base. Additionally, they implemented data warehouse and predictive analytics capabilities on SoftLayer for their real-time predictive models and business intelligence tools.

Another great story is that of The Loft Group. I wrote about how they chose our cloud platform to roll out their Digital Learning Platform in a previous blog. They needed performance, analytics, monitoring, and scalability to accommodate their massive growth, and we were able to help.

Benefiting Down Under

Many of you have seen news about IBM’s plans to expand SoftLayer into Australia for a few months now. In fact, at the recent IBM Cloud Pre-Launch event (view the full event on demand here), Lance Crosby shared our vision for the region and the synergy that we are looking to create in the market.

Our expansion into Melbourne means that our customers have even more choice and flexibility when building their cloud infrastructure on our platform. With Australian data residency, many of our customers in Australia with location-sensitive workloads or regulatory/compliance data requirements immediately benefit from the new location. Additionally, with network points of presence in Sydney and Melbourne, users in Australia will see even better network performance when connecting to servers in any SoftLayer data center around the world. Users looking for additional redundancy in APAC have another location for their data, and customers who want to replicate data as though they are in the same rack can do so between Australia and one of our other locations.

Let the Bash Commence

To celebrate this exciting milestone, we have quite a few things lined up for the region. First up, a special promotion for all those who would like to check out the performance of this facility—new customers and our existing loyalists. You can get US$500 off on your first month's order (bare metal, private virtual, public virtual—anything and everything listed in our store!) for the Melbourne data center. More details on the promo, features, and services are available here.

Next up—parties! We have a couple of networking events planned. SoftLayer customers, partners, enthusiasts, and friends are invited to join us in Melbourne on October 9, and Auckland, New Zealand, on October 15 for a fun evening with SLayers and peers. If you’re in the area and want more details, email us at marketingAP@softlayer.com with the following information:

  • Subject: I Would Like to Attend SoftLayer Night: Celebrating Data Centre Go-Live
  • Body: Your Name, contact phone number, city where you would like to attend, and one line about why you would like to attend.

Space is limited, and you don’t have much time to reserve your spot, so let us know as soon as possible.

These are exciting times. I’m extremely eager to see how Australian businesses leverage these new in-country facilities and capabilities. Stay tuned for new stories as we hear from other happy customers.

Cheers.
@namrata_kapur

October 3, 2014

Happy National Techies Day!

Today marks the 15th anniversary of National Techies Day—originally started to encourage students to learn more about a career in technology.

To be honest, we get teary-eyed when we hear young techies say they want to be a computer programmer, engineer, or a web developer when they grow up. Techies define, redefine, and refine the world, and the future techies will push the limits further than we ever imagined. How exciting!

At SoftLayer, National Techies Day has a special place deep in our HeartLayer. If you frequent our blog regularly or follow us on Twitter, you’ve seen us mention “Innovate or Die” once or twice . . . or a hundred times. It’s our motto. And, really when you break it down, National Techies Day celebrates technology and innovation and the people that keep us moving forward; for without innovation, we truly become stagnant.

It’s like our CEO, Lance Crosby said, "We don’t want to build a company to meet customers’ currents needs. We want to build a company to meet the needs our customers don’t even know they have yet.

So this National Techies Day we’d like to thank all the trailblazers who came before us. For all those who were teased and called nerd and geek, we thank you; for now we proudly wear these classifications as badges of honor.

We’d like to thank all the tech CEOs for making it socially acceptable to wear jeans and t-shirts to work every day; I am literally wearing a SoftLayer t-shirt and jeans right now as I type, so thanks.

We’d also like to remind all the non-techies out there to give a big shout-out to your IT department techies for getting you back online when you get the dreaded blue screen or experience other equally terrifying “my PC is acting up” situations. (“Did you try turning it off and on again?”)

And finally, to all the kids out there who know how to operate every technological device at home better than their parents, let us just say, working in technology is totally awesome (!), and we can’t wait to see what great things y’all will come up with in the future.

-JRL

Categories: 
October 2, 2014

SoftLayer Rocks the 2014 cPanel Conference

For the past two days, SoftLayer set up shop at the 2014 cPanel® Conference held in Houston, TX. We mingled. We administered the Server Challenge II (more on that later) . . . And, we talked to Aaron Phillips, chief business officer at cPanel.

Holy cup of coffee; this guy has so much energy! Clad in shorts, a t-shirt, and Adidas Gazelle’s, this CBO was not what I expected, but neither is cPanel for that matter. Reading Phillips’ bio offers a glimpse into the cPanel culture; he pokes fun at the fact he never thought he would be working for a “company started by a 14-year-old genius.”(Maybe that’s why he can get away with the shorts.)

Regardless, you can’t dismiss cPanel’s expertise when it comes to specializing in control panel software. The cPanel software package automates server tasks by providing an accessible interface to help website owners manage their sites.

So Aaron, can you give us a brief overview of what the cPanel conference is all about?

The cPanel Conference is in its ninth year, and we really put this together to network, talk about web hosting, and give our partners a sneak peek at what we’re up to. I attended the event even before I came onboard at cPanel, and each year just gets bigger and better. It’s the conference I look forward to each year.

Oh yeah? Any big announcements this week?

Yep. We have a new update to our system. Our user interface is available in 29 languages. It’s really going to help our global customers and help our partners that have global customers like SoftLayer.

How so?

The quality of translations have improved dramatically. The older system we called LANG often created partial sentences which caused a lot of problems with translations. Our ‘newer model,’ Maketext, is more flexible and feature rich. We’ve also edited our content on the interface making it easier to translate. This also eases translation in languages read from right-to-left.

When do you anticipate a go-live date?

We’re in the beta stage but will be complete soon. Like, any day now.

Speaking of SoftLayer, what does cPanel think of us?

You guys were one of our first customers, and you’re one of our biggest customers. We go way back . . . like EV1 days. We love you guys over at SoftLayer. Enjoy the conference! Gotta run.

[Maybe that’s why he wears the Gazelle’s].

Speaking the Language – 29 Languages

Arabic French Japanese Spanish
Chinese German Korean Swedish
Czech Greek Latin American Spanish Thai
Danish Hebrew Malay Traditional Chinese
Dutch Hungarian Norwegian Turkish
English Iberian Spanish Polish Ukrainian
Filipino Indonesian Portuguese Vietnamese
Finnish Italian Romanian

The Server Challenge II Continues to Kick aaS and Take Names
We don’t like to brag, but we have the best booth setup of all time. Why? Because of the Server Challenge II. We would like to congratulate Mike Levine, Product Manager at OpenSRS (with the high score of 1:00.05) who beat out the hundreds of contenders who participated at the 2014 cPanel Conference.

-JRL

October 1, 2014

Virtual Server Update

Good morning, afternoon, evening, or night, SoftLayer nation.

We want to give you an update and some more information on maintenance taking place right now with SoftLayer public and private node virtual servers.

As the world is becoming aware today, over the past week a security risk associated with Xen was identified by the Xen community and published as Xen Security Advisory 108 (XSA-108).

And as many are aware, Xen plays a role in our delivery of SoftLayer virtual servers.

Eliminating the vulnerability requires updating software on host nodes, and that requires downtime for the virtual servers running on those nodes.

Yeah, that’s not something anyone likes to hear. But customer security is of the utmost importance to us, so not doing it was not an option.

As soon as the risk was identified, our systems engineers and technology partners have been working nonstop to prepare the update.

On Sunday we notified every customer account that would be affected that we would have emergency maintenance in the middle of this week, and updated that notice each day.

And then yesterday we published that the maintenance would begin today at 3pm UTC, with a preliminary order of how the maintenance would roll out across all of our data centers.

We are updating host nodes data center by data center to complete the emergency maintenance as quickly as possible. This approach will minimize disruption for customers with failover infrastructure in multiple data centers.

The maintenance is under way and SoftLayer customers can follow it, live, on our forum at http://sftlyr.com/xs101.

-@SoftLayer

September 30, 2014

SELLING SOFTLAYER (in Amsterdam)

Selling SoftLayer services to Internet-centric companies—hosting resellers, Software-as-a-Service (SaaS) and Platform-as-a-Service (PaaS) providers, big data and e-commerce companies—are no-brainers. These companies clearly see the advantages that come with having their servers (the backbone of their business) hosted by a specialist. They switch their capital expenses into variable costs that can be spread over time.

On the flip side are companies in non-Internet-centric industries—banking, health care, oil & gas, and aerospace. How do these companies find value in the IaaS offered by SoftLayer? The IT infrastructure (servers to be precise) accounts for less than 5 percent of their capital expenditure (CAPEX) as opposed to almost 95 percent for Internet-centric companies.

Will the same value proposition work for both Internet-centric and non-Internet-centric companies?

With Internet-centric companies (where servers constitute up to 95 percent of CAPEX), the majority of the workforce is server-savvy. This means there is a very high chance any contact we have with these companies will be with a server-savvy fellow. Selling SoftLayer will then be a question of how SoftLayer’s USPs differentiate from the competition.

The current industry trend is driving a faulty message: The cloud is a commodity.

The truth is: Unlike basic commodities (electricity, gas, or cable), where there is little or no differentiation between what the end user gets irrespective of the provider, cloud and hosting in general are different. This faulty commodity-based assumption drives the price wars in cloud computing.

Comparing apples and oranges cumulus and stratus.

To test and disprove this theory, I brought a customer’s systems engineer (a server expert) into a sales discussion with the CTO.

I requested to put the price negotiations on hold for about 4 hours, and evaluate the services first. To do this, I asked for the exact configuration that the customer had hosted with a competitor. I ordered the exact configuration on the SoftLayer platform and within 2 hours the servers were ready. When the customer’s system engineer tested the performance of the SoftLayer server and compared it to what they had from a competitor, the price comparison was thrown out the window for good.

There are many different facets wherein SoftLayer outperforms the competition but unfortunately, most prospective customers only see price.

For the non-Internet-centric companies, to reach the price discussion is a milestone in itself. Pricing negotiations only begin when the need and suitability (originality) have been established.

The IBM and SoftLayer effect.

As a salesperson, I subscribe to the SCOTSMAN Sales Qualification Matrix (Solution, Competition, Originality, Timescales, Size, Money, Authority, and Need). Most companies in this group need solutions. IaaS is just part of that solution. This is where IBM (Big Blue) comes into the picture. As a service giant in the IT Sector, IBM can and will build on SoftLayer’s IaaS prowess to conquer this landscape. The synergies that are coming from this acquisition will send shockwaves across the industry.

Question is: Will the stakeholders maximize this potential to the fullest?

- Valentine Che, Global Sales, AMS01

September 24, 2014

HTML5 – Back to Basics with a Strong Foundation Pt. 1

If you guys have read any of my other blogs, I’m sure you’ll notice a pattern: rather than discussing opinions or news of new technologies, more often than not, I like to write more in the form of tutorials and hands-on exercises that demonstrate either fundamentals or new tips and tricks that I have learned.

In this blog, I’d like to discuss HTML5. I know, I know, it’s not exactly a subject that’s brand new. However, with as many HTML5 implementations as there are out there, and throughout many discussions, I’ve realized that many of the most talented Web developers have had to return to the basics of HTML5 features and techniques in order to redesign projects the same way they developed them.

Simply put: If we forget what we’ve done and scripted for over two decades with previous HTML versions and return to the basics, we can re-learn a new foundation that is sure to make us stronger developers and smarter engineers.

I. Declaration of Independence … or at least a declaration you don’t have to spend hours memorizing!

One of the most raved about features of HTML5 (and yet one of the simplest new features) is the new Doctype. How many of you had to Google the standard Doctype every single time you started a new project? Or perhaps you kept the tag in a code bin for easy copy/pasting? Well, no more!

The old (4 and below) way:

<!DOCTYPE HTML PUBLIC “=//W3C//DTD HTML 4.01//EN”
http://www.w3.org/TR/html4/strict.dtd>

Of course the actual strict/transitional or html/xhtml would vary depending on your page, but they pretty much worked the same way.

The new HTML5 way:

<!DOCTYPE html>

Done. I know it seems like such a simple thing, but returning to the foundation of what we learned so many years ago and re-learning them in the new HTML5 way will not only strengthen our sites, but it will also build a brand new foundation of flexibility and efficiency. Technology evolves at such a rapid pace that if we don’t keep up, we’re going to be left chasing the wagon of the future.

II. Editable content WITHOUT JavaScript!

HTML5 has added so many advanced features that our need for jQuery can be cut by nearly a third (depending on our requirements of course), which in turn greatly reduces the overhead of the browser’s need to process a ton of jQuery functions. If we utilize just a few of HTML5’s awesome new jQuery-like features, we can speed up our site and keep our .js scripts smaller!

Just for giggles (if you’re not familiar with HTML5’s editable content), give this a try:

<!DOCTYPE html>
 <html>
<head>
    <title>SLayer’s Awesome List</title>
</head>
<body>
    <h1> SLayer’s 5 Most Awesome Bloggers </h1>
        <ul contenteditable=”true”>
            <li>Steve Kinman</li>
            <li>Kevin Hazard</li>
            <li>Gary Kinman</li>
            <li>Matthew Herring</li>
            <li>Mark Quigley</li>
        </ul>
</body>
</html>

Put that into an .html file, and open it up in your favorite browser. You’ll see what should look like this:

A simple list of course. In the years of your career I’m sure you’ve made tens of thousands of these. What’s cool about this list, if you’re not familiar with all of HTML5’s neat little tricks, is that this list is editable. Go ahead and try clicking on the list item and replace the names; even add your own name!

As you can see, I didn’t have the heart to remove any of our most frequent bloggers, so I just appended my name to Mark Quigley (of course, that’s not my true SoftLayer Blog ranking, but one day soon … it shall be!)
This feature may not save the user’s edits, but if you add in some nifty HTML5 storage abilities (local or session), you could have yourself a pretty robust application!

III. Beautiful placeholders to hold a place for my heart.

One of my biggest gripes every time I’d either design or program a user interface (registration, account functionality) was the fact that I would have to integrate a jQuery function just to add a little bit of extra help with the text boxes. Placeholders never worked as they should. Sometimes we just didn’t have enough real estate on the page for the amount of instruction as we needed, which meant another placeholder maker for jQuery.

HTML5 now comes equipped with beautiful support for placeholder text (well, I suppose it depends on your POV on designing/developing forms. If you do it as much as I do, the new placeholders are the holy grail of usable forms!). A very simple preview of what HTML form life was like before HTML5 (without the jQuery function to add text to just one input box):

The fact is: Sometimes we don’t always have the real estate that we would like to provide the user enough instructions to clarify what needs to be done!

This simple form could end up being very confusing for the user. It’s so simple, yet there are several ways to enter a phone number, and depending on the backend, it may only accept one format.

Let’s add a placeholder to that textbox and clear things up:

<input placeholder="(555) 555-5555" type="text" name="phone" id="phone" />

Just by adding the simple placeholder attribute, we have now cleared up exactly what format we need the phone number! Now let’s have a look:

It’s funny how a simple, light-colored demonstration of acceptable input can really beautify a form and increase usability. With the placeholder attribute in place in this example, I’m not even sure it’s necessary to have the instruction text on the right, as we can clearly see we need 10 digits, with parenthesis and dashes.

Well my friends, looking at the word count of this document, it looks like this blog is coming to a close, and I’ve only gone over three of my favorite foundational features of HTML5, so you know what that means … Part 2!

-Cassandra

Pages

Subscribe to cloud