10 Free Responsive Jquery Carousel Slider plugins

jQuery carousel slider plugins which are fully responsive and free to use. This responsive jquery plugins can be used to create a beautiful website designs.

jQuery carousel slider plugins is typically a dynamic scrolling list of items in horizontal order where previous and next items are partially visible. Using sliding horizontal panels, known, as Carousels and Sliders, to feature top content, is one of the strongest web design trends over the last couple of years. In web design, a responsive jQuery carousel is an element giving visitors easy and visible access to several content items. It is a very effective method to increase the website usability and engage the user. The reason for this trend is mainly the arrival of jQuery that have made it almost a “walk in the park” to add a jQuery carousel.

 

Free Responsive Jquery Carousel Slider plugins

There are many great  jQuery carousel plugins available today, and it is quite difficult to choose the best. Take a look on some free responsive jQuery carousel slider plugins which gives a easy access to several content items using arrow indicator or simply view the showcase auto play.

OWL Carousel

Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.
For More Details

bxSlider Carousel

bxSlider is a fully responsive jquery carousel slider plugin. It has lots of features and we can easily integrate this jQuery plugin in our websites.
For More Details

FlexSlider 2

FlexSlider is a fully responsive jquery carousel slider plugin with static or dynamic min and max ranges features.
For More Details

Elastislide

Elastislide is a responsive image carousel that will adapt fluidly in a layout. It is a jQuery plugin that can be laid out horizontally or vertically with a pre-defined minimum number of shown images.
For More Details

Amazing Carousel

Amazing Carousel is an easy-to-use Windows & Mac app that enables you to create circular, responsive jQuery Carousel and jQuery Image Scroller. The carousel can also be published as WordPress Carousel Plugin, Joomla Carousel Module and Drupal Carousel Module.
For More Details

anoSlide

anoSlide is ultra lightweight responsive jQuery carousel plugin. It’s suitable for implementing a carousel for both desktop and mobile viewports.
For More Details

Flexisel

Flexisel is a responsive image carousel with options specifically available for adapting the carousel for mobile and tablet devices.
For More Details

jQuery Liquid Carousel Plugins

Liquid carousel is a jQuery plugin intended for liquid designs. Every time the container of the carousel gets resized, the number of items in the list change to fit the new width.
For More Details

CarouFredsel

jQuery carouFredSel is a plugin that turns any kind of HTML element into a carousel. It can scroll one or multiple items simultaneously, horizontal or vertical, infinite and circular, automatically or by user interaction. Oh, and it’s responsive too.
For More Details

Iosslider

Iosslider is a jQuery plugin which allows you to integrate a customizable, cross-browser content slider into your web presence. Designed for use as a content slider, carousel, scrolling website banner, or image gallery.
For More Details

Read More

Build a Responsive Pricing Table with Neat Hover States

Final Product What You'll Be Creating

Download Source Files

Demo  View It Online

During this tutorial we’ll be creating a sleek pricing table with some striking hover effects. We’ll use Lea Verou’s Prefixfree script to keep our CSS clean, plus we’ll make the whole thing responsive, shifting the layout at a couple of breakpoints.

---

The Markup

The image below displays a visual skeleton of the markup we will be creating. As you can see, it’s not built using tables; we’re using unordered lists for maximum flexibility and responsiveness.

HTML Markup

Before anything else, we need to begin with an empty document. Very important here is the viewport meta tag which will allows all devices to properly interpret our responsive layout.

001 002 003 004 005 006 007 008

<!DOCTYPE html> <html lang="en" > <head>     <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> </body> </html>

Now we can begin with the meat of our table markup (or rather list markup):

001 002 003 004 005 006 007 008 009 010 011 012 013 014 015 016 017 018 019 020 021 022 023 024 025 026

<ul class="pricing_table">     <li>...</li>     <li class="price_block">         <h3>Basic</h3>         <div class="price">             <div class="price_figure">                 <span class="price_number">$9.99</span>                 <span class="price_tenure">per month</span>             </div>         </div>         <ul class="features">             <li>2GB Storage</li>             <li>5 Clients</li>             <li>10 Active Projects</li>             <li>10 Colors</li>             <li>Free Goodies</li>             <li>24/7 Email support</li>         </ul>         <div class="footer">             <a href="#" class="action_button">Buy Now</a>         </div>     </li>     <li>...</li>     <li>...</li> </ul> <script src="prefixfree.min.js" type="text/javascript"></script>

