UK government wants to become a ‘smartphone state’

UK - Clouds
The UK’s Digital Economy Minister Ed Vaizey has taken to Twitter to tap the crowd for ideas ahead of the government drafting its next five year tech strategy. Having ploughed millions into East London’s ‘Tech City’ and wandered around the world with ‘Great Britain’ flags flying, the government is now shaping what the next five years in tech will look like. Interestingly, given that a vote on the UK’s membership of the EU is being pushed for by members of parliament from both major parties, Vaizey says part of the plan is to ensure the completion of the Digital Single Market in Europe. Vaizey takes aim…

This story continues at The Next Web

from The Next Web » UK http://thenextweb.com/insider/2015/12/29/uk-government-wants-to-become-a-smartphone-state/

Advertisements

14 Amazing Social Media Customer Service Examples (And What You Can Learn From Them)

How important is customer service via social media?

According to J.D. Power, 67% of consumers have used a company’s social media channel for customer service.

And when they do, they expect a fast response. Research cited by Jay Baer tells us that 42% of consumers expect a response with 60 minutes.

So, how’s your social media customer service?

For this post I was excited to research a set of 14 amazing examples of customer service using social media.

Let’s get started!


pablo

1. Samsung: A Unicycling Kangaroo and a Dragon Phone

As a loyal Samsung customer, Canadian Shane Bennett asked for a free unit of their latest, soon-to-launch phone. To sweeten his offer, he included a drawing of a roaring dragon.

Not surprisingly, Samsung said “no”. But to say thanks, they sent him their drawing of a unicycle-riding kangaroo.

samsung-canada

Shane then shared both messages (and drawings) to Reddit where it went viral. In response, Samsung Canada sent him the phone he asked for – and customized it with his fire-breathing dragon artwork.

Samsung-canada-2

Takeaway: Have fun with customer interactions. Don’t take yourself too seriously.

2. Morton’s Steakhouse: Airport Delivery

While waiting for takeoff in Tampa, Florida, Peter Shankman jokingly asked Morton’s Steakhouse to deliver a porterhouse steak when he landed at Newark airport.

mortons

While departing the Newark airport to meet his driver, he was greeted by a Morton’s server with a 24 oz. Porterhouse steak, shrimp, potatoes, bread – the works. A full meal and no bill.

When you think of the logistics of pulling this off, it becomes even more impressive. The Community Manager needed to get approval and place the order. It needed to be prepared and then driven by the server to the airport, to the correct location and at the right time. All in less than three hours.

mortons-steakhouse

Some of the comments on Peter’s post suggest that this isn’t an anomaly. Another reader shares his experience of ordering a baked potato and getting a full steak meal – delivered and for free.

Takeaway: Do something unexpected for a loyal customer – when they want it most.

3. Gaylord Opryland: Sleep-Inducing Clock Radio

After numerous stays at Nashville’s Opryland Resort, Christina McMenemy wanted her own spa-sound clock radio that comes standard in each room. The sound helped her sleep better than ever, and she couldn’t find that model anywhere. So she asked the hotel for help finding it.

gaylord-hotels

Turns out, that model was exclusive to the Gaylord hotels. She thought that was the end of it, and went to her conference.

Upon returning to her room that evening, she found a gift waiting: the spa clock and a handwritten card. The staff had given her the product she was unable to find. Not only did they make a long term customer very happy, they also received significant media coverage for their act of kindness.

gaylord-hotels-2

Takeaway: Make customers happy one at a time.

A quick note on these first three examples

While it’s great to give away phones, steak dinners, and clock radios, this might not be sustainable customer service.

Why not? When other, loyal customers hear what these companies did, they might expect the same treatment. Can Morton’s deliver a free steak dinner to the airport for every customer who asks? Can Gaylord hotels give every loyal guest a free clock radio?

A more sustainable approach is to provide outstanding customer service on a daily basis. These next examples have lessons that can be implemented right away and on a consistent basis.

4. JetBlue: Feeling the Customer’s Pain

During a four-hour flight, Esaí Vélez’s seatback TV gave him nothing but static – while the rest of the passengers had normally functioning screens. How did he respond? He tweeted a complaint to JetBlue. Nothing inflammatory, but he was clearly disappointed.

jetblue

How did JetBlue respond? While they could have made an excuse or even ignored his tweet, they didn’t. They took his side and empathized with him.

“Oh no! That’s not what we like to hear! Are all the TVs out on the plane or is it just yours?”

After he confirms that it was just his TV that was out, they respond:

“We always hate it when that happens. Send us a DM with your confirmation code to get you a credit for the non-working TV.”

Not only do they imagine his frustration, but they also offer him a credit for his trouble.

What was the result? Just 23 minutes after his complaint, he tweets: “One of the fastest and better Customer Service: @JetBlue! Thanks and Happy Thanksgiving”

jetblue2

Takeaway: Put yourself in your customer’s shoes when responding to complaints.

5. Delta Hotels: Room With an Ugly View

While attending the #PSEWEB conference in Vancouver, Mike McCready tweeted that, while he liked his room at the Delta, the view wasn’t so nice. He didn’t tag the hotel, and he wasn’t asking for anything.

Within an hour, Delta responded – offering a room with a better view. And when Mike returned to his room after the conference, he found a dish of sweets and a handwritten card from the staff at his hotel. It made such an impact that he wrote a post about it – the very same day.

Screen Shot 2015-12-29 at 10.43.44

Takeaway: Set up a social listening strategy to listen to all customer conversations.

6. Waterstones: Man Locked in London Bookstore

While every customer comment is important, some are going to be a little more urgent than others. Like locking a customer in your store.

This happened to David Willis last year at Waterstones Trafalgar Square store. He tweeted:

waterstones

Not surprisingly, this tweet went viral, with 16,000+ retweets and 12,000+ likes. Because someone was monitoring Waterstones Twitter account, they were able to tweet 80 minutes later that they had freed their previously captive customer. Imagine how this could have turned out, if Waterstones customer service had stopped listening for the day.

waterstones2

Takeaway: Always listen to customer conversations.

7. Contextly: Customer Onboarding

Before I do business with a new company, I like to see if anyone is listening. It gives me confidence that they’ll be there if I have a problem or question.

When I was looking for a premium related-content service, I signed up for a free trial account with Contextly. The process was smooth, and I was excited about the app, so I tweeted about it. They responded with a positive, helpful tweet.

contextly

As a result, I’m confident that they are interested in me and will help me if I have a question with the app.

Takeaway: Use social media to streamline customer onboarding.

8. Xbox Support: Elite Tweet Fleet

Back in 2010, Xbox added a dedicated Twitter account. Since then, their Elite Tweet Fleet has posted more than two million support tweets. In fact, when I visited their account page, they were averaging two tweets per minute! And they have a team of 27 support experts.

Screen Shot 2015-12-29 at 11.57.41

