G$earch

Know Your Worth: Salary Guide For Web Designers/Developers [Comparisons]

Posted by Harshad

Know Your Worth: Salary Guide For Web Designers/Developers [Comparisons]


Know Your Worth: Salary Guide For Web Designers/Developers [Comparisons]

Posted: 05 Aug 2013 08:01 AM PDT

So I think it is worth a comparison between annual salaries over different countries. Here’s how we’re doing this. I have put together salary information on Jr./Sr. Web Designers, Jr./Sr. Web Developers, and PHP Web Developers from 35 different countries. The majority of this data has been obtained via PayScale which organizes submissions by people who work in the field.

You may be surprised to learn just how much money some creative professionals are making! The numbers have been converted into USD for an easier comparison.

Methodology

By reading the PayScale data methodology you can learn how their company operates to manage and organize user content. People will submit their salaries and location, along with extra metadata such as age and gender. These statistics are kept anonymous and will be put together for calculating an average median.

The detailed PayScale charts will display only newer data which has been submitted since 2013. But they do not remove the older content since this is used to generate a full median when there isn’t any new data available. I find their system is very reliable and the median numbers are never off by more than 1-2 years. So I would argue these salary estimates can be ranged from 2011-2013 taking various data models into account.

Deviations

For a small number of countries there was absolutely no data inside PayScale particularly related to some higher positions. I located related websites which offer salaries of jobs in the same realm.

These alternate sources consist of job offers and Coroflot design statistics which are also submitted by freelancers and paid employees. I am very happy with the results and the number of estimates we could obtain.

No statistics can be guaranteed 100% accurate, especially monetary stats because of currency devaluation/inflation, but this guide is a deeply reliable source for global salary rates looking into 2013.

Skip the queue and head to your desired sections here:

Web Developers

Summary for position – web developer:

  • Top 5 highest paying countries: Switzerland ($63k), Australia, United States, Denmark, Germany.
  • Top 5 lowest paying countries: India ($4.6k), Indonesia, Egypt, Kenya, Argentina.
Country (Currency) Annual Salary (USD)
United States (USD) $50,900.00
Japan (JPY) $33,553.00
Australia (AUD) $52,717.00
United Kingdom (GBP) $36,875.00
Italy (EUR) $21,745.00
Germany (EUR) $45,108.00
France (EUR) $38,095.00
Greece (EUR) $20,087.00
Switzerland (CHF) $63,546.00
Sweden (SEK) $32,229.00
Portugal (EUR) $23,636.00
Spain (EUR) $30,324.00
Russia (RUB) $23,724.00
Ireland (EUR) $44,344.00
New Zealand (NZD) $40,260.00
Netherlands (EUR) $34,854.00
Denmark (DKK) $47,775.00
Poland (PLN) $18,597.00
Finland (EUR) $24,372.00
Austria (EUR) $30,754.00
Romania (RON) $25,728.00
Belgium (EUR) $35,170.00
Egypt (EGP) $6,912.00
India (INR) $4,605.00
Indonesia (IDR) $5,347.00
Malaysia (MYR) $12,490.00
Singapore (SGD) $27,285.00
Ukraine (UAH) $24,000.00
Bahrain (BHD) $19,530.00
Brazil (BRL) $20,660.00
Mexico (MXN) $13,720.00
Argentina (ARS) $10,917.00
South Africa (ZAR) $17,527.00
Kenya (KES) $9,467.00
Hong Kong (HKD) $29,713.00

Web Developers (Senior)

Summary for position – senior web developer:

  • Top 5 highest paying countries: Switzerland ($90k), Australia, United States, Sweden, New Zealand.
  • Top 5 lowest paying countries: Egypt ($8.8k), India, Bahrain, Indonesia, Mexico.
