• Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS






 



 


New APIs offer great possibilities to build better web services. And some people push these new technologies to their limits. For example, we can use JavaScript to generate images that we then can use in Web Notifications. We can use the Storage API to find out if and how much data we can save on a user’s device and can adjust the behavior of our applications accordingly.

Designing the product for sustainability

And then we can push our designs further. Constant improvement and development of the navigation is what makes a service like Gitlab easier to use. And by giving advice to users, such as promoting more sustainable options, we can show empathy to our users while improving the world. It all starts with us pushing our projects further.

The post Web Development Reading List #190: Images in Web Notifications and Angular Code Splitting appeared first on Smashing Magazine.

{ 0 comments }

Best Online Courses To Teach Yourself Icon Design

by Jake Rocheleau on July 20, 2017

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

It’s easier than ever to teach yourself web design using the litany of resources online. Premium courses offer the highest quality and the most in-depth lessons so if you can swing it they’re worth…

Click through to read the rest of the story on the Vandelay Design Blog.

{ 0 comments }

Designing The Perfect Slider

by Vitaly Friedman on July 19, 2017

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS





 



 


When we think about a slider, we usually imagine an image gallery slider, or the infamous carousel, or perhaps off-canvas navigation, with the overlay sliding in from the side. However, this article is not about those kinds of sliders. Instead, we’ll look into the fine details of designing better slider controls for selecting a value or a range of values. Think of price range sliders, 360-degree-view sliders, timeline sliders, health insurance quote calculators, or build-your-own-mobile-plan features.

A playful animation of a slider, changing the appearance of a house.

In all of these use cases, a slider is helpful because it allows users to explore a wide range of options quickly. For precise input, a slider can never beat a regular input field, but we can use a slider to nudge our customers to explore available options and, hence, aid them in making an informed decision.

After a close look at perfect accordions and date and time pickers, let’s turn our attention to sliders, with do’s and don’ts and things to keep in mind when designing one. But first, we need to figure out when a slider makes sense in the first place. (Please note: that article is quite large, and contains many animations and videos.)

The post Designing The Perfect Slider appeared first on Smashing Magazine.

{ 0 comments }

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS





 



 


Creating large, harmonious and uniform color palettes can be a challenge. Good intentions and confident plans can be abandoned when things get a little unwieldy.

Taming Advanced Color Palettes In Photoshop, Sketch And Affinity Designer

But you can equip yourself with some tools to manage the complexity. With the right techniques, large color palettes can be created, refined and refactored at will. Large color palettes can be tamed.

The post Taming Advanced Color Palettes In Photoshop, Sketch And Affinity Designer appeared first on Smashing Magazine.

{ 0 comments }

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

I have a small website for my garage business; will SEO be helpful for me?

Will SEO help my e-commerce startup?

I have just outsourced SEO for my website, will I get more leads?

These are some of the questions that cross the minds of newbies going for SEO. To understand how you can benefit from SEO, you’ll have to learn the basics of SEO first & then see how a persisting SEO campaign can boost your business.

So What Is SEO?

It stands for Search Engine Optimization and refers to the techniques of bringing your website on the front page of various Search Engines e.g. Google, Bing, Yahoo, etc.
These techniques aim at increasing the quality and volume of traffic to your website with the help of organic search engine results.

Traffic Quality

Although you would love to have any type of visitors (except hackers though) to your site, however, if you are running a garage business and the Google is driving traffic for garbage business, will it be of any use? No. The quality of traffic refers to visitors that are relevant to your website offerings and may lead to some fruitful results.

Volume of Traffic

Once you have the right kind of visitors coming from the search engine, the more the traffic, the better it is.

Organic Traffic

Traffic to your website from inorganic means may give a temporary spike in business, but in the long term, only the organic traffic is the way forward as you won’t have to pay for it.

How SEO Benefits Your Business?

Business owners and managers are constantly looking for ways to enhance their businesses. When the traditional ways of doing business are increasingly becoming costly, the digital ways are cheaper and tend to be more efficient as well.

While having a website is the first step in online business, the sustainability and growth come from persistent SEO campaigns. The benefits of such campaigns are realized in the due course of time. Let’s take a look at some of the advantages:

Increased Traffic:

When your website appears in the top position on search engines, it starts to get a lot of clicks, and this shows in the form of increased traffic. With SEO, the site has keywords that are frequently used by the visitors to find information on the internet or making purchases as well.

Enhanced Usability

All SEO efforts are aimed at making it easier for the website crawlers to navigate and index a website, but simultaneously these efforts make the website more user-friendly as well.

The various on-page efforts which add search-friendly keywords to the site also improve the navigation structure of different inner pages as well. If these efforts make it easy for the search engines to rank your site, they also make it easy to find relevant information on the site.

Increased Branding