Any company that assigns a dedicated Twitter account (and 27 people to manage it) is amazing to me. Check out some of their interactions:

Takeaway: Be committed to your social media customer service.

9. Nike: Respond Kindly to Confused Customers

Nike Support is one of the strongest customer service accounts on Twitter. They feature a dedicated Twitter account, support seven days a week and in seven languages (English, Spanish, French, Dutch, Italian, German & Japanese.)

An example of their approach is here in this customer interaction: A customer contacts them to ask for help finding an order number. Although the question was unclear Nike’s customer support made the customer feel cared for. And when the customer realized they had the information all along, their response is super supportive.

Screen Shot 2015-12-29 at 11.05.28

Takeaway: Be kind, even when it’s not your fault.

10. Seamless: Pay Attention to Every Comment

Seamless is an online service for ordering food from local restaurants. Food orders are full of variables and when you add in time frame and delivery – it has the potential to be a nightmare. To manage customer service, they have an active Twitter account where customers can share their love and voice their complaints.

In a recent comment, a customer tells Seamless that on his recent order he received white rice, instead of brown. He wasn’t upset – he said: “Don’t mind terribly, just FYI.”

Screen Shot 2015-12-29 at 11.07.04

In response, Seamless asks for the order number so they can check into it. In response, the customer tweets:

Screen Shot 2015-12-29 at 11.07.21

Takeaway: Pay attention to all customer service issues. Passive complaints that are left unaddressed can easily cause a rift between the vendor and customer.

11. My Starbucks Idea: Listen and Harvest Ideas

As a way to listen to customers – and get tons of great new ideas – Starbucks created My Starbucks Idea. To date, customers have submitted more than 210,000 unique ideas. To support this program, they have a dedicated Twitter account. It is a great place for users to share their observations and coffee wishes.

A couple of the recent ideas include solar cell equipped umbrellas for device charging and morning coffee delivery (looks like it’s going to happen).

Screen Shot 2015-12-29 at 11.09.48

Takeaway: Make it easy for customers to tell you what they want. Listen to everyone and implement the winning ideas.

12. Sainsburys: Fishy Exchange

Sainsbury’s is one of the largest supermarkets in the UK. They’ve got a pretty active Twitter feed with lots of customer questions about products and sale prices. The tone of the account is helpful and positive.

There are lots of good examples of interactions. But none better than Fishy Sainsburys. This fishy exchange took place over a three hour period, between David (Sainsbury’s Twitter manager) and Marty (a customer). The puns will make you groan – many made me laugh out loud. Remember, this interaction was not a marketing play but a real conversation between the company and a customer.

Screen Shot 2015-12-29 at 11.11.08

Takeaway: Let your customer service team have fun.

13. Hubspot: Every Day of the Year

Holidays can be challenging times for customer service. When customer service closes for the observance of a holiday in one country, users from other countries will still have questions.

This recently happened with a HubSpot customer in London. She had workflow issues and couldn’t contact anyone at the US-based call center because it was closed for American Thanksgiving. When she took her concern to Twitter, she found a customer service representative in Ireland.

Screen Shot 2015-12-29 at 11.31.51

Like many companies in this list, HubSpot has a dedicated customer service Twitter account. To manage international schedules and time zones, they have two Dublin-based representatives and another three in Cambridge, MA.

Takeaway: Be available for your customers.

14. Buffer: Personal and Kind

If you take a quick look at Buffer’s Tweets & replies feed you’ll see how engaging their customer service is. Responses are personal and friendly. And they are usually signed by the team member you’re chatting with.

Screen Shot 2015-12-29 at 11.32.59

For example, my wife has been impressed that when she mentions them in a tweet, they acknowledge it, even using her name in their response.

Takeaway: Treat each person with respect. Use your name (and theirs) when interacting with customers online.

What we can learn from these customer service examples

Here are some key takeaways:

  1. Choose a primary channel for customer service (many use Twitter) and assign staff to manage it.
  2. Decide on your schedule of availability (set hours and days) and post it on your profile.
  3. Have each tweet/post signed by the person who sent it. This is done well by Xbox Support, Sainsbury’s, and Buffer.
  4. Remember that customers might contact you any number of ways – not necessarily on the channel you chose. Make sure you monitor other social channels for questions and conversations about your brand.
  5. Establish a tone for your social media conversations. Generally speaking, you’ll want first to empathize with your customers problem. Stephen Covey said it best: “Seek first to understand…”

I recommend following a few of these companies on Twitter. Watch how they handle customer complaints and comments. I’ve learned so much doing this.

What to do next: Review these points with your customer service team. Decide which apply to your business right now and assign a team member to implement them.

Over to you

Have you had an amazing customer service experience via social media? How are you using social media to provide customer service? I would love to hear both in the comments!

The post 14 Amazing Social Media Customer Service Examples (And What You Can Learn From Them) appeared first on Social.

from Social https://blog.bufferapp.com/social-media-customer-service

Value-based billing: Escaping the trap of trading hours for dollars

Value-Based-Billing-FreshBooks

Value-Based-Billing-FreshBooks

In the Billing Like a Boss series, you’ve learned about how to work through the uncomfortable money talk with clients and the basics of an invoice for web designers. We’ve also shared some easy ways to get your invoices paid lightning fast. In this post, we’ll share with you the problems with hourly-based billing and how to take your business to the next level with value-based billing.

The problem with hourly-based billing

“So what’s your hourly rate?”

It’s a simple but loaded question every potential client will ask you at some point. Giving a single rate can reduce the immense value you provide down to a single number. In the complex world of web development and design this can ignite unappreciative attitudes in clients that don’t understand the nuances of your efforts.

But – perhaps more importantly – it a logistical nightmare for you.

Let’s say you landed a project that enlists various aspects of your talents. Each responsibility requires a different amount of specialized knowledge (or lack thereof). For example, tasks like site architecture design need more effort and senior-level experience than database entry. In the world of hourly-based billing, you would price out and track each task at different rates. However, projects containing more than 3 tasks quickly becomes an administrative burden.

If you run an agency with staff, charging different rates creates politics as to everyone’s “worth” and can feel degrading for some.

Also, when the conversation focuses on your hourly rate, clients start to fixate on “how fast” and “when it’ll be done” vs. focusing on the value they can get from your services. They’ll want to spend as little time as possible with you while obsessing about the clock.

Shifting the mindset: Value-based billing

Value-based billing flips the conversation toward the value your services deliver. It’s important to remember that the value is determined by the client, not you. If they don’t think you’re worth the money, they won’t pay it.

That’s why educating clients is so important. It’s your job to provide informative, high-quality information on what benefits your services will bring their business. From there, value can be established and accepted.

The overarching value you provide is only one part of the equation. You must also convince your clients that this new form of billing is preferable. In order to accomplish that, you’ll need to change their mindset.

Let’s look at how a web designer could look at their services from a value-based billing perspective:

