web design Tag Archives - General Assembly Blog

Market Hack: How much do Web Developers earn in Sydney?

By

Fundamentals_of_Sales_Skills

When starting your career as a Web Developer, it’s difficult to know your value in the marketplace. One of the biggest questions we get is ‘How much do Web Developers earn in Sydney?’

Three Great Tools

The following tools allow you to hack the market for yourself and get a good idea of where you can be situated in a role:

Continue reading

Gamification: The Importance of Motivation in Web Design

By

Julie is a Digital Marketing Instructor at GA in San Francisco. This piece originally appeared on her blog

What motivates humans to perform certain actions? Well, for one it may be money, status, or maybe passion. The list goes on and on.

Why is it so important that your website or app motivates users? Well simply put, there will really be no reason for someone to use it otherwise. I recently went to a website that asked me to download their app to give feedback. What is in it for me? What will I get in return for my efforts? Why would I take the time to go to the app
store, input my password, and waste storage on my iPhone for your app?

Continue reading

A Website is like a House. Here’s Why

By

Website House Metaphor

Metaphors are great ways to bridge the knowledge gap between technical and non-technical team members. But instead of bombarding non-technical folks with acronyms and jargon, it helps to first establish a baseline understanding of how different technologies work together. One way I like to do this is by comparing a website to a house.

1. The Frame: HTML (HyperText Markup Language)

A house has rooms, and each room contains furniture and electric appliances. Similarly, a webpage has sections (e.g. header, body, footer), and each section contains images and text. HTML organizes and presents elements of a webpage in a structured hierarchy. Here’s an example of pseudo-HTML describing the elements in our house:

[code language=”html”]
<house>
<second_floor>
<bedroom>
<bed />
</bedroom>
</second_floor>
<first_floor>
<living_room>
<television />
</living_room>
<kitchen>
<fridge />
</kitchen>
<entrance>
<front_door>
<door_bell>
</front_door>
</entrance>
</first_floor>
</house>
[/code]

2. The Look: CSS (Cascading Style Sheets)

Not all rooms, tables, and chairs look the same, nor do words or images on a page. That’s where CSS comes in – CSS defines how elements look, describing their color, size, position, shape, and more. Here’s an example of how we’d use pseudo-CSS to style a bedroom in our house:

[code language=”css”]
bedroom {
width: 12ft;
height: 8ft;
walls: 1mm wallpaper matte;
floor: carpet
}
[/code]

Continue reading