Showing posts with label Web. Show all posts
Showing posts with label Web. Show all posts

Wednesday, October 28, 2015

Grow Your Website Traffic Using This Top 5 WordPress Plugins

All in one SEO Pack

This is really the first must-have WordPress plugin on the list. The plugin is actively installed on millions of blogs and is the standard for SEO optimization. The free version offers a huge list of SEO resources including support for SEO on custom post types, automatic title optimization for Google search, auto-generation of META tags and avoiding duplicate titles.
After enabling the plugin, you will have to set it up to run properly. Go to All in One SEO and then General Settings.
  • Checking canonical URLs will automatically generate permanent links to articles and avoid duplicate content
  • Under Home Page Settings, you have the opportunity of creating a SEO-rich title, description and keywords
  • Use the plugin to verify webmaster tools for Google, Bing and Pinterest
Download Plugin

Google XML Sitemaps

As powerful as the search engines are, even they get lost sometimes on their way around your blog. If a search engine cannot find its way around, your pages and posts won’t be indexed and won’t show up in search results.

Creating a sitemap helps by offering a guide for search engine crawlers around your website. With the Google XML Sitemap plugin, it’s easier for the crawlers to see the complete structure of your blog which means you’ll show up in Google, Bing, Yahoo and searches.
This is another one that you basically just enable and let it run. You will want to add it in Google Webmaster Tools by clicking “Crawl” then “Sitemaps” and then submitting the sitemap. Google XML Sitemaps will notify the search engines automatically every time you create a new post.

Digg Digg

The Digg Digg WordPress plugin is favorite social sharing plugin by a long-shot. The plugin displays your social share buttons on top or on the side of posts and includes 22 different social sites.

There are four options for sharing buttons placement. The most popular is the floating social share area because it ensures that your readers are always just a click away from sharing your content. No matter far down the page is scrolled, the share buttons follow the page.
It is difficult enough to get readers to share your content. You need to make it as easy and as top-of-mind as possible. Before floating social share buttons, if a reader scrolled down  past the beginning of your post, there was a good chance they’d forget that sharing was even an option.

AddThis Mobile Share

The AddThis Sharing Buttons plugin offers some great tools for mobile. It makes it super easy for your mobile visitors to share your content with a single tap. It also offers some nice customization options to match your website or blog. Mobile traffic is growing rapidly and it’s easy to lose shares from your mobile readers but this plugin will help you fix that right away.

WordPress Popular Posts

After you’ve built some authority on your blog and are showing up on Google, visitors from search are going to start accounting for a majority of traffic. Make an impression by showing off your best work and you might just convert them to long-term readers that come back to the blog on a regular basis.

That’s where the WordPress Popular Posts plugin comes in. The plugin creates a widget that you can place on your blog and show a ranking of posts. The widget is extremely customizable and can be set to show posts with the most views over the last 24 hours, 7 days, 30 days or all-time.
Not only can you show a list of popular posts but you can also limit the list to a specific category. I have one list that displays my most popular product review (aka affiliate) posts. It highlights the affiliate products that people read most and increases my website revenue.

Monday, March 16, 2015

Which website builder is right for you ?

Web design tools — WordPress, Squarespace, Wix, and dozens of others — are popping upeverywhere. Some of them claim they’ll let you build a site within minutes. Others claim they provide all the power of Photoshop plus native code combined.
Ultimately, these tools all attempt to achieve the same goals:
  1. To help you make professional websites with dramatically less time and hassle than coding sites by hand entails.
  2. To empower designers who aren’t code-savvy to design, develop, and host a standalone website without having to rely on developers for assistance. (Even if you’re already a fully-fledged developer, this can be hugely beneficial.)
  3. To provide developers who aren’t design-savvy with beautiful and responsive templates that function as starting points for their web development work.