Say your client needs a website redesign. Your initial conversation reveals that this new design has the potential to increase their yearly profit by $100,000.

Now, the $2,500 you’d charge based on an hourly rate seems pretty miniscule in comparison. Looking at it in these terms, you could feel confident charging $10,000 or even $20,000, as this is still just a fraction of what your client will recover.

Clients will also be better able to justify that type of investment when it’s viewed from this angle. It’s all about the way you look at it. And once you get your client looking at it the right way, great things can happen.

Suddenly, they’re not as worried about how to reduce costs (i.e. your hourly rate), they’re looking for new and innovate ways to increase overall profit.

So how do you implement value-based billing? Here are 3 steps:

1. Get down to the numbers

Since value-based billing is all about what value you can bring to your client, you’ll need to spend more time researching with them upfront. Don’t be afraid to break down the numbers. Establish clear, attainable goals that can be achieve through your services.

A few examples include:

  • What increase in sales is your client trying to reach with a new web design?
  • What % lift in leads for their sales team?
  • What is the % lift in conversion rate?

In many cases, your client may not be able to articulate the goals in a measurable way, so you’ll need to work with them to help. This will not only demonstrate that you’re a talented web designer, but focused meeting business goals and not a pretty website that doesn’t convert. Bringing value before you ever even draft a wireframe is a powerful sales technique.

Aim to charge between 10% – 20% of the value you’ll provide for your services.

2. Give pricing options

People love having options – though not too many options. Because of this, it’s important to lay out a few different choices for various levels of value.

This is where a value-based system really shines.

With hourly pricing, you’re limited to the hours in a day and your varying efficiency levels. However, invoicing based on value means that you’re delivering a result – regardless of how long it takes. And that’s much more powerful than just exchanging your time for a paycheck.

Some strong option categories include:

  • Ad-Hoc Jobs: Task A costs $XX each time a client orders it.
  • Maintenance Plans: You deliver ABCD for $XXXX per month/quarter/year.
  • Tiered Service Levels: Clients get A for $X, AB for $XX or ABC for $XXX.

Depending on the client’s needs, you may want to offer several options for various categories. Once you know the general value, put together 2-3 package choices that will fit their needs. Spend some time developing your pricing strategy so you’ll be prepared with the right option for your client.

3. Find the “right” customer

Ultimately, using this system successfully relies on your ability to track the right clients. You can’t convince people of value when they aren’t willing to shift their mindset, or simply want the cheapest route to their goal.

The right clients form a bond with you that’s hard to break.

With a good working relationship built on trust, these customers will appreciate the value you’re providing – even if the results aren’t always what they wanted.

And, don’t forget, people spend time with other like-minded individuals. That means if you’re able to win the heart of your client, they likely know another ideal client that could use the powerful value of your services.

Are you ready for the change?

Shifting your invoicing process to this system is a great idea for many service-based entrepreneurs, freelancers and business owners. Take some time to evaluate the above points and decide if you’d like to dive a bit deeper.

Want to learn more about value-based billing? Download our FREE e-book Breaking the Time Barrier: How to Unlock Your True Earning Potential. The e-book outlines more about the problems of hourly billing and more importantly, shows the power of value-based billing for freelancers.

Read More at Value-based billing: Escaping the trap of trading hours for dollars

from Web Design Ledger http://webdesignledger.com/value-based-billing-escaping-the-trap-of-trading-hours-for-dollars

JavaScript: Explained in Simple Words

javascript

Anyone who has ever tried explaining technical jargon to someone who is not well-versed with the terminology is aware of how difficult the explanation process can be.

Simplified JavaScript Jargon, as the name suggests, is an attempt to cure the above mentioned problem. Basically, it is a community driven exercise that explains the buzzwords related to JavaScript in simple words. 

In other words, Simplified JavaScript Jargon is a glossary that you can refer to, when you need to figure out the meaning of JavaScript terminology in simple language.

javascript

To help you get a better idea, here is how it describes some of the major terms:

  • AJAX: a technology for asynchronous HTTP requests.
  • AMD: a standard defining how to load JavaScript libraries or modules asynchronously.
  • AngularJS: a structural framework for dynamic web apps.
  • Babel: a JavaScript transformation toolkit which started as an ECMAScript 2015 / ES6 code translator (transpiler).
  • Backbone: a structural framework for dynamic web apps.
  • Bluebird: a fully featured Promise library with focus on innovative features and performance.
  • Bower: a package manager for front-end dependencies.
  • Broccoli: a fast and reliable asset pipeline.
  • Browserify: a tool making possible to use the require function from Node.js within the browser.
  • Brunch: a tool focusing on the production of deployment-ready files from development files.
  • Canvas: an HTML element for graphic applications in 2D or 3D.
  • Chai: an assertion library used with a JavaScript testing framework.
  • CoffeeScript: a language that compiles into JavaScript.
  • CORS: a way for a server to make things accessible to pages hosted on other domains.
  • CouchDB: a NoSQL database with JavaScript as query language and HTTP as API.

Need more? Check it out over at GitHub, and if you wish to contribute, simply open a pull request to complete, update or fill in a given section.

Read More at JavaScript: Explained in Simple Words

from Web Design Ledger http://webdesignledger.com/javascript-jargon

How Smart Pension Shares to Social Media

There’s often a critical time (or two) in a business’s journey when it’s make or break and time is at a premium.

There’re often times beyond this, once a brand is established, where time is still scarce and efficiency is the name of the game.

The team at Smart Pension has felt both sides of this in the past couple years and has experienced the time crunch particularly on the social media side (sound familiar at all with your experience?). One of the UK’s leading insurance brand agencies, the Smart Pension team pulled through in an incredibly inspiring way.

Here’s their story of how they’ve come up with their social media strategy, saved time, and found the best tools to use.

pablo

Social media and an early-stage startup

Jack Saville, a marketing executive at Smart Pension, built his startup to be the go-to source for UK pension and auto enrolment. And one of the key marketing strategies he chose for traction was content.

One of the first jobs was to put as much great information and helpful content on the website as possible. However when we finished creating content, we also wanted to shout about it on social media.

We were churning out so much content in the beginning that logging and posting each article on each social media channel was becoming a real time consuming exercise. If we had had Buffer in the beginning we would have saved a great deal of time (and money) in the crucial start-up, make-or-break phase of our business.

Smart Pension made it through this early critical stage and is grateful to now be a more established entity. They’ve kept right on working.

The content team crushed it early on and put together the majority of the foundational, main topics needed to be a thought leader on pensions and enrolment. The next phase was tackling current news and changes, being more of a real-time resource for Smart Pension’s growing audience.

smart pension graphic

This shift to timely content also needed timely distribution, which is where social media marketing has really paid dividends for the team.