Country (Currency) Annual Salary (USD)
United States (USD) $78,305.00
Japan (JPY) $71,235.00
Australia (AUD) $81,300.00
United Kingdom (GBP) $55,123.00
Italy (EUR) $32,620.00
Germany (EUR) $65,420.00
France (EUR) $49,125.00
Greece (EUR) $30,880.00
Switzerland (CHF) $90,350.00
Sweden (SEK) $73,192.00
Portugal (EUR) $34,857.00
Spain (EUR) $43,592.00
Russia (RUB) $29,119.00
Ireland (EUR) $59,857.00
New Zealand (NZD) $72,745.00
Netherlands (EUR) $52,387.00
Denmark (DKK) $64,024.00
Poland (PLN) Not Enough Information
Finland (EUR) $60,618.00
Austria (EUR) $45,185.00
Romania (RON) $36,826.00
Belgium (EUR) $38,402.00
Egypt (EGP) $8,680.00
India (INR) $9,780.00
Indonesia (IDR) $18,665.00
Malaysia (MYR) $21,587.00
Singapore (SGD) $42,502.00
Ukraine (UAH) $27,610.00
Bahrain (BHD) $17,505.00
Brazil (BRL) Not Enough Information
Mexico (MXN) $21,115.00
Argentina (ARS) $22,850.00
South Africa (ZAR) $36,853.00
Kenya (KES) Not Enough Information
Hong Kong (HKD) $38,714.00

Web Developers (PHP)

Summary for position – PHP web developer:

  • Top 5 highest paying countries: Switzerland ($71), Australia, United States, Portugal, Finland.
  • Top 5 lowest paying countries: Indonesia ($3.3k), India, Egypt, Argentina, Poland.
Country (Currency) Annual Salary (USD)
United States (USD) $49,720.00
Japan (JPY) $40,180.00
Australia (AUD) $56,071.00
United Kingdom (GBP) $34,828.00
Italy (EUR) $25,820.00
Germany (EUR) $45,791.00
France (EUR) $24,488.00
Greece (EUR) $17,413.00
Switzerland (CHF) $71,202.00
Sweden (SEK) $31,464.00
Portugal (EUR) $48,412.00
Spain (EUR) $30,324.00
Russia (RUB) $14,504.00
Ireland (EUR) $38,844.00
New Zealand (NZD) $37,190.00
Netherlands (EUR) $35,828.00
Denmark (DKK) $37,398.00
Poland (PLN) $11,859.00
Finland (EUR) $47,217.00
Austria (EUR) $46,522.00
Romania (RON) $21,600.00
Belgium (EUR) $27,330.00
Egypt (EGP) $10,347.00
India (INR) $4,482.00
Indonesia (IDR) $3,301.00
Malaysia (MYR) $13,842.00
Singapore (SGD) $26,062.00
Ukraine (UAH) $12,000.00
Bahrain (BHD) Not Enough Information
Brazil (BRL) $26,907.00
Mexico (MXN) $16,916.00
Argentina (ARS) $10,360.00
South Africa (ZAR) $14,280.00
Kenya (KES) $12,795.00
Hong Kong (HKD) $35,558.00

Web Designers

Summary for position – web designer:

  • Top 5 highest paying countries: Switzerland ($77k), Australia, New Zealand, Germany, Sweden.
  • Top 5 lowest paying countries: India ($3.3k), Indonesia, Kenya, Egypt, Argentina.
