Login Register

Web Design Articles & Tutorials

SVG Tutorial

What is SVG?

  • SVG, Scalable Vector Graphics is an XML based language to define vector based graphics.

  • SVG is intended to display images over the web.

  • Being vector images, SVG image never loses quality no matter how they are zoomed out or resized.

  • SVG images supports interactivity and animation.

  • SVG is a W3C standard.

  • Others image formats like raster images can also be clubbed with SVG images.

  • SVG integrates well with XSLT and DOM of HTML.

Advantages

  • Use any text editor to create and edit SVG images.

  • Being XML based, SVG images are searchable, indexable and can be scripted and compressed.

  • SVG images are highly scalable as they never loses quality no matter how they are zoomed out or resized

  • Good printing quality at any resolution

  • SVG is an Open Standard

Disadvantages

  • Being text format size is larger then compared to binary formatted raster images.

  • Size can be big even for small image.

Example

Following ... read more

script.aculo.us Tutorial

What is script.aculo.us?

script.aculo.us is a JavaScript library built on top of the Prototype JavaScript Framework, enhancing the GUI and giving Web 2.0 experience to the web users.

script.aculo.us was developed by Thomas Fuchs and it was first released to the public in June 2005.

script.aculo.us provides dynamic visual effects and user interface elements via the Document Object Model (DOM).

The Prototype JavaScript Framework is a JavaScript framework created by Sam Stephenson that provides an Ajax framework and other utilities.

How to Install script.aculo.us?

It is quite simple to install the script.aculo.us library. It can be set up in three simple steps −

  • Go to the download page to download the latest version in a convenient package.

  • Unpack the downloaded package and you will find the following folders −

    • lib − contains prototype.js file.

    • src − contains the following 8 files −

      • builder.js
      • controls.js
      • dragdrop.js
      • effects.js
      • scriptaculous.js
      • slider.js... read more

What are the most expensive skills for freelancing?

Highest Paying Freelancing Skills

1. Programming And Software Development

Programming jobs, especially software and mobile app development, pays the highest for freelancers. Only because it’s a skill that’s quite difficult to master and there aren’t many good coders out there. So, the demand for good coders is pretty high.

If you want to make an income like James, start learning to code. And I don’t mean learning through free courses on CodeAcademy or Udemy. They’ll only take you through the basics. You’ll need to invest some money and time into learning and practicing to develop proper coding skills.

Of course, you won’t be able to start charging $1,000 an hour right away. You’ll have to gradually build up your reputation. If you have solid skills in programming languages like iOS and WebGL, you could start charging somewhere around $150 per hour, or more.

According to a recent UpWork survey, Bitcoin developers also have high demand. Most Bitcoin developers earn over $200 per hour.

2. Socia... read more

Sencha Touch Tutorial

Sencha Touch is a popular framework of Sencha for creating a user interface for mobile applications. It helps the developer create a mobile app using simple HTML, CSS, JS which supports many mobile devices such as android, IOS, BlackBerry, and Windows. It is based on MVC architecture. The latest version of Sencha Touch is 2.4.

History of Sencha Touch

After releasing Sencha's other product, ExtJs, which was for web application, there was a need to develop a framework which works on mobile devices too.

The first version of Sencha Touch was 0.9 beta version, which supported Android and IOS devices. Later, the first main release of Sencha Touch version 1.0 was in November 2010, which was the first stable version and supported Blackberry devices too.

The latest release of Sencha Touch is version 2.4 released in June 2015, which supports many devices such as Windows, Tizen along with Android, IOS, BlackBerry OS 10, Google Chrome for Android and mobile Safari, etc.

Features o... read more

Sass Tutorial

What is SASS?

SASS (Syntactically Awesome Stylesheet) is a CSS pre-processor, which helps to reduce repetition with CSS and saves time. It is more stable and powerful CSS extension language that describes the style of a document cleanly and structurally.

It was initially designed by Hampton Catlin and developed by Natalie Weizenbaum in 2006. Later, Weizenbaum and Chris Eppstein used its initial version to extend the Sass with SassScript.

Why to Use SASS?

  • It is a pre-processing language which provides indented syntax (its own syntax) for CSS.

  • It provides some features, which are used for creating stylesheets that allows writing code more efficiently and is easy to maintain.

  • It is a super set of CSS, which means it contains all the features of CSS and is an open source pre-processor, coded in Ruby.

  • It provides the document style in a good, structured format than flat CSS. It uses re-usable methods, logic statements and some of the built-in functions such as ... read more