The news section is where we direct most of our efforts now. This is important, as investing a lot of time in your news section shows your customers that you are well aware of the changes in the industry, and that we know that the services we provide need to be altered and suited to the current market and the current pension laws. Social media is the channel in which we communicate our knowledge of industry changes to our customers.

Not a content creation problem … a content distribution one

In building out this news hub, Smart Pension ran into a slight problem:

We work so hard on making sure our news section addresses the current topics in the pension industry, that sometimes we finish a number of articles at the same time.

It’s a similar problem that might crop up for publishers, news organizations, online magazines, and others. It’s not that there’s any trouble coming up with content to share, it’s more a matter of knowing what to share and when to share it.

Jack and his team found the solution here with social media scheduling from Buffer.

Smart Pension spaces out new posts every few hours so that there’s room between each update.

The articles don’t all go up as a wall of similar-looking tweets and posts.

The buffered schedule makes it so that content hits the timeline at all times, helping to reach people who may be online at different times throughout the day.

And the beauty of it all: All this scheduling can be automated.

The scheduling function is also helpful to the work flow of the team. The team member who wrote the article can schedule the post for times of the day that we are posting less and then proceed to the next task. The team members do not have to try and remind themselves of when to post their articles.

Additionally, with the scheduling function we can then post articles at night and at weekends when team members would not necessarily be working. This means that we can have a round the clock presence on social media, without having one of our team members staying up all night!

Scheduling + Analytics

Lots of content to share and a set number of times to share it all: When do you get the most bang for your buck with social media sharing?

The Smart Pension team came up with a few experiments to test the best time to post for engagement.

Here’s an example:

To find out if it’s better to post extra content at night or over the weekends, set up a schedule for both and check the results.

After a few days, log into the Analytics section of Buffer and check to see which time slots have tended to perform the best. You can see this from the Analytics view with a quick glance and intuition …

Screen Shot 2015-12-12 at 1.03.44 PM

… or you can export data from your past period of experiments, and filter the results for each different time.

Here’s a sample spreadsheet using data from my own sharing:

Screen Shot 2015-12-12 at 11.14.36 AM

(Couple this with the takeaways from Buffer’s optimal timing tool to get even more confirmation for which way you’re leaning.)

Great content goes great with images

As we are a start-up, we cannot afford to have a graphic designer to create the imagery for our social media posts every time we need to post something. Pablo give us the ability to make our social media posts look interesting and exciting, whilst not having to pay for a graphic designer to design them and create them.

According to our most recent data here at Buffer, we’ve found that tweets with images get 150% more engagement than tweets without.

The takeaway: Test content with images!

We believe in this so strongly that we built our own tool for making this as easy as can be. The free image creator at Pablo makes it simple to create images for Twitter, Facebook, Pinterest, Instagram, and more, all at the ideal image size, all looking beautiful—no matter your design skills.

Here are some that the Smart Pension team has used on their latest social media updates:

//platform.twitter.com/widgets.js

//platform.twitter.com/widgets.js

//platform.twitter.com/widgets.js

Working with a team on a social media calendar

And another key piece to the team’s workflow and system is keeping all this distribution organized. One of Buffer’s newest features works great in this case: the social media calendar.

Our content calendar is designed to make sure that we are regularly completing and posting content through buffer. We can all log into buffer and see what other people are planning, and then we can plan our content around the existing scheduled posts.

pablo

Want no-worries scheduling for your social media posts?

Start my free trial

Smart Pension uses Buffer for Business to manage its social media profiles, share multiple times a day (without having to think about it), and work together to identify the content that works and what to share again and again.

Join Smart Pension and 5,000+ other brands and business with a free trial of Buffer’s most powerful social media features!

Image sources: Iconfinder, Pablo

The post How Smart Pension Shares to Social Media appeared first on Social.

from Social https://blog.bufferapp.com/smart-pension-case-study

The Vital Guide to HTML5 Interviewing

toptal-blog-image-1442562773864-7004785bb32cdbcde9cf125ea5873560.jpg

The Challenge

Today, HTML is over 20 years old. Over these 20 years, HTML was upgraded 4 times, leaving us with current HTML version 5. The upgrade path was not an easy one: W3C, official maintainer of the HTML specification, was slow in bringing new features to the specification, so web browser developers took things into their hands. This only resulted with more problems, especially for developers that were struggling to create web pages. It caused many cross-browser compatibility issues and wasted development hours. In today’s technology landscape, HTML5 has become an integral part of any front-end development. Although it is not a programming language, it is still an essential component of web applications, and even modern desktop and mobile applications. Today in technology, being 20 years actively used is a very long period. Accordingly, resumes that reference at least some degree of HTML5 experience have essentially become universal in the software development community. This makes locating HTML5 developers fairly easy, but makes pinpointing the perfect one that much more of a challenge.

Old habits die hard. Start using new HTML5 semantic tags today.

Our hiring guide will help you find developers who strive to follow high-quality approaches and have strong knowledge of HTML5 specifications. There’s no magic or foolproof technique, but there are certainly questions you can pose that will help determine the depth and sophistication of a candidate’s knowledge of the language. A brief sampling of such questions are provided below.

Questions and Answers

Q: HTML5 was designed to replace both HTML 4 and XHTML. Discuss new HTML5 features and key goals of the HTML5 specification.

Major goals of the new HTML5 specification were to deliver rich content (like graphics and videos) to customers without the need for additional plugins (namely Flash and Silverlight), to provide better semantic support for web page structure through the introduction of new structural element tags, to provide a stricter parsing standard to simplify error handling, and to simplify backward compatibility with documents written to older standards. In the end, the most important goal in a modern world is to provide better cross-platform support and to ensure that it all works well whether running on desktop computer, laptop, tablet, or even a smartphone.

To achieve all that, many new features were introduced with HTML5. New HTML5 improved support for embedding graphics, audio, and video content via the new <canvas>, <audio>, and <video> tags. Web workers were introduced, new extensions to the JavaScript API such as geolocation were added, new drag-and-drop features, as well as local storage and caching features. Many new semantic tags and new form controls were introduced to complement the structural logic of modern web applications.

Q: Explain what semantic HTML is and name new semantic HTML5 elements.

Semantic HTML is an HTML where the markup, or tags, show the meaning instead of pure presentation or look. For example, HTML5 recommends use of <strong> tags instead of <b> for bold text, and <em>instead of <i> for italic text. These semantic tags will generate the same bold and italic text, but instead of pure formatting information, they provide a meaning too.

HTML5 specification defined whole new semantic elements, like:

  • <article>
  • <aside>
  • <details>
  • <figcaption>
  • <figure>
  • <footer>
  • <header>
  • <main>
  • <mark>
  • <nav>
  • <section>
  • <summary>
  • <time>

New HTML5 form controls include:

  • <calendar>
  • <date>
  • <time>
  • <email>
  • <url>
  • <search>

Q: Discuss potential developer’s pitfalls with HTML5.