Country (Currency) Annual Salary (USD)
United States (USD) $41,752.00
Japan (JPY) $30,874.00
Australia (AUD) $52,351.00
United Kingdom (GBP) $32,966.00
Italy (EUR) $23,825.00
Germany (EUR) $47,245.00
France (EUR) $36,540.00
Greece (EUR) $28,496.00
Switzerland (CHF) $77,530.00
Sweden (SEK) $43,526.00
Portugal (EUR) $22,860.00
Spain (EUR) $33,185.00
Russia (RUB) $15,550.00
Ireland (EUR) $36,274.00
New Zealand (NZD) $48,156.00
Netherlands (EUR) $39,945.00
Denmark (DKK) $32,188.00
Poland (PLN) $18,597.00
Finland (EUR) $42,715.00
Austria (EUR) $37,537.00
Romania (RON) $14,532.00
Belgium (EUR) $28,745.00
Egypt (EGP) $6,227.00
India (INR) $3,364.00
Indonesia (IDR) $4,305.00
Malaysia (MYR) $10,910.00
Singapore (SGD) $24,417.00
Ukraine (UAH) $11,720.00
Bahrain (BHD) $20,688.00
Brazil (BRL) $15,108.00
Mexico (MXN) $14,925.00
Argentina (ARS) $8,930.00
South Africa (ZAR) $16,675.00
Kenya (KES) $6,192.00
Hong Kong (HKD) $20,098.00

Web Designers (Senior)

Summary for position – senior web designer:

  • Top 5 highest paying countries: Switzerland ($89k), Sweden, Denmark, Australia, Finland.
  • Top 5 lowest paying countries: Indonesia ($4.4k), India, Egypt, Argentina, Malaysia.
Country (Currency) Annual Salary (USD)
United States (USD) $65,894.00
Japan (JPY) $41,880.00
Australia (AUD) $73,686.00
United Kingdom (GBP) $47,783.00
Italy (EUR) $29,350.00
Germany (EUR) $56,910.00
France (EUR) $41,000.00
Greece (EUR) $33,724.00
Switzerland (CHF) $89,550.00
Sweden (SEK) $81,415.00
Portugal (EUR) $25,845.00
Spain (EUR) $37,430.00
Russia (RUB) Not Enough Information
Ireland (EUR) $50,744.00
New Zealand (NZD) $61,612.00
Netherlands (EUR) $59,740.00
Denmark (DKK) $79,056.00
Poland (PLN) $41,033.00
Finland (EUR) $73,184.00
Austria (EUR) $48,928.00
Romania (RON) $18,153.00
Belgium (EUR) $25,093.00
Egypt (EGP) $12,366.00
India (INR) $6,920.00
Indonesia (IDR) $4,551.00
Malaysia (MYR) $16,717.00
Singapore (SGD) $32,546.00
Ukraine (UAH) $18,843.00
Bahrain (BHD) $21,796.00
Brazil (BRL) $17,458.00
Mexico (MXN) $17,030.00
Argentina (ARS) $14,836.00
South Africa (ZAR) $25,941.00
Kenya (KES) Not Enough Information
Hong Kong (HKD) $42,127.00

Resources

Final Thoughts

The process of gathering resources is detailed and very time-consuming. It requires a lot of translation and critical thinking to determine annual salary rates from a dataset. But I also feel that web designers and developers are some of the newest potential jobs on the market. There is lots of solid information out there, plus the amount of traction and worldwide success of the Internet has provided a very lucrative field of networking.

Be sure to let us know your thoughts on the salary comparisons and feel free to share any questions or personal commentary, as well.

    


25 Movie-Themed LEGO Constructions You Haven’t Seen Before

Posted: 05 Aug 2013 06:01 AM PDT

LEGO is an awesome toy for all ages and more often than not, builders are limited only by their imagination as to what they can put together and create with those colored blocks.

Add to that a love of a blockbuster movie or genre, a lot of patience and a superhuman ability to not die from stepping on a LEGO block, and you have a collection of amazing mega constructions, so mind-blowing that you’d think they are actually built for a LEGO-themed remake of the actual movie.

LEGO Constructions

Here are a few movie scenes that you were reimagined by LEGO master builders. Depicted below are two sections, one dedicated to the building and sets of famous movies; the other, the spaceships of sci-fi films that have graced the silver screen and won our hearts.

Keep in mind that while they are not to scale, these mega constructions can be 6-feet in length or height, consisting over tens (or hundreds) of thousands of LEGO bricks, pounding the scales at 10 kgs and above. With that in mind, start gawking.

