Sep
6

10 Best Google Fonts for website

4

Ten Best Google Fonts for Designers

I’m a big Typekit fan – they have high quality foundry fonts that can elevate a design from good to amazing. However, while I prefer Typekit fonts to Google Fonts for their quality, I am learning that there are some drawbacks of using Typekit.

First, Typekit requires a subscription that is quite reasonably priced, but a pain for clients to have to purchase and renew. While the cost and extra effort of maintaining a subscription may be worth it in some instances, many times Google Fonts can get the job done for free. Also, Typekit doesn’t allow users to download fonts for mocking up designs. This makes it difficult to envision exactly what the final design will look like. Finally, Typekit fonts load slightly slower than Google Fonts. The difference in loading time seems so minimal to me that I wouldn’t shy aware from using Typekit based on that reason alone, but some of my developer colleagues would disagree.

read more

Aug
8

50 really good plugins for extending Twitter Bootstrap

4.7

Collections of Bootstrap Enhancements

Fuel UX

Fuel UX is an incredible collection of enhancements to Twitter Bootstrap. All the controls are clean and lightweight, and they fit naturally into the bootstrap look and feel. The collection includes controls like datagrids, custom select boxes, spinners, trees, multi-step form wizards and more.

Website | Github

Fuel UX

Fuel UX

read more

May
13

How to Speed Up Website Load Times ? 5 simple Tips

2.7

That’s the first thing you need to know obviously and there is a great online tool you can use that will tell you your site speed in an easy to read load time ‘waterfall.’ This tool should identify to you whether or not your site is slow and in need of a bit of help. You can also use Google Analytics to view your page speed but it is less accurate and doesn’t give you as much information.

Speed up your website

 

read more

May
4

Infinite Scrolling: Let’s go with new UX Design Experiance

5

Infinite scrolling commitment a better experience for users. However, the good is often accompanied by the bad and the ugly. Once we understand the strengths and weaknesses of infinite scrolling, we can begin to use it to enhance our interfaces.

Human nature demands hierarchy and structures that are easy to navigate. But infinite scrolling sometimes leaves users feeling disoriented as they travel down a page that never ends.

 

Beginnings and Popularisation

At Google, it’s called continuous scrolling and can be also be referred to as endless scrolling. Briefly, infinite scrolling is a technique to make the browser auto load new content when the user reaches the bottom of the page so that it is not necessary to look for pagination buttons to go to a next part; the whole thing will appear just by rolling the mouse wheel.

This technique is notably used in the news feed page on Facebook; the images search results page of Google and the Twitter timeline. An interesting up-to-date example published for reference purposes can be seen at the Isotope jQuery plugin demo page.

Mar
18

Google’s New Data Highlighter

4.7

Google wants website owners to add as much structured data to their sites as possible in order to improve its search results and Knowledge Graph boxes with rich snippets like event listings, reviews and other information. Adding this kind of metadata to a site, however, isn’t always trivial, and many small businesses don’t really have the expertise to add microdata orRDFa markup to their sites.

Starting today, however, you won’t have to fiddle with your code to report this data to Google. The company’s new Data Highlighter now offers a point-and-click tool for tagging your site to its specifications without having to touch any code.

For the time being, this tool is only available in English and only for structured data about events like concerts, sporting events, and exhibitions. Google promises to expand this project to other data types and languages in “the months ahead.”

To get started, you just have to go to Google’s Webmaster Tools and start tagging their site. Here is a short video with step-by-step instructions for how to get started:

Dec
5

Why Coding Style Matters

4.5

What’s A Style Anyway?

Coding style is how your code looks, plain and simple. And by “your,” I actually mean you, the person who is reading this article. Coding style is extremely personal and everyone has their own preferred style. You can discover your own personal style by looking back over code that you’ve written when you didn’t have a style guide to adhere to. Everyone has their own style because of the way they learned to code. If you used an integrated development environment (IDE) like Visual Studio to learn coding, your style probably matches the one enforced by the editor. If you learned using a plain text editor, your style likely evolved from what you thought was more readable.


Not only publishing houses need a style guide. If you want to keep your code readable and easy to maintain even years after you’ve released a website, a coding style guide is helpful and necessary. (Image credit: Wikidave)

read more

Dec
5

How to put modules in Joomla articles

5

One of the handiest tools you can have in your Joomla toolbox is the ability to put the contents of a module right into the body of an article. (The article you’re reading now is using this method. See the message in the box right above this sentence? That’s actually content from a module being loaded right into this article.)

This can be a significant time saver, since you can create a module one time in the Module Manager and then simply place it into any number of articles on your site.

That means you wouldn’t have to set up that content individually in every article: you do the work once and then simply tell Joomla where you want that module to appear.

To show you how to do this, I’ll show you an example of using this method to put a newsletter sign up form right in an article.

Here’s a look at the end result:

read more

Dec
3

Web Development key Skills

4

API Knowledge

A key tool for any budding web developer is API knowledge. It’s good to familiarise yourself with a variety of application interfaces. I started out using the Twitter REST API with PHP and CURL when twitter first launched the API to basically get a users tweets, pretty simple now I look back, but at the time it was the first time i’d done such a thing. As the development of social media continues this will increasingly open up opportunities to develop more and more applications that interact with one another and and make our daily chores more eventful.

read more