Old habits die hard. Many developers write modern web applications in HTML5 by using old specifications. The most prominent examples are when developers use <table> tag to setup a layout, or <span> or <div>when new semantic tags like <header>, <footer>, <article> or <aside> tags would be more appropriate. Or as discussed before, they don’t use new semantic tags <strong> or <em> instead of <b> and <i> tags. The result of this old approach is over-complicated markup that is behaving inconsistently across different browsers. When writing new HTML5 documents, developers should adopt new semantic tags, enjoy all the benefits that come with HTML5 specification, and let the old habits live in the past.

Q: Discuss how new HTML5 elements could be used in different combinations, namely <header> and <footer>, and <section> and <article>.

New HTML5 elements opened up a whole new combination of possibilities and interesting ways of their usage.

For example, despite classic knowledge that there can only be one header and only one footer, new HTML5 document can contain multiple <header> and <footer> elements. Both the new semantic tags are designed to serve their respective purposes in relation to their parent element. This means that not only the page <body> can contain a header and a footer, but so can every <article> and <section> element.

Another example is usage of new <section> and <article> elements, and their combination: <section>can contain <article> elements, and an <article> can contain <section> elements. To describe this with an example: in your web page you could have a dashboard page with a <section> for social network interactions, and a <section> for the latest news articles which would contain several <article> elements. Conversely, an <article> might contain a <section> at the end for reader comments.

Q: Discuss how HTML5 simplified HTML structure. Provide examples.

For a start, HTML5 specification simplified doctype declaration. Doctype, or Document Type Declaration, tells the browser what type of document they can expect. The old XHTML doctype declaration was as follows:

<span class="hljs-doctype"><!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></span>

While HTML4 Transitional doctype looks like this:

<span class="hljs-doctype"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd"></span>

The new doctype declaration for HTML5 is very simple:

<span class="hljs-doctype"><!DOCTYPE html></span>

Another simplification that HTML5 introduced, is how we declare character encoding, or charset, of the document. The charset declaration in HTML5 is as follows:

<!DOCTYPE html>
<html>
  <head>
    <meta charset=<span class="hljs-string">"UTF-8"</span>>
    <span class="hljs-keyword">...</span>
  </head>
  <body>
    <span class="hljs-keyword">...</span>
  </body>
</html>

This is much simpler than previously in HTML4 which didn’t have charset meta attribute:

<!DOCTYPE HTML PUBLIC <span class="hljs-string">"-//W3C//DTD HTML 4.01 Transitional//EN"</span>
   <span class="hljs-string">"http://www.w3.org/TR/html4/loose.dtd"</span>>
<html>
  <head>
    <meta http-equiv=<span class="hljs-string">"Content-Type"</span> content=<span class="hljs-string">"text/html; charset=utf-8"</span>>
    <span class="hljs-keyword">...</span>
  </head>
  <body>
    <span class="hljs-keyword">...</span>
  </body>
</html>

HTML5 specification went so far in the simplification, that the tags <html>, <body> and <head> are not mandatory for an HTML5 document to be valid. Following simple example will pass W3C Markup Validation Service:

<span class="hljs-doctype"><!DOCTYPE html></span>
<span class="hljs-tag"><<span class="hljs-title">title</span>></span>My title<span class="hljs-tag"></<span class="hljs-title">title</span>></span>
<span class="hljs-tag"><<span class="hljs-title">header</span>></span>My header<span class="hljs-tag"></<span class="hljs-title">header</span>></span>
<span class="hljs-tag"><<span class="hljs-title">p</span>></span>Wall of text<span class="hljs-tag"></<span class="hljs-title">p</span>></span>

The only important tag in this example to work is the new doctype for HTML5, without it the browser will not be able to detect that it is an HTML5 document.

Q: Explain why a cross-browser support is still important if all the modern browsers follow the same HTML5 specification.

HTML5 specifications is a set of rules that defines a valid document, and also provides instructions on how browsers must interpret and render such a document. Unfortunately, the reality is that no browser still supports all the rules defined by HTML5 specification. Most of the major browsers are supporting most of the specification, but there are still differences in browser interpretation of HTML5 specifications. As a result, it is necessary for the developer to confirm whether the aspect they are making use of will be supported by all of the browsers on which they hope to display their content. This is why cross-browser support continues to be a headache for developers, despite the improved specifications.

Q: Discuss accessibility aspects of HTML5, especially its limitations and problems when used in real world.

Today, web pages and applications are used more and more, and making them accessible to people who rely upon assistive technology is becoming more important than before. HTML has gone a long way, and HTML5 introduced new user interface features which enable people who rely upon assistive technology to use the web more easily. Although, there are problems. One of the problems is that developers and designers previously didn’t pay too much attention to this aspect of their web pages or applications. In their defense, as mentioned, one of their main reasons was that the web prior HTML5 didn’t have any accessibility interface features. And now, even if developers want to implement additional accessibility options in their applications, there is a constant problem any new and emerging web technology is facing: browser support. HTML5 accessibility is keeping track of the most common accessibility features across browser. To implement accessibility features and to cover all the browsers, additional time investment is required from developers. This can be a key factor that clients need to anticipate if they want their web applications and pages to be on the edge of what is possible with technology today.

Q: Explain HTML5 Web Storage, discuss its security considerations, and the difference between localStorage and sessionStorage.

HTML5 enabled web pages to store data locally within the user’s browser with use of Web Storage. In earlier versions, developers could only use cookies. New Web Storage is more secure and faster. Unlike cookies, data from Web Storage is not included with every server request, it is used only when asked for. The data is stored as a name and value pairs. Other benefits over cookies is storage limit. Web storage can be up to 5MB big, and its content is never transferred to the server. A web page can only access data stored by itself because it is limited per origin.

It is important to note that while Web Storage is more secure than cookies, there are things to keep in mind. It is better than using cookies because the content is not transmitted over the wire, but local storage is not encrypted. For that reason, sensitive data like security tokens should never be stored there. Web application should never rely on data stored in Web Storage, as a malicious user can easily modify data in the localStorage and sessionStorage values at any time.

Speaking of sessionStorage, the difference between localStorage and sessionStorage involves the lifetime and scope of the storage. Data stored through localStorage is permanent: it does not expire and remains stored on the user’s computer until a web application deletes it, or the user asks the browser to delete it. On the other hand, sessionStorage has the same lifetime as the browser tab in which the script that stored it is running. When the tab is closed, any data stored through sessionStorage is deleted.

Unlike the origin limit of the localStorage, sessionStorage is window scoped. For example, if a user has two browser tabs displaying documents from the same origin, those two tabs have separate sessionStoragedata. The scripts running in one tab cannot read or overwrite the data written by scripts in the other tab, even if both tabs are visiting exactly the same page and are running exactly the same scripts.

Q: Explain what web workers are.