Iron Man Hall of Armor – Iron Man 3. The attention to detail of these one of a kind, hand-painted LEGO Iron Man armor is just amazing. (Image Source: becauseBATMAN)

Iron Man Hall

Iron Man Hall

Tony Stark’s Garage – Iron Man. A well-known scene where Tony Stark tests new armor with JARVIS in his basement garage. (Image Source: LuxorV)

Tony Stark's Garage

Bane’s Hideout – The Dark Knight Rises. Check out the creative use of clear LEGO bricks to simulate a waterfall in the sewers of Bane’s Hideout. There’s even a white rat for extra credit. (Image Source: MaceWindu)

Bane's Hideout

Bane's Hideout

The Goblin’s Lair – Spider-Man 2. Although a small build, the lighting effects brings the whole thing to life. (Image Source: Captain Nemo)

Goblin's Lair

Goblin's Lair

Helm’s Deep – Lord of the Rings: The Two Towers. 1700 LEGO minifigs were used in the re-creation of the Battle of Helm’s Deep. (Image Source: MOCpages)

Helm's Deep

Helm's Deep

Barad-dûr (Eye of Sauron) – Lord of the Rings. This tower stands 175cm tall, so it could probably be taller than you. (Image Source: SkyWalter)

Eye of Sauron

Eye of Sauron

Hogwarts – Harry Potter. One die-hard Harry Potter fan, 400,000 LEGO Bricks and 12 months. A masterpiece made out of pure dedication and hard work. (Image Source: Bippity Bricks)

Hogwarts

Hogwarts

Inception. The dream sequence iconic of Christopher Nolan’s masterpiece depicted in its entirety, curves and bends included. (Image Source: -infomaniac-)

Inception

Winterfell – Game of Thrones. Just look at this epic castle fit for the King of the North. (Image Source: Itaria No Shintaku)

Winterfell

Winterfell

Al Khazneh – Indiana Jones and the Last Crusade. LEGO architectural wizardry with amazing fine detail. (Image Source: MOCpages)

Al Khazneh

Al Khazneh

The Wizard of Oz. The Emerald City and final scene of the Wizard of Oz. (Image Source: Captain Redstorm)

Wizard of Oz

Wizard of Oz

Castle Black – Game of Thrones (TV). Known as ‘The Wall’ where Castle Black is located, this is the fortress of the Night’s Watch. (Image Source: Itaria No Shintaku)

Castle Black

Hill Valley 2015 – Back To The Future. The famous location where Marty McFly hoverboards through the square by day and gets a lightning strike by night to get back to his time in the future on the Delorean. (Image Source: Orion Pax)

Hill Valley 2015

Spaceships & Aircrafts From Movies

X-Wing Star Fighter – Star Wars Episode IV: A New Hope. A life-size X-Wing consisting of 5.3 million LEGO bricks, built in 17,000 hours and by 32 (crazy) designers.(Image Source: LEGO Facebook)

X-Wing

X-Wing

Mon Calamari Star Cruiser – Star Was Episode VI: Return of the Jedi. Measuring in at 208 cm long, weighing in at 23.5kg, made from 30,500 LEGO bricks worth $5000 and pieced together by a single man. Someone give him a medal. (Image Source: Thomas Benedikt)

Calamari

Calamari

Millennium Falcon – Star Wars Episode IV: A New Hope. A minifig size Millennium Falcon done without the help of the 10179 collectors edition. Is that Han Solo? (Image Source: simply sci-fi)

Millennium Falcon

Millenium Falcon

Battlestar Berzerk – Battlestar Galactica (TV). Almost as big as the average person at 186 cm long and 61 cm wide this battleship weighs in at 24.5 kg with over 20,000 LEGO bricks. (Image Source: Garry King)

Bezerk

Bezerk