At the very bottom we’ve included prefixfree (before the closing </body> tag), which allows us to use unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed.

---

Styles

Having sorted out our markup, let’s look at adding some styles. I’ll be doing so within <style> tags in the document head, but you can use a separate stylesheet if you’d rather.

1. Basic Styles

001 002 003 004 005 006 007 008

@import url(http://fonts.googleapis.com/css?family=Ubuntu); * {     margin: 0;     padding: 0; } body {     font-family: Ubuntu, arial, verdana; }

To start with, we apply a basic CSS reset and use a custom font ‘Ubuntu’ which is being pulled in from Google Fonts.

2. Pricing Table and Price Blocks

001 002 003 004 005 006 007 008 009 010 011 012 013 014 015 016 017 018 019 020

.pricing_table {     line-height: 150%;     font-size: 12px;     margin: 0 auto;     width: 75%;     max-width: 800px;     padding-top: 10px;     margin-top: 100px; } .price_block {     width: 100%;     color: #fff;     float: left;     list-style-type: none;     transition: all 0.25s;     position: relative;     box-sizing: border-box;     margin-bottom: 10px;     border-bottom: 1px solid transparent; }

The .pricing_table is kept 75% wide, but limited to 800px so that it does not take a huge amount of space on wide screens.
We are approaching things mobile first, hence .price_block is 100% wide by default to cover the entire width available. Later we will use media queries to fit in more blocks horizontally on wider screens.

The 10px bottom margin given to .pricing_block comes into play when users view the pricing table on smaller screens, particularly when some of the pricing blocks fall down and stack below one another. It goes towards compensating a negative 10px top margin applied to the .price_title of the pricing blocks stacked below. You will read more about the 10px negative margin in the next section.
The 1px transparent border for .pricing_block creates a gutter helping in separation of the different blocks of content.
.price_block is also set to have position: relative; so that when box shadows are applied for hover effects, z-index can be used on the hovered block to make its shadow appear above the nearby elements.

3. Price Heads

001 002 003 004 005 006

.pricing_table h3 {     text-transform: uppercase;     padding: 5px 0;     background: #333;     margin: -10px 0 1px 0; }

The price heads have a -10px top margin. This causes the contents of the .price_block to move upwards so that they’re displayed above the shadow, giving a top-light feel.

4. Price Tags

Now for the sections which actually display the pricing details.

001 002 003 004 005 006 007 008 009 010 011 012 013 014 015 016 017 018 019

.price {     display: table;     background: #444;     width: 100%;     height: 70px; } .price_figure {     font-size: 24px;     text-transform: uppercase;     vertical-align: middle;     display: table-cell; } .price_number {     font-weight: bold;     display: block; } .price_tenure {     font-size: 11px; }

One point worth noting here is that the price tags are aligned vertically center. This is required for prices which may not have a tenure (eg. FREE).
.price is set to have display: table; and its immediate child .price_figure is set to have display: table-cell; and vertical-align: middle; to achieve the effect.
.price_figure acts as a container for .price_number and .price_tenure so that they can be vertically center-aligned as a single unit.

5. Features

001 002 003 004 005 006 007 008 009 010

.features {     background: #DEF0F4;     color: #000; } .features li {     padding: 8px 15px;     border-bottom: 1px solid #ccc;     font-size: 11px;     list-style-type: none; }

6. Footer and Action Button

001 002 003 004 005 006 007 008 009 010 011 012 013 014

.footer {     padding: 15px;     background: #DEF0F4; } .action_button {     text-decoration: none;     color: #fff;     font-weight: bold;     border-radius: 5px;     background: linear-gradient(#666, #333);     padding: 5px 20px;     font-size: 11px;     text-transform: uppercase; }

7. Hover Effect

001 002 003 004 005 006 007 008 009 010 011 012 013 014 015 016

.price_block:hover {     box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.5);     transform: scale(1.04) translateY(-5px);     z-index: 1;     border-bottom: 0 none; } .price_block:hover .price {     background:linear-gradient(#DB7224, #F9B84A);     box-shadow: inset 0 0 45px 1px #DB7224; } .price_block:hover h3 {     background: #222; } .price_block:hover .action_button {     background: linear-gradient(#F9B84A, #DB7224); }

There will be three aspects to the hover effect:

• Color change – The background color is changed from dark grey to an orange-yellow gradient for .price and .action_button. Additionally, .price also gets an inset orange shadow to enhance the color effect.
• Shadow – a basic 5px translucent shadow.
• Upward shift and scaling using CSS3 transforms – The .price_block hovered is scaled to 104% and moved upwards by 5px.

.price_table already has CSS3 transitions applied which makes the hover change a smooth animation.
You can also use these hover effects as an active state if you wish to highlight one of the prices by default. All you need to do is add an active class to one of the price blocks and move/copy the hover styles to it.

---

Adding Media Queries

We’ll follow a simple approach to make the pricing table responsive. The sections are already fluid as they use % based widths, so all we need to do is control the number of horizontal blocks visible on different screen sizes.

• < 480px – show 1 block (this is our default)
• 480px – 768px – show 2 blocks
• 768px+ – show all 4 blocks

These breakpoints are defined purely on what works visually with this design. Let’s add our media queries underneath our other styles.

001 002 003 004 005 006 007 008 009 010 011 012

@media only screen and (min-width : 480px) and (max-width : 768px) {     .price_block {width: 50%;}     .price_block:nth-child(odd) {border-right: 1px solid transparent;}     .price_block:nth-child(3) {clear: both;}     .price_block:nth-child(odd):hover {border: 0 none;} } @media only screen and (min-width : 768px){     .price_block {width: 25%;}     .price_block {border-right: 1px solid transparent; border-bottom: 0 none;}     .price_block:last-child {border-right: 0 none;}     .price_block:hover {border: 0 none;} }

For the viewport range of 480px – 768px we make each pricing block 50% wide. This will effectively stack them in rows of two. The .price_block:nth-child(3) {clear: both;} ensures that the third block clears the upper two blocks, even when hover states change the size of everything. We’re also setting a 1px right border on .price_block(odd ones) to create a vertical gutter between the price blocks on the left and right hand sides.

For 768px and above we set the width of each block to 25% giving us rows of four. We’re also setting borders on the right side of all the price blocks, except the last one, to create the same vertical gutter as above.

---

Conclusion

With a fluid layout, some simple styling and a couple of breakpoints, we’ve built a neat CSS3 pricing table. I hope you find use for it!

Source 

Read More

Introducing WordPress: Learn by Video with Joe Chellman

 

Video2Brain – Introducing WordPress: Learn by Video with Joe Chellman
English | Duration: 4 hrs 25 min
Genre: eLearning

WordPress is among the most popular blog software on the Internet, and with good reason: It is powerful, approachable, and free. In this Learn by Video course (created in partnership with our friends at Peachpit Press), web designer and trainer Joe Chellman teaches you what you need to know to use WordPress to create your own blog, from installing and configuring the software to adding and managing content. You’ll also learn how to customize your blog by choosing a theme? (a visual design) and adding plugins, as well as how to maintain your site by backing it up and updating the software when necessary. After completing this course, you’ll be empowered to create an awesome website for yourself and nearly anyone else!
More Info: http://www.video2brain.com/en/courses/introducing-wordpress-learn-by-video
Download
http://eaload.com/download/5986/sevno-com_v2b_introducing_wordpress-rar.html
Mirror For Japan, EU, UAE, China, Au, Ru, SA, Brazil and Sing…
http://downloadine.net/dl/BQJH31QYE2/5986/sevno-com_v2b_introducing_wordpress-rar.html
http://uploaded.net/file/95349n9l/sevno-com_v2b_introducing_wordpress-rar.html
http://www.mediafire.com/?b28b8qd32v2
http://www.filefactory.com/file/jqf1147x3b95/sevno-com_v2b_introducing_wordpress-rar.html
http://rapidshare.com/files/r87avey1p7/sevno-com_v2b_introducing_wordpress-rar.html
http://extabit.com/file/af8bd4as4422w/sevno-com_v2b_introducing_wordpress-rar.html
http://uploading.com/files/get/lqs34vhw/sevno-com_v2b_introducing_wordpress-rar.html
http://bitshare.com/files/bo2tig7u/sevno-com_v2b_introducing_wordpress-rar.html
http://rapidgator.net/file/j33uxc4ytt457tehkqs02p10jodb38698/sevno-com_v2b_introducing_wordpress-rar.html
http://hotfile.com/dl/e7v549yc4/sevno-com_v2b_introducing_wordpress-rar.html
http://www.netload.in/150h2ygr7c83sl9/sevno-com_v2b_introducing_wordpress-rar.html
http://dizzcloud.com/dl/6f347o3/sevno-com_v2b_introducing_wordpress-rar.html

Read More

How to Make Selections With Pixelmator

 

  

Tutorial Details

• Apps Used: Pixelmator
• Estimated Completion Time: 13 Minutes
• Difficulty: Beginner

Final Product What You'll Be Creating

Pixelmator is an easy-to-use, fast, and powerful image editing app for the Mac. In this tutorial, we will dive deeper into a very important part of image editing; making selections. Selections tell Pixelmator what part of the image you want to edit. Everything that is outside the selection will be ignored. There are a wide range of selection tools available, this tutorial will take a close look at each of them. Let’s get started!

---

1. Using Marquee Tools

The rectangular and elliptical marquee tools are ideal for making quick selections of areas in our image. To make a selection with one of these tools we have to select them from the Tools Palette first. Then we click inside the document window where we want our selection to start, hold the mouse button and drag the mouse to draw our selection. Releasing the mouse button will finish the selection.

For each selection tool there are similar options in the tool options bar that let us:

1. Create a completely new selection
2. Add to the existing selection
3. Subtract from an existing selection
4. Intersect with an existing selection

Step 1

Open an image that looks similar to the image we use in this tutorial. An image of an apple on a white background is perfect for this exercise.

Step 2

Select the Elliptical Marquee Tool, activate New Selection Mode from the Tool Options bar and make a selection around the apple. While dragging with mouse you can hold the Shift-key in order to constrain the shape of the selection to a circle. If you prefer to start your selection in the middle of the apple, then you can hold the Option-key to start drawing from the centre of the selection. Holding both keys at the same time will create a circular and centred selection. Make sure not to include the whole stem into the selection.

Step 3

Activate Add to Selection Mode and draw an elliptical selection around the parts of the stem that weren’t selected yet. We can also hold the Option-key before starting the selection to switch to add mode temporarily.

---

2. Paint Selection Tool

The Paint Selection Tool is a great tool for detailed selections of parts of images with different color shades. With this tool we can make a selection by painting over the area we want to select. The Paint Selection Tool then tries to intelligently select more of the image based on the color shades we are painting over.

Step 1

Select the Paint Selection Tool from the Tools Palette and set the selection mode to subtract The mouse pointer changes into a circle representing our brush size.

Step 2

In the Tool Options bar we see a diameter slider. This controls the diameter of our brush. Adjust the slider so the diameter of the mouse pointer is slightly less than the width of the stem of the apple.

Step 3

This will be a detailed selection and therefore we want to zoom in on our image to see as much of the stem as possible. Use the key combination Command and + to zoom in.

Step 4

Paint with the mouse pointer over the stem by clicking and dragging. While painting you’ll notice that an overlay appears over the stem. The overlay shows the parts of the image the Paint Selection Tool wants to select for us. When we release the mouse button we see that a hole appears inside our selection. This is because we used the Paint Selection Tool in subtract mode.

---

3. Changing the Color of the Apple

We have now told Pixelmator that every edit we want to do to our image, should only be applied to the parts of the image that are selected. We can now change for example the color of the apple without changing the color of the stem or the hands around it.

Step 1

Go to the Effects Browser and choose the Color Adjustments effects. Double-click on the Colorize effect.

Step 2

Adjust the color wheel to change the color of the apple. Adjust the Saturation slider if needed. You’ll see that only the color of the apple changes.

---

4. Magic Wand Tool

Another selection tool that has a lot in common with the Paint Selection Tool is the Magic Wand Tool. With the Magic Wand Tool we can also select areas of our image based on their color shade.

Step 1

Deselect our existing selection by using the key combination Command-D. Then activate the Magic Wand Tool from the Tools Palette. Make sure the selection mode is set to New Selection.

Step 2

Click on a part of the apple, hold the mouse button and drag the mouse. You’ll see an overlay appear, telling us which parts of our image are going to be selected. We can increase the tolerance by dragging the mouse further away. This will include more of the apple in our selection. Make sure to increase the tolerance in such away that we select all of the apple including the stem. Release the mouse button to complete the selection.
Depending on where you started your selection and the tolerance you used, you’ll either have selected the whole apple or just a part of the apple. If you have selected only a part of the apple you can put the selection tool on Add mode and select the remaining parts with the Magic Wand Tool. If you have selected too much, you can put the selection tool on Subtract mode to remove parts of the selection. You might also want to use one of the other selection tools to refine your selection further.

---

4. Select Color

The last selection tool we are going to take a look at is a tool that is not available in the Tools Palette. We can find it under the Edit Menu and is called Select Color…. This tool behaves more like an effect than a selection tool as we will see now.

Step 1

Make sure our previous selection is still active. And select Select Color… from the Edit Menu.

Step 2

Our mouse pointer changes into a large circle, acting like a magnifying glass. Click with the magnifying glass on the stem of the apple to select the color of the stem.

Step 3

The color box will change its color to the color of the stem. Adjust the radius slider in order to determine how much of the stem we want to select.

You’ll notice that when you increase the radius too much, also other parts of the apple will get selected. You’ll also see that non of the areas outside of the apple get selected. This is because we have applied the Select Color tool on an already existing selection. We already had selected all of the apple. And the Select Color tool will therefore only work on what’s already selected.
When we click on the OK button we’ll end up with a completely new selection where only the stem of the apple is included.

---

Congratulations!

We’ve taken a look at the selection tools available in Pixelmator and how they work. You should now have a much better insight into making selections in Pixelmator. Stay tuned for the next part of this series, explaining how to use the Effects Browser.

Read More

It’s All E-Commerce Now

E-commerce is an idea whose time has come and gone. Here’s why.

  

When you think of Macy’s, you probably picture Santa Claus, a Thanksgiving Day parade, or its eleven-story, 2.2-million-square-foot flagship location in Manhattan, once known as the world’s largest store.

But that wouldn’t be an accurate picture of the U.S. retailer. In recent years, Macy’s has turned into a digital hybrid nearly as familiar with GPS signals and online advertising as it is with clothes racks and perfume counters. According to its annual report, it’s now “an omnichannel retail organization operating stores and websites.”
“Omnichannel” is a buzzword that describes a survival strategy. Threatened by the growth of low-cost online merchants, traditional retailers are reacting by following customers onto the Internet. Macy’s does it as well as any. On its website, it installs 24 different tracking cookies on a visitor’s browser. On TV, it runs ads with Justin Bieber that urge millennials to download its mobile app, which tells them which of the chain’s stores is closest to their location. Once inside, they can use the app to scan QR codes on a pillowcase or a pair of shoes. Online orders now ship from the backrooms of 500 Macy’s stores that this year began acting as mini distribution centers.

So what’s online and what’s offline? And does it matter anymore in retail? These are the big questions behind this month’s MIT Technology Review Business Report. “Getting into data, analytics, or mobile isn’t even a decision anymore, so we should stop calling it e-commerce and call it just commerce, or maybe pervasive commerce,” says Chris Fletcher, a research director at Gartner who works with retailers. “It’s happening and you have to deal with it. But companies are just getting used to the idea that it’s all one experience.”
According to the U.S. Census Bureau, which tracks economic data, only 5.2 percent of U.S. retail purchases were made online in 2012 (13.1 percent if you don’t include gasoline, groceries, or automobiles). So in-person sales still dominate. But these figures underestimate the effect of the Internet. When stores like Best Buy survey their customers, they find that 80 percent of them have already searched for price information online. A third of them do so on a phone while inside a store.
Coloring the situation is just how badly most large merchants misjudged technology. Back in 2008, Accenture found that retailers invested only 2 percent of their revenue in technology while most other industries invested two to three times that much. As they stood by, Amazon.com has amassed annual sales of $60 billion, six times the online sales of its nearest U.S competitor, Walmart.
With its thousands of engineers, Amazon is starting to look like a software company that just coincidentally sells things. But now it and other Internet companies, including eBay and Google, are investing in same-day delivery—getting goods to people just hours after they order them. With their drop boxes and fleets of delivery cars, they’re bidding to eliminate one of physical retailers’ main advantages: immediate gratification.
Traditional chains are running in the opposite direction. They must reach customers on social media, on the Web, and on their phones. But their stores—often thought of as a costly liability—may turn into an advantage. One emerging technology is indoor mapping, which enables retailers to capture customers’ cell-phone location while they’re browsing. With Wi-Fi sensors and even video surveillance, chains may be able to do the same kind of behavioral advertising that’s possible on the Web. Imagine them, for instance, sending a timely coupon to that shopper circling the outdoor grills in Aisle 6.

“Retail has become a blur. And the blurring is 100 percent driven by technology,” says Tige Savage, a partner at AOL founder Steve Case’s investment company, Revolution, which is investing in new online retail startups. “Are you at the store? Or is the store at you? And then there’s mobile, the store is in your pocket. The game is to satisfy demand wherever and whenever it is.”

Read More

'So, that's why it's called Bluetooth!' and other surprising tech name origins

This logo might RUNE your day.

The startup world is filled with all manner of intentionally misspelled nonwords and incomprehensible baby talk. It’s enough makes one nostalgic for an earlier time when tech names actually meant something.
The stories of how some of the world’s biggest brands and technologies came up with their names open a window to a different era—a simpler time before Web squatters took all the normal names and corporations focus-grouped language to death.
A better time.
Here we present the hidden—and occasionally accidental—histories behind some of the biggest names in tech.

Bluetooth

Like most normal people, you probably haven’t invested too much of your valuable time pondering the origins of the term “Bluetooth.” As it turns out, the ubiquitous wireless technology’s name has nothing to do with being blue or tooth-like in appearance and has everything to do with medieval Scandinavia.
Harald Bluetooth was the Viking king of Denmark between 958 and 970. King Harald was famous for uniting parts of Denmark and Norway into one nation and converting the Danes to Christianity.
So, what does a turn-of-the-last-millennium Viking king have to do with wireless communication? He was a uniter!

Harald Bluetooth in an ancient version of Instagram.

In the mid-1990s, the wireless communication field needed some uniting. Numerous corporations were developing competing, noncompatible standards. Many people saw this growing fragmentation as an impediment to widespread adoption of wireless.
One such person was Jim Kardach, an Intel engineer working on wireless technologies. Kardach took on the role of a cross-corporate mediator dedicated to bringing various companies together to develop an industry-wide standard for low-power, short-range radio connectivity.
At the time, Kardach had been reading a book about Vikings that featured the reign of Harald, whom he viewed as an ideal symbol for bringing competing parties together, as he explained:

Bluetooth was borrowed from the 10th-century, second king of Denmark, King Harald Bluetooth; who was famous for uniting Scandinavia just as we intended to unite the PC and cellular industries with a short-range wireless link.

The various interested parties eventually came together to form the Bluetooth Special Interest Group, which developed the agreed-upon standard we know and love today. “Bluetooth” was originally meant to be a placeholder, but the name had already taken off in the press and thus remains around today.
The millennium-old shout-out doesn’t end there. The Bluetooth logo—that cryptic symbol in a blue oval printed on the box your phone came in—is actually the initials of Harald Bluetooth written in Scandinavian runes.

eBay

The Web’s go-to site for acquiring Justin Bieber branded duct tape and oddly shaped potato chips might be excused for including the “e” prefix in its name. The nearly 20-year-old site was born in a technological era when “e” was the accepted prefix to indicate to all things “electronic.” But as it turns out, eBay’s “e” stands for “echo,” and its “bay” just stands for itself—and neither “echo” nor “bay” has anything to do with online bidding.
The site that would become eBay started life as the more aptly dubbed “AuctionWeb,” which was part of a larger personal site run by former Apple software engineer Pierre Omidyar.
As AuctionWeb grew in popularity, Omidyar decided to spin it off into its own entity, which he wanted to call “Echo Bay” after his consulting firm, Echo Bay Technology Group. Unfortunately the echobay.com domain was already taken, so Omidyar shortened it to the available “ebay.com.”
Takeaway: Sometimes success means just settling for what’s available.

Google

We all do it: We use the awesome power of Google to correct our common misspellings. For example, I never spell the word “bureaucrat” correctly on the first try, but I can depend on Mountain View’s algorithm to provide the correct spelling whenever I plug in “buerocrat” or some other massacred linguistic approximation.
Unfortunately, this spelling-correction wizardry was unavailable to the site’s founders in the 1990s.
The word googol (note the third “o” and the lack of an “e”) is a mathematical term for the number 10 to the 100th power (or a 1 followed by 100 zeros). Cofounder, and current sad CEO Larry Page decided that it would be the perfect name for his new company as it reflected the nearly unimaginable vastness the Web.
However, the two-“o” “Google” we’re familiar with today is the result of an accidental misspelling by one of Page’s classmates, Sean Anderson. David Koller, another Stanford classmate of Page who was around at the dawn of Google recalls the story behind Google’s name on his personal Stanford site:

[Fellow Stanford student] Sean [Anderson] and Larry were in their office, using the whiteboard, trying to think up a good name—something that related to the indexing of an immense amount of data. Sean verbally suggested the word “googolplex,” and Larry responded verbally with the shortened form, “googol”...Sean is not an infallible speller, and he made the mistake of searching for the name spelled as “google.com,” which he found to be available. Larry liked the name, and within hours he took the step of registering the name “google.com”...

Amazon

Amazon.com is the global superstore that places everything from diapers to streaming original sitcoms to questionably legal botanicals a single click away from increasing your credit card debt. But what does the name “Amazon” have to do with the site’s original niche—books—let alone with its expanded mission as an electronics manufacturer and a seller of all things sellable?
Well, they’re both big, and they both start with the right letter.

Bezos wants to bring you all the things.

Founder Jeff Bezos had originally dubbed his company “Cadabra” (as in “abracadabra”). But when his lawyer misheard the name as “cadaver” (as in “dead person”), Bezos decided his company needed a new, less morgue-friendly name.
Back in the pre-Google world, a company’s position near the front of alphabetized phonebooks (and of early web approximations of phonebooks) was still a chief concern. “A” was where you wanted to be.
So Bezos went rummaging through the dictionary’s first chapter in search of a likely business name—and eventually settled on “Amazon.” Why? According to him, because it referred to the biggest river in the world. The biggest by a long shot.
On a tangential note: Take a look at the subliminal messaging in the current Amazon logo, which features a slightly askew smirk beneath the Amazon name. Note how the smirk resembles an arrow connecting the first “a” in “Amazon” to the letter “z,” subtly driving home the point that the store delivers everything from A to Z.

Etsy

Etsy is the multi-million-dollar virtual marketplace for occasionally insane homespun crafts. But what is an “etsy” exactly? If you think it’s just some made-up nonsense word that has no meaning, you’re absolutely correct.
Launched in 2005, the company came about at a time when natural language URLs were already in short supply. Etsy cofounder Robert Kalin has admitted that “etsy” was simply an available nothing word, but one that sorta has some nice happenstances of translation.
“I wanted a nonsense word because I wanted to build the brand from scratch,” Kalin said in a 2010 interview with Reader’s Digest. “I was watching Fellini’s 8½ and writing down what I was hearing. In Italian, you say etsi a lot. It means ‘oh, yes.’ And in Latin, it means ‘and if.’”
So the company’s name means “and if” in a dead language. Try as Kalin might to justify it, Etsy still means nothing.

Nintendo

Though it wasn’t the first home console system, the Nintendo Entertainment System was the biggest of its day. But few American children who spent the late 1980s addicted to goomba-stomping were aware that the Kyoto-based Nintendo Corporation had been in existence for more than a century.
Nintendo traces its roots back to 1889, when the company produced hand-made playing cards painted on mulberry tree bark and used in a game known as Hanafuda. Hanafuda is a game of chance that dates back several centuries and is closely associated with gambling and the Yakuza (indeed, the name ya-ku-za translates as “8-9-3,” a losing hand in a Blackjack-like game). The name “Nintendo” in Japanese roughly translates as “leave luck to heaven” or “in heaven’s hands.”
So how did playing cards eventually lead to Mario Kart? After trying its hand (excuse the pun) at numerous endeavors over the next century, the company eventually found its way into the toy industry, which by the 1970s was a natural jumping-off point into the burgeoning video game market.
Should Nintendo’s video game future falter on the trainwreck of a system known as Wii U, it can always fall back on its roots as a maker of playing cards, which it continues to produce for the Japanese market.

Nokia

Michael Homnick

The Nokia brand may soon go away following an all-but-final acquisition by Microsoft, but the Finnish company can claim a history that reaches back nearly 150 years.
Nokia began its existence far from the world of mobile technology—as a paper mill. The nascent company’s second groundwood pulp mill was built near the town of Nokia (about 100 miles northwest of Helsinki), which the company decided to adopt as its name when it became a public share company in 1871.
Over the decades, Nokia dabbled in all sorts of industrial ventures, which eventually led to its forming a telecommunications department in the late 1960s. By the 1980s, the company had become one of the first manufacturers of early mobile phones, such as the nearly 2-pound Mobira Cityman 900 in 1987.
Flash-forward to 2013, and the company manufactures mobile phones with some spec-tacular imaging hardware that is unfortunately attached to a Windows phone. And if everything goes Microsoft’s way, Nokia may remain married to Windows phones for a looong time.

Sony

In its first decade of existence, the company that would go on to create the Walkman, the PlayStation, and various other forms of bathtub-proof gadgetry went by the name Tokyo Tsushin Kogyo—or in English, “Tokyo Telecommunications Engineering Company.”
The company’s founders felt that they needed to change its decidedly Japanese name would changed if it was to compete successfully in the developed postwar markets in Europe and the United States—especially at a time when, in those markets, “Made in Japan” was synonymous with cheap junk.
In a bid for Romanized respectability, the company’s founders chose the word “Sony” as a combination of the Latin word sonus, meaning “sound,” and the common American colloquialism “sonny-boy.”
The first Sony-branded product was the TR-55 transistor radio, which went on sale in 1955 as Japan’s first portable radio.

Yahoo!

God bless her, Marissa Mayer continues to do her darnedest to transform the once-powerful brand from a virtual warehouser of stale email addresses to a powerhouse of hip.
We wish her the best, but Yahoo’s best years may far behind it.
Indeed, those heady days are so long gone that most people forget when the company’s curated list of links was quite a handy tool to have around.
The company began as a hobby. Stanford University Ph.D. candidates David Filo and Jerry Yang kept a list of all their favorite sites. As the list began to grow plump with categories and subcategories, the pair realized they might have a service that would be useful to early Web surfers.
Though they originally matter-of-factly dubbed their service “Jerry and David’s Guide to the World Wide Web,” the pair eventually decided on the fun exclamation-enlivened brand “Yahoo!”—which was bacronymed to encompass “Yet Another Hierarchical Officious Oracle” (the full name lacking an exclamation point, for some reason).

Apple

According to Walter Isaacson’s Steve Jobs biography, the largest electronics firm in the world picked up its name in the most casual of ways.
As Jobs and Wozniak were mulling over a name for their nascent company, Jobs had just returned from a visit to a communal apple farm. Off the cuff, he proposed the name “Apple Computer.” The term, he explained to Isaacson “sounded fun, spirited, and not intimidating. Apple took the edge off the word ‘computer.’ Plus, it would get us ahead of Atari in the phonebook.”
Once again, that phonebook was a big deal. Which might also explain why Google finds multiple companies answering to the name Aardvark Electronics.

An end to nonsense names?

The past decade of tech names has been an unimpressive mess of language. Arguably, the biggest contributor to the disarray has been the dearth of available dot-com domain names.
Perhaps the new-released bounty of top-level domain names will shake things up. Perhaps companies will take advantage of their new freedom of URL and begin to veer away from the plague of nonsense.

Read More

How to Create an Exceptional Web Page with SliceMaker Products?

 What You'll Be Creating?

 

Download te Demo

How to Create the above Web Page with SliceMaker Products?

With SliceMaker products, you can easily create the above web page. The below video will teach you how to create this kind of web page step by step.

Read More