JavaScript is a single-threaded language, so multiple scripts cannot run at the same time. Web workers is a new API for running scripts in the browser background independently of other scripts, in its own thread. The result is that web pages don’t need to wait for web workers to complete, which improves performance and responsiveness, because users can interact with the page while the web worker is still running in the background. Web workers are, for example, perfect for long-running scripts that do heavy computation.

Wrap Up

We just scratched the surface of the knowledge needed to be a top HTML5 developer. Finding true masters of HTML5 is a challenge. We hope you find the questions presented in this post to be a useful foundation in your quest for the elite few among HTML5 developers. Finding such candidates is well worth the effort, as they will undoubtedly have a significant positive impact on your team’s productivity and results.

Read More at The Vital Guide to HTML5 Interviewing

from Web Design Ledger http://webdesignledger.com/the-vital-guide-to-html5-interviewing

20 Free Retro and Vintage Fonts

governor.jpg

Awww, vintage and retro style designs are simply awesome. By using various design elements such as textures, patterns and brushes to add an aged or used appearance designers can easily pull of timeless look. To compliment retro/vintage appearance it’s also important to use proper typography from the time period you are trying to represent.
To help you out, I’ve rounded up 20 perfect free retro and vintage fonts to use in your designs.

Habana

Habana

Parisian

Parisian

Deftone Stylus

Deftone Stylus

Matchbook Typefaces

Matchbook Typefaces

Airstream

Airstream

Governor

Governor

Blue Plate Special

Blue Plate Special

Louisianne

Louisianne

Bellerose

Bellerose

Kelvinized

Kelvinized

Stone Island

Stony Island

Tall Deco

Tall Deco

Diner Regular

Diner Regular

Dymaxion Script

Dymaxion Script

Seaside Resort

Seaside Resort

Bazar Medium

Bazar Medium

Chi-Town

Chi-Town

East Market

East Market

Highlands

Highlands

Pompadour Numerals

Pompadour Numerals

Your Turn To Talk

I’m hoping that you found at least one new font to add to your collection. Which ones you like most? Let us know in the comment section below.

Read More at 20 Free Retro and Vintage Fonts

from Web Design Ledger http://webdesignledger.com/free-retro-and-vintage-fonts

40 Premium PSD Templates for 2016

27-travel-agency-psd-template

PSD templates can be quite useful for web designers of all skill levels. When using one you are able to start your project with a ready-to-go layout and a pack of UI elements, instead of a blank Photoshop window. Such templates can be easily transformed into HTML, and later – into themes for various content management systems. Today we want to introduce you to 40 handpicked PSD templates for all possible topics and website types.

You can use them together with external UI kits, icon sets, fonts, and background, creating your own unique designs much faster and easier. In the collection below we are sure you will find the layout that will perfectly fit your current or one of your future projects.

 

1. Ramirez Construction Co.

1-construction-psd-template

Price: $11

Ramirez Construction Co. is a business-like PSD template designed by TemplateMonster for industrial websites. Its layout includes a lot of elements necessary to build a company website: Google Map, client logos, thematic round feature icons, testimonial blocks, and more. Its layered structure will allow you to edit each element separately.

2. IT Company

2-it-company-psd-template

Price: $11

This PSD template will make a great landing page due to its conversion-optimized homepage layout. It features extremely clean flat design of all elements, large icons with long shadows, blocks with inclined borders, and a number of additional details such as progress bars.

3. Design

3-web-design-pds-template

Price: $11

This layered PSD template is a fusion of creativity and minimalism. It focuses on extraordinary typography and colorful mosaic patterns. This design is suitable for web design and advertising agencies that want to stand out from the crowd.

4. Gitex

4-financial-psd-template

Price: $11

Gitex is a perfect choice for business websites and corporate blogs. In the package you will find layered Photoshop files of all of its numerous pages. Btw, this design is also available as a WordPress theme. Maybe you remember Monstroid, a multipurpose WP theme that we reviewed a while back, the thing is that Gitex is one of the best Monstroid child themes. So you can either get Gitex as a PSD template or a WordPress theme.

 

5. Mobile Store

5-mobile -store-psd-template

Price: $11

PSD templates for eCommerce are generally much more complex than ones for common websites, and this Mobile Store is no exception. It includes all possible user interface elements needed to design an effective eCommerce store: discount badges, functional buttons, feature icons, and so on. Feel free to edit them in order to create your own unique store design.

6. Medicamus

6-medical-pds-template

Price: $11

Medicamus is another eCommerce PSD template, this time – for medical stores. Its flat design with an esthetically perfect combination of colors inspires trust and confidence. This template features a complex accordion sidebar menu that can be used in a store of any size.

7. ProIndustry

7-industrial-psd-template

Price: $11

ProIndustry is a modern-looking template that uses hi-end design solutions. It has been created using page-wide images, including one in the header. Its layout offers extraordinary hexagonal effects with a “strong” and manly look, semi-transparent menus, and ghost buttons.

8. Trucky

8-transportation-psd-template

Price: $11

Another great PSD template designed with interleaving plain and photography blocks. A continuous series of such blocks enriched with text content is sure to attract your visitors’ attention. This template is recommended for transportation and other car-related websites.

9. Travel

9-travel-website-psd-template

Price: $11

This one is a layered PSD template built in line with the latest web design trends. Similar to many other designs in this collection it includes a lot of transparent elements that add a feel of lightness, and accentuate your content.

10. Appartments

10-real-estate-psd-template

Price: $11

This template has been specifically laid out to suit the needs of real estate companies. It features a complex system of badges and search bars; various tabs, supplementary icons, and feature blocks. Its minimalist light design will allow you to modify it with ease.

11. Xurni

11-architecture-psd-template

Price: $11

Refresh your design with Xurni – a layered PSD template for interior design and furnishing websites, also available as a WordPress theme. It includes easily editable flat design elements such as buttons, arrows, menu items, and social media buttons. It will suit middle-sized portfolio websites and online stores selling furniture or offering interior design services.

12. Dental Clinic

12-dentist-psd-template

Price: $11

Use this PSD template to build a professional medical website. The icons included in the package have been designed specifically for this topic, so implementing them will be a breeze even for a novice designer. Its homepage is a long scrolling page packed with all kinds of layout elements aimed at increasing conversion and adding extra functionality.

13. Wegy

13-wegy-psd-template

Price: $11

With this easily editable PSD template you receive an ultimate tool that will help you create almost any website you can imagine. It comes with a full range of pre-made pages for business, eCommerce and blogging. Please note: this layout is also available as a Joomla template.

14. EngCorp

14-energy-psd-template

Price: $11

This PSD template with a smart combination of colors is utterly multipurpose. It provides space for sliders, social media buttons, company feature blocks, newsletter subscription forms, and much more. Creative buttons implemented in the template will liven up the design of your future website.

15. HR Staffing & Recruiting

15-hr-psd-template

Price: $11