What language will be most in demand in the web development market in the next 5 years?

I would rank the languages in this order:

1) JavaScript
2) Python
3) Ruby

Here's why...

You could just do Python, but if you have the energy and time, solid knowledge of JavaScript can only help you. It's everywhere and not going away.

As for Ruby, my impression of Ruby developers is that they're generally very smart, careful programmers.

You could say this is silly, but if you step back, you do see a general style that goes with a specific language.

That said, the choice of languages and frameworks when Ruby and ROR came to the party are very different than they are now.

ROR offered a rapid application development (RAD) platform that appealed to developers who had to get things done fast, but also appreciated elegant code.

Ruby experts are doing very well (pay rate and availability of jobs), but if you're just getting started, I wouldn't start with Ruby.

I think JavaScript/Python are a better pair considering the current (and what I imagine to be future) market.

As for choosing a language by hour... read more

Ruby on Rails Tutorial

What is Ruby?

Before we ride on Rails, let us recapitulate a few points of Ruby, which is the base of Rails.

Ruby is the successful combination of −

  • Smalltalk's conceptual elegance,
  • Python's ease of use and learning, and
  • Perl's pragmatism.

Ruby is −

  • A high-level programming language.
  • Interpreted like Perl, Python, Tcl/TK.
  • Object-oriented like Smalltalk, Eiffel, Ada, Java.

Why Ruby?

Ruby originated in Japan and now it is gaining popularity in US and Europe as well. The following factors contribute towards its popularity −

  • Easy to learn
  • Open source (very liberal license)
  • Rich libraries
  • Very easy to extend
  • Truly object-oriented
  • Less coding with fewer bugs
  • Helpful community

Although we have many reasons to use Ruby, there are a few drawbacks as well that you may have to consider before implementing Ruby −

  • Performance Issues − Although it rivals Perl and Python, it is still an interpreted language and we cannot compare it with high-level programming l... read more

RESTful Web Services Tutorial

What is REST architecture?

REST stands for REpresentational State Transfer. REST is web standards based architecture and uses HTTP Protocol. It revolves around resource where every component is a resource and a resource is accessed by a common interface using HTTP standard methods. REST was first introduced by Roy Fielding in 2000.

In REST architecture, a REST Server simply provides access to resources and REST client accesses and modifies the resources. Here each resource is identified by URIs/ global IDs. REST uses various representation to represent a resource like text, JSON, XML. JSON is the most popular one.

HTTP methods

Following four HTTP methods are commonly used in REST based architecture.

  • GET − Provides a read only access to a resource.

  • POST − Used to create a new resource.

  • DELETE − Used to remove a resource.

  • PUT − Used to update a existing resource or create a new resource.

Introduction to RESTFul web services

A web service is a collect... read more

What are the most secure cloud storage solutions?

Using a cloud storage service can be very helpful, but what is the best cloud storage

service available?

Today, all of us have ever used a cloud storage service. As you surely know, this service is a kind of hard drive in which you can store different files, but instead of having a physical format, it has a virtual format, it is on the Internet.

That means that if you use a cloud storage service, you can access it from any device with Internet access, as long as you have the access data.

Besides being a very practical way to work on the same document from different devices, or to be able to view your photos wherever you are, it is also a highly recommended way to make backup copies.

So, it is clear to us that using a cloud storage service is highly recommended, but ... which service should I choose?

If you have had time to find some information about the different cloud storage services, you will have realized that there are too many. This can make choosing the right service for you difficul... read more

RxJS Tutorial

This chapter deals with information about features, advantages and disadvantages of RxJS. Here, we will also learn when to use RxJS.

The full form of RxJS is Reactive Extension for Javascript. It is a javascript library that uses observables to work with reactive programming that deals with asynchronous data calls, callbacks and event-based programs. RxJS can be used with other Javascript libraries and frameworks. It is supported by javascript and also with typescript.

What is RxJS?

As per the official website of RxJS, it is defined as a library for composing asynchronous and event-based programs by using observable sequences. It provides one core type, the Observable, satellite types (Observer, Schedulers, Subjects) and operators inspired by Array#extras (map, filter, reduce, every, etc.) to allow handling asynchronous events as collections.

Features of RxJS

In RxJS, the following concepts takes care of handling the async task −

Observable

An observable is a function ... read more