I’ve researched and compared all the prominent website builders, and I’ve distilled the results into this article. Instead of being a deep-dive into these tools, we focus on answering the most pressing question: Which sitebuilder is best suited for you and your web development goals? Whether you’re a budding novice or a professional designer, there is indeed a perfect website builder for you.
If you’ve always been curious about these tools, but could never tell if they were worth the time investment, read on.

Who are you?

As someone looking to build a website, you fall into one of four categories:
  • developer who’s comfortable with code, but not necessarily design. You’re looking to leverage an advanced site builder that can improve the look of your design work while not hindering your ability to fully modify HTML and CSS.
  • designer with a great eye and a dislike for mucking about with code. You prefer to work as visually as possible. You want a professional design tool that lets you accomplish everything visually while not taking away the pixel-perfect precision you expect from Photoshop and Sketch.
  • designer-developer hybrid with an intermediate or advanced skill level who’s equally talented with both aspects of website development. You’re capable of crafting a beautiful UI and implementing it with high quality, semantic code. Your interest in sitebuilders is one of time and cost effectiveness; you know there’s a quicker way to develop client sites, and you want to get up to date on the latest and greatest tools.
  • non-technical business person who’s not familiar with the intricacies of web design and development. You want something introductory that will walk you through the process of creating a professional website.
Have you figured out which you are? Good. Let’s pair you up with the perfect website builder. Squarespace is best for the non-technical, WordPress is best for developers who don’t design, and Webflow is best for professional designers. If you’re not sure which category you fall into, Webflow is the safest bet. It flexibly addresses all four user types, and it provides an impressive amount of power. Let’s find out why.

Squarespace: Best for the non-technical 

Squarespace is one of the most widely-used website builders. Its focus is on providing a simple means to set up a beautiful, responsive site within minutes — without having to be a professional designer or developer. It works as follows: You’re provided with a selection of twenty or so templates. You choose one then you customize it through a sophisticated — but limited — toolset.
The toolset’s inability to fully overhaul the look of a template has the benefit of ensuring that you can’t break the functionality or responsiveness of the template. The downside to this is that — since Squarespace gets roughly a thousand new users per day — every base template is chosen an average of 50 times daily, meaning that thousands of Squarespace sites look suspiciously similar.
This lack of uniqueness is what makes Squarespace unsuitable for professional designers who are looking to make to-spec, one-off sites for clients. Further, because Squarespace locks sites within its platform, Squarespace is also unsuitable for developers looking to customize a template with extended functionality.
However, if you’re looking to build a full-fledged, beautiful website for yourself or your small business, Squarespace is the best solution. It’s beautiful, it’s simple, and it specifically empowers the non-technical.
Squarespace’s pricing model is very accommodating: Sign up and build your site for free. Once you’re ready to publish, select from one of three pricing plans that range from $8 to $24 USD per month. Hosting is included.

Honorary mention

Similar to Squarespace, Wix is a tool for the non-technical who are comfortable relying on structured templates. It boasts a sleek drag and drop editor that allows you to easily customize your template of choice. In contrast to Squarespace, Wix offers hundreds of themes to start from. Unfortunately, many do not look professional, and Wix’s overall user experience isn’t on par with Squarespace’s.
Wix’s basic plan is free, but for advanced options — such as an ecommerce template or additional bandwidth — you’ll be looking at up to $25 USD per month.
WordPress: (Still the) best for developers