HR Staffing & Recruiting is a layered PSD template that also exists in the form of a WordPress theme. It’s a purely business design with a strict functional layout and minimalist outline buttons. This means that it is devoid of heavy design elements, and is, therefore, very easy to edit.

16. TV Channel

16-media-magazine-psd-template

Price: $11

TV channel provides you with a readymade tool to create your own media portal. Its feature-rich layout is designed to display multiple categories and posts in the most space-efficient way. This type of website is particularly difficult to design from scratch, so this template will be a life-saver for you.

17. Mentax

17-heavy-industry-psd-template

Price: $11

If you want to design a professional-looking website for a large construction company, Mentax is always a good choice. Its layout has been designed in order to place all the important information about a company on its homepage. Some pleasant additions such as wide parallax images will only add charm to its solid design.

18. Tom Cooper

18-photographer-psd-template

Price: $11

To create a stylish portfolio website with an unusual layout use this professional PSD template. It is a page-sized scrolling design with minimalist interface that totally relies on the background image. Just replace the image – and you will completely change its look. Yes, it’s that simple.

19. Robert Adams

19-personal-page-psd-template

Price: $11

This personal website template will perform best as a foundation for business portfolio websites. It features a boxed layout, and thanks to the professional-looking serif fonts, has the look of a newspaper. This template can be used for a company website as well.

20. Exdesimo

20-landscape-design-psd-template

Price: $11

Pay special attention to this exterior design template. It focuses heavily on imagery and semi-transparent content blocks. Such a combination will make your website look outstanding regardless of its topic. Another point worth mentioning here is a trendy vintage X-logo that adds a handcrafted touch to the design.

21. Your App

21-landing-page-psd-template

Price: $11

If you are looking for a modern design to present your mobile app or online service, look no further than this layered PSD template for landing pages. It is sustained in one color, and will highlight your unique branding. Its elements are enhanced with slight shadows to add a sense of depth.

22. Bread Bakery

22-bakery-psd-template

Price: $11

This deluxe PSD template with a right-aligned menu and beautiful handcrafted icons will let you build a superb website without having to lay it out from scratch. Of course, this template is not solely for bakery websites. If you show some imagination you can adapt it to a wide range of topics. For example, it can be used to design a business website for an agricultural company.

23. Dallas Co

23-corporate-psd-template

Price: $11

Dallas. Co is a solid design created to perform as an effective landing page with any CMS, or just as an HTML template. It is one of those templates that will serve as a great landing page out of the box, without any need for additional customization.

24. Repair Theme

24-it-psd-template

Price: $11

The PSD template you are looking at is a flat website design for technology companies. Whether you are making a website for a hosting provider, a SEO specialist, or an Internet café, it is guaranteed to fit your project. Even if you are not fully satisfied with its color palette, don’t forget that you can change it with a couple of clicks in your Photoshop.

25. Business Consultant

25-business-consultancy-psd-template

Price: $11

Crafted with conversion in mind this Business template is another design that just works toward your success. Under a simple above-the-fold area you will find all kinds of design and marketing solutions that will turn your (or your client’s) casual visitors into customers and devoted fans.

26. CyanHouse

26-home-rental-psd-template

Price: $11

This sleek template with outline icons and a wide choice of various forms and fields is all you need to design a marketplace or a social media website. You will love its pixel-perfect outline icons, embossed parallax blocks and well thought out item previews with lots of additional functions.

27. Travel Guide

27-travel-agency-psd-template

Price: $11

To design a website for travel agencies use, this layered PSD template with colorful price charts and social media buttons fits the bill. It looks extremely fresh and light, what else do you need for a website that sells pleasure and relaxation?

28. Securax

28-security-psd-template

Price: $11

With a simple layout based on the combination of square and round flat elements, Securax provides a readymade solution for websites dealing with all things tech. Be it a website of a hosting provider, or a store selling security systems, with Securax it will look professional and robust.

29. Liam Hamilton

29-photo-portfolio-psd-template

Price: $11

The design of this Liam Hamilton portfolio template is exemplary when it comes to a harmonious blend of visual appeal and great usability. It utilizes a large all-caps font, following one of today’s latest design trends. Its extensive gallery capabilities are specifically aimed at photographers and videographers.

30. Jobs Finder

30-recruiting-psd-template

Price: $11

Give a try to this PSD template. It will help you design of a top-notch job finding portal in no time. The number of design elements included is amazing. Here you will find price charts, feature icons, circular progress bars, various buttons and topic-specific details. See for yourself.

31. High School

31-education-psd-template

Price: $11

The next on our list is a layered PSD website template for education. It is designed in such a way that it can be used both for school and university websites with equal effectiveness. This design powers one of Monstroid child themes, so you may use it for your WordPress website right off the bat.

32. Securex

32-security-services-psd-template

Price: $11

This design will fit technology-oriented websites of any size and complexity. It stands out of the crowd with its unique material design icons with long shadows. The layout has been optimized to highlight the strength of your company’s services, in order to increase sales.

33. Clothing

33-clothing-store-psd-template

Price: $11

Clothing is an elegant and rich-looking PSD template created to become a background for boutiques and clothing company websites. You can turn it into a website and use as-is, without modifying at all. But if you still want to edit it, it will be very easy thanks to its layered structure.

34. Wedding Store

34-wedding-store-psd-template

Price: $11

This template with a luxurious look is intended to be used as a foundation for online wedding stores. The peculiar feature of this design is extensive usage of diamond-shaped elements. They are represented just everywhere throughout the layout: in the logo, in feature icons, social media buttons, and even in price tags.

35. Fashion

35-portfolio-psd-template

Price: $11

Use this template to design fashion stores, photography and art portfolios, or any other websites that rely strongly on imagery. It uses a combination of handwritten and headline fonts to emphasize its creative nature. The dark background and cheerful yellow elements make it suitable for music and night club websites.

36. Foodhouse

36-restaurant-psd-template

Price: $11

Now we suggest that you have a look at this layered PSD template for restaurants and elite food delivery services. Its retro-touched look perfectly conveys the atmosphere of a real brick and mortar restaurant with a rich history. Its extraordinary typography and color palette will complement the unique image of your website.

37. Obrus

37-obrus-industrial-psd-template

Price: $11

Here is a well-designed template for industrial and business websites. You can also see it at work as a Monstroid child theme with the same name. Its popularity speaks for itself: thanks to clean design and rich functionality it is one of Monstroid’s bestselling sub-topics.

38. Creo Furniture

38-furniture-psd-template

Price: $11

Creo Furniture combines flat sleek flat design and versatile portfolio options to deliver a modern look and perfect usability. With its slightly feminine color palette it looks elegant and refined, making it perfect for all kinds of interior design websites.

39. Twingoo

39-business-psd-template

Price: $11

Twingoo is a great design featuring content sections that stand out from each other by being presented against different backgrounds. Its narrow top menu can be easily redesigned by replacing a logo with your own, and changing the color of buttons. This PSD template can be used for business websites, or online portfolios of creative agencies.