Venator Class Star Destroyer – Star Wars: The Clone Wars (TV). An even bigger build at 2.44 meters in length weighing 82 kgs. Mind-blowingly awesome. (Image Source: iomedes)

Venator

Venator

Ralph McQuarrie’s Baseship Concept – Battlestar Galactica (1978). It’s amazing to think how straight LEGO pieces can create this circular build, towering at over 1 meter in height and length. (Image Source: Garry King)

Baseship

Baseship

Nebulon-B Escort Frigate – Star Wars Episode V: The Empire Strikes Back. The attention to detail to this 2-meter long and more than half a meter high frigate is impeccable. (Image Source: Steef Mediocre)

Nebulon

Nebulon

USS Reliant – Star Trek II: The Wrath of Khan. The use of LEDs really brings this space ship to life. (Image Source: Myko-)

USS Reliant

USS Reliant

Corellian Corvette – Star Wars Episode IV: A New Hope. The hallways of this 12-foot long aircraft has a fully detailed interior where LEGO mini figs can walk around (if they could). (Image Source: simply sci-fi)

Corvette

Corvette

Batman’s Tumbler – The Dark Knight Trilogy. Not a spaceship but a working remote controlled Batman Tumbler with working suspensions. How is this even possible? (Image Source: Technico1175)

Tumbler

Tumbler

    


Enabling Infinite Scroll for WordPress Theme [WordPress Tip]

Posted: 05 Aug 2013 03:01 AM PDT

In the Web, Infinite Scroll refers to the concept of loading the next content continuously as the users scrolling down the page. So long as there is still content available scrolling will keep showing the next line of content. You can find this kind of experience implemented in the Twitter and Facebook and many other sites.

If you have reason to implement the same experience on your website, and assuming that you built your website with WordPress, we will show you how to do enable infinite scrolling.

Installing Jetpack

Although there are several plugins and methods to achieve Infinte Scroll, I prefer using one from Jetpack. Jetpack is a plugin developed by Automattic — the guys behind WordPress. It contains a set of plugins to extend your blogging experience, including the Infinite Scroll.

This feature was first introduced in version 2.0. However, unless you are using TwentyTen, TwentyEleven, and TwentyTwelve – the default WordPress themes, the experience might not immediately visible in your theme. Since every theme has a unique page structure, Jetpack needs a piece of your theme information for it to work.

First, make sure that Jetpack is installed and the Infinite Scroll is activated, as follows.

Adding Infinite Scroll Function

Similar to adding Post Thumbnail, Infinite Scroll is added with add_theme_support() function, and this is one of the reasons I prefer using Jetpack over the other options, as it is well integrated with the WordPress Core function.

In this example, I’m using the free WordPress theme from ThemeZilla, Launch.

First, we need to create a function for specifying the post template that will be used by Infinite Scroll to append the content. In this case, we will call content-post-standard.php for the template.

 function zilla_infinite_scroll_render() { get_template_part( 'content-post', 'standard' ); } 

Then, we can enable Infinite Scroll this way.

 add_theme_support( 'infinite-scroll', array( 'container' => 'primary', 'render' => 'zilla_infinite_scroll_render', )); 

The content parameter in the above code specified the id that contains our posts. In this case, the Launch theme wraps the posts within id="primary".

While the render parameter specifies the template on which the content should be formatted. At this point, the effect should already be visible in your posts when you reload your website.

But, notice that the footer is now overlaying on your posts.

If this is something that does not sit well with your theme design, you can set the type parameter to click, so that the content should not be appended until the users click on a button.

 add_theme_support( 'infinite-scroll', array( 'type' => 'click', 'container' => 'primary', 'render' => 'zilla_infinite_scroll_render', )); 

Jetpack will append the button for users to click in order to show the next content.

Final Thought

This is merely a basic implementation of Jetpack Infinite Scroll. For most cases, this should sufficed. But, if you want to go more advanced, you can head over to the following page at Jetpack.

    


0 comments:

Post a Comment