WordPress is the king of blog-oriented content management systems. It’s as old as the hills, and just as unshakeable. It’s by far the most popular website builder on the web — due in part to it being completely free.
An enormous community has grown around WordPress, resulting in an unparalleled volume and quality of both add-ons and support. From SEO optimization tools to feature-rich ecommerce systems, the WordPress plugin ecosystem has everything you need to create a website of any type.
However, integrating WordPress add-ons, modifying templates, and setting up hosting is not for the non-technical. Due to the piecemeal nature of the WordPress ecosystem, you’re expected to connect a lot of the technical dots yourself. In other words, WordPress is made first and foremost for developers.
If you do have the technical skills to work with WordPress, building custom themes is unfortunately rather painful: In addition to needing an intimate knowledge of HTML, CSS, and WordPress itself, you’ll be spending hours separating your themes into their constituent parts so that they work within WordPress’ rigid structure. Professional designers who want flexibility in their design choices will find this workflow hostile.
Nonetheless, WordPress remains the best site builder for developers since it puts them in charge while not restricting their programmatic ability. In addition, the technical issues a developer will inevitably encounter with WordPress have certainly already been encountered before, meaning that there’s a trove of support questions to wade through when you need assistance or general website development advice. The power of the WordPress community cannot be understated.
Ultimately, if you’re a developer who prioritizes getting a feature-rich site upquickly, WordPress is for you. If, however, you’re a designer working with clients who expect unique sites built to spec, you’ll need to look elsewhere.
Note that there are two hosting options for WordPress: Either host your site on a WordPress-specific hosting provider, such as or, or install the WordPress software on your own server. If you choose the latter, be aware of the security issues that CMS self-hosting entails: Because WordPress is so popular, it’s a target for hackers, and new vulnerabilities are constantly being exposed — not just in the core software itself, but also its third-party plugins. If you go this route, ensure you read up on security.
Honorary mention
Craft isn’t a site design tool per se. You won’t find the comforts — and distractions — of a drag and drop UI here. Instead, Craft is a streamlined tool for developers who aren’t afraid of getting their hands dirty setting up a custom content management system within the confines of an existing UI.
In short, Craft is powerful CMS that makes a clear distinction between developerand user. As a developer, you get fine-grained control over data. As a client, you get segregated access to modifying that data in a way that isn’t overwhelming and doesn’t conflict with the developer’s implementation. Craft is essentially the content side of WordPress without the design-crippling restrictions of WordPress’ template system.
The technical nature of Craft, and the expectation that you have an existing design to feed into, makes it ill-suited to non-technical individuals looking to create sites for themselves or for small businesses. But for developers looking for a powerful reduction of the CMS aspect of WordPress, Craft is seriously worth looking at.
While free for restricted personal use, Craft jumps into the hundreds of dollars for anything beyond a simple site.

Webflow: Best for professional designers

Webflow offers all of the power of WordPress with none of the cost or frustration that relying on a developer for assistance entails. It’s technically more in-depth than Squarespace, yet still designed with the non-technical user in mind. Also unlike Squarespace, Webflow provides control over every component in an interface. You’re not bound to the look of a pre-existing a template.
Webflow is the website builder best suited for agency and freelance designers who are creating custom websites for clients: In addition to allowing you to start designing from a responsive template, Webflow also allows you to design from scratch. Hence, you can build out sites to clients’ exact specifications.
As with Squarespace, once you’re done designing in Webflow, you can push your site live with a single click. Or, as with WordPress, you can also export your site and host it elsewhere. This mobility — the opposite of platform lock-in — provides the best of both worlds: You can either quickly publish a website without worrying about hosting, or you can export the site to send it to a developer for extended customization.
This is what makes Webflow duly fit for both designers and developers: Developers can leverage Webflow’s powerful design customization features to help them create professional designs that they can then export for use as a base template in their development workflow.
Speaking of development, the code Webflow generates is standards-compliant, semantic, and optimized to the point that it’s very often better structured and easier to read than code a developer would have written by hand. Further, by taking the time to learn Webflow as a designer, you’re also taking the time to learn web development best practices. Webflow’s visual editor doesn’t abstract away HTML elements or CSS properties; it simply provides users quick access to manipulating them.
Webflow offers plans ranging from completely free to $70 USD a month. On the free plan, you’re given a 20 public site limit. Paid plans include unlimited storage and custom domains
Honorary mention
Like Webflow, Webydo boasts a powerful drag-and-drop design editor that prioritizes pixel-perfect design. It allows you to create precise, responsive designs with little hassle. Webydo is also a CMS: As you design your site, it attempts to generate a back-end interface so that you (and your clients) can later modify the site’s content without hassle.
There are only a few basic templates provided for you to work with, so it’s mostly up to you to design from scratch. Once you’ve grasped Webydo’s editor, this may not be much of a challenge, but it’s time consuming given how much work you have to put in every time you want to build a new site.
Webydo runs between $9 to $85 USD monthly. The least expensive package allows you to create one site, and their most expensive package allows up to 250. They also offer a free plan, which allows for one site with a total of five pages.
Ultimately, Webydo and Webflow are quite similar (essentially, they’re bothPhotoshop meets WordPress), but Webflow is the better executed and better designed tool.

