Archive results for: Web

What is Consistent Design?

Consistent design, the most common multi-device approach applied today, happens when the same essential experience, with the same content and features, is ported across devices in a like manner.

In many cases, it’s the desktop experience that is replicated on the mobile device, with some adjustments made to accommodate different devices’ characteristics.

consistent_design

These adjustments address differences between devices in facets like form factor, screen size, interaction model (touch, keys, voice), and sensors (GPS, accelerometer, gyroscope, and others). They can be visual—  adapting screen layouts, grids, and user interface (UI) element size, but they can also involve other experience layers, like information architecture (IA). Read more ›


Protyping

A prototype is a working model of your proposed design – usually interactive mockups that simulate the experience of interacting with your content.

Prototypes can be made in different levels of fidelity, ranging from the ultracrude (interactive sketches) to the highly polished (fully designed HTML prototypes). Unlike static mockups, you can actually load your prototype in browsers and on smartphones, so you can share it with others (clients) to test out.

When you put a prototype in front of someone, your goal shouldn’t be to get it approved but to figure out what yo should change to make it better. It makes sense to work out the kinks early before investing time and money developing a full-fledged solution. Read more ›


Facebook Open Graph Meta Tags

Facebook’s Open Graph protocol allows for web developers to turn their websites into Facebook “graph” objects, allowing a certain level of customization over how information is carried over from a non-Facebook website to Facebook when a page is “recommended”, “liked”, or just generally shared.

The information is set via custom META tags:

  • og:image – directs Facebook to use the specified image when the page is shared.
  • og:url – URL should be the canonical address for the given page.
  • og:title – title to accompany the URL.
  • og:site_name – the name that you would like your website to be recognized by.
  • og:type – the type of website that you would like your website to be categorized by.

Using this simple META tag strategy, you can tell Facebook what images, text, and more to use when sharing your webpage.

Reference: https://developers.facebook.com/docs/opengraph/using-objects


Optimize Images for SEO

While metadata and header tags have historically held high importance for SEO, images should be up the priority list as they hold more significance and have a higher presence in universal search than every before.

Done right, optimizing images can be fairly and easy, and significantly affect site rankings too.

  1. image alt tags: Every image on a site should have an alt tag that is short and descriptive.
  2. filenames: Before uploading an image, pick a descriptive filename (different from the alt tag).
  3. Anchor text: Linking to images with text can play a large role in how they rank for keywords.
  4. Surrounding content: A page that contains at least 200 words of quality, relevant content surrounding an image helps define it and is a key component in getting it ranked.

Benefits of using a CDN

Content delivery networks (CDNs) are collections of web servers that are distributed across multiple locations around the world in order to deliver content more efficiently to users. The goal of a CDN is to serve content to end-users with a high availability and high performance.

When a user makes a request to your website that is hosted in, say, New York, while they are based in Germany, the internet tubes must connect from the user’s location in Germany to the data center in New York. This means your users will need to make a round trip across the world in order to retrieve a file from your server.

Since static files such as images, JavaScript and CSS don’t change very often, there is no reason that they can’t be served to the user by another server that is geographically closer to them. It’s a shorter distance to travel, and this means quicker response times.

The benefit of using a CDN extend far beyond just faster response times; using a CDN additionally reduces the amount of bandwidth that is consumed by your website. It also increases the number of files that a browse can download in parallel. Most browsers only allow you to download three or four files at a time from one domain. Using a CDN will enable the user’s browser to download more files in parallel, increasing response time.

The most popular commercial CDNs are: Amazon Cloudfront, Rackspace (using Akamai network) and Windows Azure.


What is Version Control?

Version Control is the process of keeping track of your creative output as it evolves over the course of a project or product.

Keeping track of that evolution is vital.  A team can use it, or you can use it for your own private projects because remembering what you’ve done and how it was done is a key part of creative success.

  • keeps track of your creative output
  • it tracks what is changed
  • it tracks who makes the changes
  • it tracks why changes were made

Read more ›


Importance of Documentation

Documentation is the part of the job that developers like the least, yet it is frequently just as important as the code itself.

If you look at the success of any major open-source software, you can usually draw a straight line between that success and the presence of excellent documentation. jQuery owes much of its success to the excellent documentation that surrounds the library, a large amount contributed by a passionate community.

Furthermore, other jQuery users set up their own blogs with tips and tricks, and tutorials abound. That was even before jQuery books started popping up. These days you can do a quick search for anything related to jQuery and find hundreds of examples and tutorials. Read more ›


Page 1 of 212