It is critical for you that your website can be easily recalled by the relevant users while they are looking for information or buying a product related to you. This easy recall is the result of sustained efforts of SEO to rank the website on the first page of the various search engines.

This branding is done by the search engine optimization and is very much needed in any business. Remember how we tend to trust results that pop up in the top? When more and more pages of your website rank high in the search engine results page the better will be the brand building for your site.

More Effective

When it comes to marketing, there are various channels for it. But these different channels have their costs-benefits. From TV ads to posters to direct marketing, all are focused towards promoting businesses. But the effectiveness of these ways varies. When it comes to SEO, it is de facto the most cost-effective marketing method as it directly targets the visitors looking for the products and services.

SEO is the best inbound strategy as it enhances the experiences of the visitors coming to the website seeking goods and services. The traffic coming to the site as a result of your SEO efforts is more qualified than other marketing methods making it more cost effective than the others.

Round The Clock Marketing

One of the biggest benefits of the search engine optimization is that your site opens a 24*7 marketing channel. Your optimized site ranks on the result page not just for a single day but every day and throughout the year and until you want.

Better ROI

With SEO, you can be assured of the results that can be tracked for relevance and ROI. You can track the improvement in rankings, traffic, and conversions. The analytics provides even the granular information about the geography and the profile of the visitors who have visited the site. In the case of the e-commerce sites, you can track the path that the customers have taken to complete the sale. You can even identify the keywords your customers have chosen to reach the desired product or the service offered. If you have no e-commerce site, you can monitor the form fill-outs and the other things to calculate the effectiveness of the SEO campaign.

Higher SERP Means More Leads & More Business

With essential search engine optimization, higher ranking positions result in more productive results. It means more customers coming from the contact forms, more likes for the information provided by you or increase in the followers for your brand. All in all, it results in more business for you through the organic ways.

In The End

To avail the benefits of SEO, you must:

-Have a visitor friendly website that users find easy to navigate
-Have compelling content which is informative and complete.
-Optimize the website for robots and crawlers for improved indexing and navigation.
-Believe in persistence, as SEO brings in long term benefits than short-term fixes.

Original post: A Novice’s Guide to Understanding the Benefits of SEO for Businesses

{ 0 comments }

Web Development Reading List #189: Sync Via Push API, RTL CSS, And The Disaster Factory

July 14, 2017
  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

 

 

Do you feel stressed from time to time? I do. Recently, I experimented with meditation and yoga, just to see if and how they work. There’s a lot of advic…

Read the full article →

Introducing The Website Speed Test Image Analysis Tool

July 13, 2017
  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS



 


 

Web developers spend their days writing hypertext, but, byte for byte, most of the web is composed of images. It is hard to overstate the effect that images have on the average web page’s performance; faster websites have broader reach and a higher impact. The first and most important thing you can do to improve the performance of your website’s images is figure out how to measure them.

Introducing The Website Speed Test Image Analysis Tool

Enter Website Speed Test, a free and drop-dead-simple tool that leverages our (Cloudinary’s) image smarts to let you measure, diagnose and (crucially) communicate about the image performance of any website. Better yet, it’s built on top of, and integrated in, Pat Meenan’s WebPagetest. Interested? Read on!

The post Introducing The Website Speed Test Image Analysis Tool appeared first on Smashing Magazine.

Read the full article →

How to Unleash Blogging for Better Conversion

July 12, 2017
  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

Blogging is a free-flowing source of information and people read lots of rich and valuable research. More than three fourths of the digital marketers in the world blog frequently. Content Marketing has become the main source of attracting people to your website and by presenting useful information that help your readers it converts your readers […]

Original post: How to Unleash Blogging for Better Conversion

Read the full article →

How We Built An iOS App To Shoot A 3D Video (Case Study)

July 12, 2017
  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS



 


 

It wasn’t long after Hollywood released its first 3D films that the movie format quickly gained huge popularity worldwide. Thanks to developments in video-recording technology, any user can now shoot a video on their own. You can make a stereo record of memorable events in your life or create wonderful material for your business.

How We Built An iOS App To Shoot A 3D Video (Case Study)

Our team was also attracted to 3D filming. We thoroughly studied the features of the human visual apparatus and the technical details of stereoscopic photography. Then, we decided to develop an iOS app to shoot 3D videos and upload the videos to YouTube. The idea behind the app was to facilitate the shooting of 3D video by mounting two iPhones to a special frame — and we did it! That was how the Stereo Video Recorder app appeared.

The post How We Built An iOS App To Shoot A 3D Video (Case Study) appeared first on Smashing Magazine.

Read the full article →

Documenting Components In Markdown With Shadow DOM

July 11, 2017
  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

 

 

Some people hate writing documentation, and others just hate writing. I happen to love writing; otherwise, you wouldn’t be reading this. It helps that I …

Read the full article →