Saturday, February 28, 2015

10 brilliant tools for web design and development

If you've had a quiet time of it these last 12 months, then well done you, because the rest of us were sweating just to keep up with the base rate of change online. HTML5 has reached critical mass, responsive development continued to barrel along at full tilt, then there's audio APIs and WebGL…

Thankfully, the degree of change correlates positively to the problem-solving efforts of the developers and designers everywhere, dug into their respective specialities.

Niche tools

As a result, along with the larger corporate-backed applications, we have a huge host of small tools and libraries, each designed to solve a particular problem or preserve a certain set of possibilities. A couple of these projects have become institutions: Modernizr, keeping the technical playing field level and PhoneGap holding the mobile market open for web types.

Most encouragingly, there's room for some 'just for the hell of it' type experimentation. And even a bit of self-congratulation, evidenced by the fact that Google felt confident enough about some tools to package and prink them into the Yeoman project.

Indeed, this is a handsome list, with good representation for most slices of the development pie. From full-scale IDEs to small, exotic libraries with beautiful aesthetics. But what gives this year its character is the poise that these tools exhibit. Within it's niche, each one shows that we use are beginning to outdistance the problems, freeing ourselves up to give more though to the creative possibilities of the web. How's that for joyous tidings? Happy Holidays!

Read More - How to become A Good Android Developer

02. Fontello

Price: Free
Why is it so hard to find a set of icons that covers all the bases with a consistent look and feel? One of life's great mysteries perhaps. Well, wonder no more because Fontello not only has all the icons you need but you can pick and choose the glyphs you need and compile these into your own minimalist set.