40. Web Development

40-web-development-psd-template

Price: $11

The last PSD template we would like to present to you today is a design for web development studios. Its basic color is turquoise – one of the most balanced, and therefore, most appealing colors in the spectrum. The template’s UI kit includes colorful progress bars, outline icons, and other elements to help you with designing your perfect website.

***

You can buy any of the templates mentioned above for as little as $11. Check out the entire collection, and let us know if we missed any cool design that you want to be listed here.

We hope this article motivated you, and boosted your inspiration. Good luck with your creative endeavors!

Read More at 40 Premium PSD Templates for 2016

from Web Design Ledger http://webdesignledger.com/40-premium-psd-templates-for-2016

MotoCMS Giveaway: Get 1 of 3 Responsive Web Templates

major picture

Website development is considered to be a complex process, requiring a lot of investment, effort and time. Different minds have to work together in order to implement a web project on behalf of a client who doesn’t have a clue about website design and code writing.

But there is one snag… Your enterprise is a losing battle, if you are not involved in it one hundred per cent. Of course, you may present your own strategy to the professionals, where you tell them about the vision you have for your website. But the web development industry’s specific character and a lack of specified knowledge will create a barrier between you and your web developers, negating all the odds of starting up a top-of-the-range website for your online
business. Not even mentioning wasted funds.

major picture

So what is the alternative? Here are a few suggestions:

MotoCMS Responsive Website Builder

MotoCMS is a company that has a knack for building ready-made websites that has equal functionality, but lower cost. Its website template collection contains many ready-made web designs for every purpose and intent. No matter what your intentions are, you will definitely find the desirable website among dozens of categories.

Try Your Chances

Do you want to have a stunning website with no charge? Participate in this contest! MotoCMS is giving away 3 website templates for free. This is not a joke. Leave a comment with the item number of the desired website template, starting from 22 December through to 29 December. Choose one of responsive website templates and wait for your prize! The lucky winner will be chosen by random selection on 30 December. Only one comment can make you an owner of a perfectly made, responsive website. It’s definitely worth a try!

Before making your choice, read below about the other awesome benefits that you can get by entering this competition, along with a lightning fast and good-looking web design powered by MotoCMS website builder.

Personalize Your Website

Would you like to edit your website design without professional assistance? Not a problem at all. With a purchase of any website template powered by MotoCMS you get the built-in admin panel – an easy-to-use website builder, providing your website full customization. A broad spectrum of integrated widgets and tools will help you to transform your website’s appearance, even if you are not familiar with web design and programming.

motocms responsive website builder

Set Colors

Among the tools that are provided in the admin panel powered by MotoCMS responsive website builder, this one deserves special mention. Color Picker is the finest way to create your website’s color palette in one place. Based on the five main colors, when applied to your website, Color Picker creates more than twenty five tones for a website owner to choose from, to create the best color set for his website. On top of that, there are additional color sections available, including five other unique hues to pick from.

color picker tool

Optimize Social Media

Currently social media is one of the most important aspects of the Internet. One can not only find new friends or read the latest news, but it’s also very beneficial for online business. Create social media accounts and connect them with your website by drag-and-dropping Facebook Feed, Twitter Timeline or Pinterest board widgets. Add Social Links and Social Buttons for users to share and like your website.

social network widgets

Appeal to Search Engines

People often use search engines to find a web resource they need. A proper search engine optimization strategy will raise your website rankings and push it to the top of the search results. The MotoCMS admin panel allows users to set basic SEO settings in a few clicks. Write page titles, descriptions and keywords and optimize URLs. Check the No-index, No-follow and Hide Canonical boxes to enable these features.

Transfer Your Data

Before adding your personal content to your website, upload it to Media Library. Just drag-and-drop needed items to the required area of this excellent file manager and they will be ready for use in a second. Create new folders to structure uploaded files like photos, videos, audios, archives, documents and other. Check and edit file properties as well. Keep in mind that the maximum upload file size is 2 MB.

motocms responsive website builder file manager

Make It Responsive

Responsiveness is a key element of web design. This trend put mobile devices in the same league as desktops. Your responsive website template from MotoCMS will be appreciated by smartphone and tablet users, due to its superb mobile version. Your website template layouts will be automatically adjusted to all modern mobile devices’ screen resolutions, keeping your website’s original look.

24/7 Tech Support

Seeking for advice? Contact the 24/7 customer support service provided by MotoCMS. Talk to a professional and get an instant response on the topic of your interest. If you are pushed for time, set a phone call yourself and wait for a timely callback. Alternatively you can type a message in the live chat and receive a reply immediately.

E-commerce Plugin

Here is a special offer for everyone who intends to start up an online store. After adding the E-commerce plugin to your website template, click the “Store” button in the admin panel to initiate the work of your online shop. Access your daily and monthly analytics, displayed on a diagram. Receive orders and check their status. Create product catalogs and set discounts with promo-codes. Look through your customers’ contact information and trace their actions in your online store. Payment, tax, design and other properties are also available for setup.

Blog

Are you looking for a website with a blog functionality? MotoCMS website templates collection contains a bunch of made-up websites that will help you to begin successful blogging career. Write and edit posts, play with layout design, set backgrounds, change text style, pick different images and buttons presets, set published posts amount, enable or disable comments. Choose your website with a blog among the website templates that we’re showcasing below. Take your part in the giveaway by writing a comment with a number of the desired design.

Conclusion

A ready-made website template is the best solution to save you time and money, when building your own online business. Create your website with MotoCMS and you will have the ability to manage your website without leaving the web browser. If you are not convinced yet, take a look at the following collection of MotoCMS responsive website templates. Try any template free for 14 days and see for yourself. All the changes made in the trial version of the chosen web design may be saved after it’s purchased. Also don’t forget to leave your comment below to get your reward. You have time until 29 December!

Responsive Business Web Template

ready made website for corporation

Business Web Page Template

responsive site design

Financial Consultants Website

business site template

Read More at MotoCMS Giveaway: Get 1 of 3 Responsive Web Templates

from Web Design Ledger http://webdesignledger.com/giveaway-from-motocms

Apple slams the UK’s surveillance bill for crippling security

GCHQ
Apple has called for changes to be made to the UK’s Investigatory Powers Bill, which aims to track citizens’ internet use and increase government agencies’ abilities to snoop on citizens. The company fears that if the proposal goes into effect, it would drastically affect its customers’ security and privacy. The bill was published last month and is currently being reviewed. In a submission to the bill committee, Apple said: We believe it would be wrong to weaken security for hundreds of millions of law-abiding customers so that it will also be weaker for the very few who pose a threat.…

This story continues at The Next Web

from The Next Web » UK http://thenextweb.com/apple/2015/12/22/apple-slams-the-uks-surveillance-bill-for-crippling-security/