You can, of course, download the entire set of icons from theGitHub repository (actually it's several sets) but interface makes customising your font so easy it's the only sensible approach. The project is open source but as always, donations would be appreciated.


Price: Free - $49/Month

A good prototyping tool should allow you to get up and running fast but also provide enough depth that you can refine your ideas to the point where they don't need you leaning over a user's shoulder saying things like "Just ignore that bit for now" does just this.

It also handles all the touch gestures you might want, tackles animations and provides for sharing and commenting. It's smooth to use and thankfully, there's a free plan too.

04. Foundation 3

Price: Free

Responsive design seems to have gone from zero to about a thousand miles an hour in no time flat. And things are still changing fast enough that small development shops are hard-pushed to stay up to date, let alone conduct their own R&D. That's where Foundation 3 comes in.

Developed by ZURB, an agency with the resources and experience available to throw at the responsive problem, Foundation 3 can act as a blueprint for your own projects, a rapid prototyping tool or even as an object lesson in how to address some of the web's must current issues.

The latest release introduces a simplified grid structure and makes the jump to SASS/Compass, allowing for a more readily flexible approach to styling. Though it makes sense to work with SASS if you are planning to have a look at Foundation 3, the customisable download is conceived to allow a straight CSS version too.

Read Also: Debunking 10 Common Blogging Myths

5. Dreamweaver CS6

Price: From £344.32

Fluid layouts, CSS3 transitions and enhanced PhoneGap support lead the charge in the latest update to Adobe's web design all-rounder. There's no denying that Dreamweaver CS6hits the ground running.

The problem which Dreamweaver has always had is the difficulty of balancing it's across the board functionality with the need to keep out of the user's way. CS6 actually manages this pretty well.

The new fluid layouts are handy but in fact are the least convincing new feature. That accolade probably goes to CSS3 transitions which are, with Dreamweaver's help, fun to explore.

06. Cloud9 IDE

Price: Free/$12 per month Premium

This year the browser-based IDE finally came of age with a number of promising projects offering fully-featured apps which make collaborating from anywhere on even large-scale projects. Among these, Cloud9 has the edge.

The code editor is very usable. Code completion, smart drag and drop document trees, FTP integration and all that, but it's the connectivity which makes Cloud9: If a team are hacking the same file, each user is identified by their own coloured cursor. A chat module closes the feedback loop.

Integrated with the likes of GitHub, capable of working offline, and generally intuitive to use. If you want a 'code anywhere' solution, look at this one first.

07. Sencha Touch 2

Price: Free

There's no denying that the mobile/touch device has changed web development for good. It's a broader, more heterogenous world out there and everyone wants a piece of the action.Sencha Touch 2 aims to put that dream within reach of HTML5 developers.

An improved API, stronger docs and training materials as well as firmed-up native integration with many leading devices all make Sencha Touch 2 a serious contender for the mobile development framework of choice. There is a learning curve but, since Sencha aims to be an end-to-end package, at least there's only one slope to climb.

08. Adobe Edge Inspect

Price: Free
A great little app for mobile developers, formerly known asAdobe Shadow, which cuts a huge amount of hassle from the design process. Just pair your devices (Android and iOS) with your main machine. Then the sites you browse to are echoed direct to every connected device.

If you've got conditional code or responsive templates then these should work fine. And if you want to tinker with the code, just hit the angle brackets next to your paired device (in Chrome) and away you go.

09. Brackets

Price: Free

You'd think by now that the concept of the code editor would be pretty mature. There's so many out there and they're all so similar it's easy to imagine that the final blueprint has been found. Brackets shows that even at this level there's plenty of possibilities left to explore.

The central goal for Brackets seems to be a removal of all the repetitive little tasks we fold into the development process. Browser reloading, editing an element's CSS, function searching. Full credit to those involved because, even at beta stage, Brackets is refreshingly good to use. Check out their YouTube channel.

And if you'd like an augmented experience, now you can sign up for Adobe's creative cloud and get Edge Code. Built on Brackets, Edge Code adds some excellent features for typography and PhoneGap.

Read More - Top 5 SEO Tips of 2015

10. Modernizr 2.6

Price: Free

Leading with improved geolocation, WebGL and a host of community contributed detections, the latest update toModernizr delivers some important new detects for the progressive enhancement cabal to get their teeth into.

Version 2.6 of the popular browser capability detection tool updates a couple of dependencies too, but the largest volume of new detects comes from the community. The list itself makes interesting reading: css-backgroundposition-xy, css-subpixelfont, svg-filters, vibration…

If you're keen to make use of the latest features in a responsible fashion then this is one library you need to keep up to the minute.

Read More - How to become A Good Android Developer

Friday, February 27, 2015

Google will begin ranking mobile-friendly sites higher starting April 21

Big changes to Google’s search algorithms are coming: beginning April 21, the company will increase the ranking of sites that are mobile-friendly and surface app results much higher.
The company says that the change will have a “significant impact” on all mobile searches in all languages worldwide, but as a result Google says that users will find higher quality results.
Along with this change, Google will start to use more information from indexed apps as a factor when ranking search results for users that are signed-in and have the app installed.
These changes are great news for mobile users as it should help motivate those sites that still don’t have a mobile site to actually build one. Google startedhighlighting mobile-friendly sites in results last year.
Site admins who want to test their site’s mobile compatibility can use Google’s tools to quickly evaluate the status of a page.

Thursday, February 26, 2015

Twitter is testing analytics on the Web for individual tweets

 looks like Twitter is experimenting with a new analytics feature on the Web; some users can now see statistics for individual tweets on their timeline.
I’m able to access the analytics by clicking on a small bar graph button to the right of the favorites button. My colleagues, on the other hand, do not see the feature at all.

Once you click, you’ll be presented with information such as views, favorites and clickthroughs.

Some other users spotted the new feature as as well:

While you can access per-tweet stats using Twitter’s analytics dashboard, this is the first time we’ve seen the feature become directly available on Web timelines.
It makes it easier to view insights on your tweets at a glance, and the button’s prominence right next to your other commonly used functions could introduce analytics to users who otherwise wouldn’t use them or even know they existed.
That said, it’s not the first time the company has implemented analytics right on timelines; Twitter first experimented with the additional details for individual tweets on mobile devices back in November.
We’ve contacted Twitter for more information and will update if we hear back.

Friday, February 20, 2015

Apple working on Web TV service like Dish's Sling TV: Reports

Apple is in talks with TV programmers about the new initiative. Apple hasn't time slots and pricing as yet 

Even as rumours are abuzz that Apple is extensively working on its Beats based music services, new rumours reveal Apple is developing Web TV service that is similar to Dish's Sling TV.

Rumours/reports suggest Apple is in talks with TV programmers about the new initiative that includes a paid TV service online. Apple has reportedly already shown programmers demos. The company plans to include certain programmes and sell directly to users.  Important decisions such as time slots and pricing haven't been fixed yet.

“That means Apple wouldn't be reinventing the way TV works today, but offering its own version of it, with its own interface and user experience,” says a Recode report.

It's notable Apple has been long rumoured to be working on a over the top video streaming service. After the launch of Dish's Sling TV service, it was believed Apple will launch its video streaming much sooner.

Earlier, Apple is reportedly planning to expand its Beats-based music service to Android platform. Apple will also update Beats’ social networking features, allowing people to follow their favorite artists as well as other users.


Web Rangers - Google's new web safety campaign for Indian teens

Teens will be empowered to help others create awareness about online safety and how to keep each other safe online.

Google India has launched a new programme “Web Rangers” which is aimed at empowering teens to promote the safe use of the Internet among their peers. The new programme is part of Google's  India Digital Literacy and Internet Safety.
Web Rangers will be responsible for providing training to help teens create their cyber safety campaign to enable themselves and their peers think about their online behavior and how to keep each other safe online.  

The program will take young people aged between 14 -17, representing 50 schools in Hyderabad, Bangalore and New Delhi through training workshops that will equip them with knowledge in online safety. The New Delhi workshop is being held today, with the first workshop for students in Hyderabad already having been taken place on 27th November 2014 and in Bangalore on the 4th of February 2015.

In addition, the program will also introduce a contest where students across the country will be given twelve weeks to create and run their own online safety campaigns, encouraging young people in their schools and communities to consider issues such as the effects of cyberbullying, managing one’s own digital footprint and online tricks and scams.

These youth-created online or offline educational campaigns can take any form, including online videos and other social media content, sketches and in-school events.  The creators of the most creative and impactful internet safety campaign as chosen from this contest, will head to Delhi to present their work to a panel of judges.  The winners of the contest will be announced in May.

Sunita Mohanty, Director of Product Quality Operations at Google India says “Young people use the web for everything from connecting with friends to doing their homework. This puts them in the best position to share with their peers what’s acceptable and what’s not—in language that other young people will respect and understand.”

"Web Rangers have the ability to reach out to hundreds, if not thousands, of their peers. We hope that teens talking to teens about this important topic will make a meaningful impact”.

Web Rangers is a part of a global program that Google has run in countries including New Zealand, Israel, Turkey and the Czech Republic.