The basic issues that a web designers has to solve is choosing the right typeface and manipulating correctly the font size, weight, line height and other rather less important attributes. But that isn’t all.

To be a good web designer you need to have a good understanding of typography and how it works. We started with a few options at our hand, but since font-face was available, that was pretty much solved. However, that didn’t solve the typography problem that designers were facing, because the problem wasn’t the font pool, but its overall font usage on the page.

Legibility

It is important to have a good visual contrast between fonts and also between blocks of text and headlines. The human brain is built in such a way that makes it strong contrast and distinctive patterns attractive for you.

The amount of characters that are in the line is something that most designers ignore. For eligibility purposes, this should be around 65-75 characters. Legibility is the degree to which individual characters in text are understandable or recognizable based on appearance. It is important to take care of this if you want your visitors to read with no difficulty the text that you have on your page.

Typographic hierarchy

Typographic hierarchy is a system that allows you to establish an order of importance with the text that is on your page, allowing the visitors to navigate easily and find what they are looking for. It represents the way that different typefaces, weights and sizes are structuring a page.

To establish typographic hierarchy there are a few things that can use: size, weight, color, position and type contrast. You don’t have to use only one of these, instead try using combinations of them to deliver a better a effect.

The size of the fonts that are on the page should not be randomly chosen. Also, the style and weight are also really important and don’t neglect them by just using just bold and… more bold. The fonts that you can find online also have a lot more weights that you can use like italic, bold italic, thin, or even small caps.

Use white space!

Newbie designers tend to ignore this. I’ve previously talked about white space and I’ll try to keep this as short as possible.

By using white space doesn’t mean that you should do it everywhere and at all costs. Certain elements like the ones that are related should be grouped and have a smaller space between them, while the distance between a group and another should be bigger. Improper spacing will confuse the visitors and it will direct their attention towards something that isn’t a priority.

So, selecting a typeface is the easy part, right?

No. You probably thought this is the easy part of the whole typographic process that involves designing a website, but it isn’t. Selecting a good typeface that is proper for your design is quite difficult.

My personal opinion is that you shouldn’t use only one typeface. I’ve talked about contrast in this article a few likes back and that can easily be done by using two different typefaces and by different I mean serif vs sans-serif, not Comic Sans vs Franklin Gothic.

Using two fonts, one serif and one sans, is one of the easiest ways that you can create typographical contrast while having a cohesive look to the text.

The easiest and most sure way of doing this successfully is by selecting from fonts made by the same designer, because they will most likely have the same strokes and curves. A good example of this is the pair PT Sans and PT Serif.

Be an information designer

Information design is the practice of presenting information in a way that fosters efficient and effective understanding of it. The term is usually used for graphic design for displaying information effectively, but with the continuous evolution of the web, the person who handles this responsibility, the information designer, has expanded his duties to the web also.

It is the information designer’s responsibility to divide, organize interpret the enormous quantity of typography that is on a site in such a way that the visitor will have a good chance of finding what is of interest to him. An information designer should be optimizing the readability, accessibility, usability and overall graphic balance of a site.

There are web designers who know what good web typography is and what it involves and that can be seen on the projects their working on. A few other examples of good web typography can be seen in this article.

zurb.com

negativelabs.com

ilovetypography.com

happycog.com

viljamis.com

I know time is important to everyone and it may seem like a waste of it to focus on these little things, but you have to take care of these subtle details especially when creating a project for designers or people with a trained eye. The satisfaction that a visitor receives when he sees one of these details is incredible and your image in his eyes increases tenfold.

For example, look at the globe icon on Facebook. The icon shows a different side of the globe depending on your location.

You might say that Facebook is big company and it affords to do these specific things. If you would say this, it wouldn’t be the smartest thing you have said. One of the reasons it became a big company is that it cares about its visitors and tries to deliver the best experience to its visitors.

Perfection is achieved not when there is nothing more to add, but when there is nothing left to take away

You have to be patient with your work and put every element of your design layout in their place with a specific purpose. Otherwise, if the element has no importance in your design, then you should remove it. Cluttering your design won’t do you any good. On the contrary, it may do more harm so try keeping it simple.

Even if you want to believe it or not, small design elements are noticed subconsciously by the visitor and they influence him in making decisions on the site. A good example of small design element is the attachment icon on Gmail which changes after the first attachment was uploaded.

There are also other details which don’t necessarily focus on design, but on functionality and improving the user experience, like security issues or guidance for the visitor to do the safest decisions on a website, like the registration form on Geeklist which tells you in a more interesting way that you have a weak password.

Another similar example is from GitHub where you are asked to type the full repository name to delete it. There are various sites where users tend to have a certain fear for “delete my profile” type of buttons which are stupidly thrown on the layout of the page and you might click it by mistake.

Be a perfectionist

This sounds a little bit elitist, but you have to do your best at every part of the design that you are working on. You will have to recheck the design and position of every element and modify it in such a way that it will improve the user’s experience.

You probably noticed that the words usability and user experience appear a lot when we’re talking about design and it should be no surprise. Website and app designs are all about UX and usability.

We’re not in the year 2000 when visitors responded positively to flashy content. The industry has grown up and the users are tired of the design over functionality issue. What they want are products that are useful and that can deliver what they are looking for.

Another thing that the visitors enjoy is being informed about what’s happening on the screen and about the result of their interactions. For example, when uploading a photo for example, they would like to know in real time how much of it was uploaded.

A plus on credibility

Gaining credibility for your product with these details is a big win and that is important because you design for you visitors and customers, not just for the sake of designing something. Visitors judge your site by evaluating design, copywriting and interactions. While copywriting shouldn’t be your concern, design and interactions are your responsibilities and you must deliver a well thought product if you want to gain more customers or visitors.

Go big or go home

You can build average websites, apps for web and mobile, but what you want for you and for your clients is to build excellent apps that are memorable. This can be done with a lot of work and time invested.

Also, you have to ignore templates. I know using templates is easy and switching the colors and a few fonts from one client to another may work for some designers, but that won’t help you get far, especially because one design doesn’t have the same effect for every client. They most likely target different audiences and different audiences respond differently to various design styles.

Use unique graphics in your designs. Trying to use icons made by other designers on your layouts doesn’t always have the desired effect. There are icon packs built with a lot of attention and which have really neat icons, but most of the times you will find yourself trying various icon packs on your design and you’ll notice that they simply don’t fit well. Creating your own icons in the same style as the overall design of the site is the best solution.

After you think you finished your project inspect every element and make sure everything is in place. If you are uncertain about some elements, don’t be afraid to ask for feedback your colleagues or friends. Don’t be afraid of what they might say. Also, don’t do everything that they comment about your design. If you know you know for sure that you’ve done the right thing by placing an element in a certain zone or if you designed it properly, stick to your design.

In the final part of the article, I left you a few other examples of details that look good and make the user experience better, courtesy of littlebigdetails.com.

iOS 6 – the night time weather summary shows the correct phase of the moon.

Dropbox – iOS app automatically pauses Camera Upload when the battery is running low.

YouTube – If you navigate away from a video, then immediately return, the player continues where it was left off.

YouTube – Clicking on the “Report” icon on YouTube stops the video if it’s currently playing.

Google Drive – An expanding hover interface allows you to choose the desired amount of rows and columns in a new table.

Find My iPhone – When your iOS device has been located, it shows the remaining battery level, so you know if you’re going to lose track of it soon.

Twitter – Characters exceeding the 140 limit are highlighted in red.

Gmail – Incompatible versions of Internet Explorer show a damaged envelope as the favicon.

Facebook – The prompt text in the “Update Status” field constantly changes on refresh.

Opera – Tabs that haven’t been viewed yet are indicated by a folded corner.

Pocket (iOS) – After copying a URL, opening the Pocket app will automatically prompt you to save the content.

37 Signals – Blog post header text changes with size by dropping non-essential words as the browser viewport gets smaller.

Google Chrome – When dragging the active tab it is always on top of the others, when dragging an inactive tab it moves behind the active one.

Signal vs. Noise – When a comment is marked as trolling, the comment appears in Comic Sans, lighter color and has a troll face next to the comment author.

Flickr – When you enter a comment on in all caps, the comment is posted with proper capitalization.

Mailchimp – The logout URL says “see ya later” to the user.

Mixpanel – When changing your password, the field for the current password has an old style key, and the new password has a modern key.

iOS Mail – The icons represent instructions on how to fold a paper airplane.

Facebook – On the mobile app, a notification tells you about new comments while you’re writing a comment.

LittleIpsum – Graphical representation for selecting words, sentences, or paragraphs of Lorem Ipsum.

Chocolat – Turns all text into Comic Sans after your trial has expired.

Google Maps – The street view icon on Google Maps has a surfboard and tropical shirt when in Hawaii.

Siri – Confirms what “tomorrow” means, when it is mentioned close to midnight

Dropbox – The dropbox forces developers to test their app before they can release the app in “production” status.

Youtube – The settings icon spins when you change quality of the video until it stabilizes.

theyouway.com – When opening a new tab the page title changes to “♥ Come back luv!”.

Google MapsGL – The shadows cast by the buildings are relative to the current position of the sun.

Finding the right job for you isn’t at all easy, cause most of the times they aren’t promoted, just posted on the company website hoping that someone will see them and apply.

In this article I gathered for you design jobs, web development and mobile ones that were published in the last week. These are fresh so if you think you are good enough for one of the opening job positions, apply fast cause others are applying too and you never know how fast the job will be filled.

Jobs for designers

Lead Digital Designer at Red Badger in London, UK

You will need:
– Around 5 years of industry experience with some client facing roles
– Good understanding of online brand
– Good understanding of user experience and user centric design
– Good understanding of production for development
– Great attention to detail
– To be able to estimate and manage time
– To be able to lead and be a champion of visual design within the team
– To be able to work collaboratively with other disciplines. You are likely to be drawing up ideas and wireframes with UX and devs
– Photoshop / Illustrator skills

Nice to haves:
– Experience in multi-platform design (website/mobile/iPad etc)
– Good mix of portfolio from different sectors
– Experience in agile, or have an open minded approach to process

UX / UI Designer & Researcher at Blueprint Health Inc in San Francisco Bay Area

Blueprint Health is hiring a UX/UI Designer & Researcher who wants to dedicate his/her energy and craft to improving the lives of healthcare workers. We are looking for someone to drive our design research process as well as contribute to the product strategy and interaction designs.

Junior Designer at emc design in Stevington, UK

emc design is one of the UK’s leading print & digital design agencies for Publishing. The main purpose of the job is to use your design skills in the production of print and digital educational materials. The job will be suited to someone who has a particular interest in the challenges of making editorial material look visually exciting and structurally sound. It would suit someone who is a skilled and gifted designer who enjoys working in a technically minded way. This could be someone straight from college or having up to 2 year’s experience.

Graphic Designer at Column Five in Newport Beach, CA or Brooklyn, NY

Our company is relaxed, but we work at a fast pace. We are looking for someone who will not only bring a new level of expertise, but also contribute to our creative environment with a strong imagination and desire to create amazing work.

Must be proficient in Adobe Illustrator, InDesign and Photoshop. Must have strong typographic skills and use of space.

Junior Designer & Developer at Gong Communications in London, UK

We require a junior designer and developer to work with our integrated in-house design function on everything from client web sites and brand development to corporate videos. This person must have a passion for design, branding, digital communications and developments in social networking. This is a varied and exciting opportunity for someone who is ambitious and keen to work in a smaller agency.

Assistant Packaging Designer at Burberry in London, UK

The ideal candidate will have:
- An open-minded approach, willing to learn from colleagues and be proactive in researching ideas and new concepts.
- Innovative yet practical when approaching the execution of a design project.
- Pro-active attitude to problem solving by using initiative to find solutions with or without direction.
- Ability to work across multiple projects
- A good knowledge of the Adobe Creative Suite of products especially, Photoshop, In Design and Illustrator is essential, as is a willingness to learn these products to a professional level.

Junior Presentation Designer at Bearfoot graphics Ltd in Hampshire, UK

Essential skills:
– We are looking for a rising star whose good sense of humour and confident proactive nature will fit in well with our team.
– A strong graphic design background with an excellent & varied portfolio of work is a must as is a full detailed working knowledge of Adobe Creative Suite, in particular Photoshop and Illustrator.
– As much of our work is carried out ‘Onsite’ at venues both in the UK and abroad the candidate must be able to drive, holding a full UK driving licence, and be willing to travel, including some overnight stays and have a current valid passport.
– The position is client facing, it therefore goes without saying that candidates must be personable, presentable and punctual with a friendly ‘can do’ attitude.

Product designer at Birst in San Francisco, CA

QUALIFICATIONS:

- You have taken designs from high level concept to tangible product before. You can share the steps you took, and the final results of your work with us.
- You’re an excellent verbal, written, and visual communicator. You can clearly articulate the behavior of your designs and the decisions that lead to their creation.
- You’re comfortable working with and developing design systems. Grids and proportional scales are your bread and butter.
- You have command over a wide range of desktop and mobile web design patterns (responsive design experience is a big plus). You also know when and how to deviate from convention.
- You have experience with at least some front-end web development. Ability to build prototypes of your designs is a big plus.

Senior or Lead UI/UX Designer at IC Creative in Reading, UK

Working predominantly on the mobile platform, this role will be right for anyone with a strong bias towards designing for the platform, or at least a good level of app and mobile software design to showcase within their portfolio.

This is a great role to join an award-winning company who have grown up over the past several years and can be seen as one of the forerunners within their field.

Product Designer at Flavorus in Los Angeles, CA

Flavorus is seeking an experienced Product Designer to join our team in our LA office. As a Product Designer, you will help to improve the overall user experience, while helping us grow and expand to new platforms and devices. You will work with a small team of designers and developers to help build the latest and greatest features in online ticketing. This is a full time position in a fast-paced, positive, innovative environment, offering flexible hours, and a great benefits package.

Web Designer at Sambreel in San Diego, CA

Sambreel is looking for a Web Designer to join our Web Brands team. As part of a core team integral to the success of our department, this position applies their experience in HTML & CSS to create web pages that engage and convert web users. When not developing, this position will strategize with the team to evolve and expand online marketing initiatives.

Senior UI/UX Visual Designer at HealthTap in Palo Alto, CA

Experience:
- Genius-level Photoshop skills
- A compelling and engaging portfolio that demonstrates out-of-the box thinking, clean design principles, and exceptional user flows and experiences
- Proven understanding of interaction design concepts and a unique sense of design principles
- Experience designing mobile apps or mobile sites

Graphic Designer at Dynistics in Birmingham, UK

Desired Skills & Experience:
- Demonstrable skills and experience in the creation of graphical front-end experiences;
- An ability to operate autonomously whilst contributing to the UX/UI product development activities of our in-house team;
- Clearly demonstrable expertise in the use of Adobe tools.
- Skills and knowledge in the development of web technologies HTML, CSS, Javascript and JQuery technologies
- Be located within 45 minutes drive of our offices in Solihull;
- Possess a full UK Driving Licence and a car;
- Eligibility to work and live in the UK.

Mobile Senior Visual Designer at Xoom in San Francisco, CA

As our Senior Mobile Visual Designer, you will be a key player in ensuring that the Xoom experience is efficient, engaging and intuitive on all mobile screens. You will help bring the Xoom experience to life on mobile screens.

Digital designer at Adaptive Lab in UK

We’re looking for someone who’s up to date on the latest design and interface innovations on the web and mobile but also someone who draws from a wider pool of inspiration to bring different experiences to the projects we work on.

Lead Web Designer with UI/UX Experience at MyStand in US

We are currently hiring a Lead Web Designer with UI/UX Experience to work closely with company owners and leaders on a Gaming App and website that makes a measurable and sustainable difference to humanity and our spinning planet.

UI/UX Designer at imo in Palo Alto, CA

We are looking for a highly passionate and creative professional who is experienced in designing for web and mobile platforms.

Jobs for web developers

.net Developer at ViSalus in Troy, MI

Qualifications:
- Bachelor’s degree in computer science/engineering with extensive application development in the web based technologies listed above
- Master’€™s degree a plus
- 5-8+ years of hands-on experience in large scale Enterprise Application Development using MVC, ASP.Net, CSharp.Net, AJAX, MS SQL Server
- 5-8+ years of experience with web-based technologies: NET framework 2.0, 3.0, 3.5, and/or 4.0, MVC, HTML, Javascript, JQuery, JSON, AJAX, CSS, LINQ
- Strong skills required in critical thinking and analysis
- Strong skills in verbal and written communications
- Microsoft Certification Solution Developer (MCSD) or equivalent desired

Web Developer at Dogstar Abstracts in London, UK

Required Skills:
– Excellent HTML, XHTML, CSS programming skills
– Coding valid XHTML and CSS mark-up
– Developing cross-browser and cross-platform compatible solutions
– Exceptional JavaScript programming skills
– Experience with JQuery
– Knowledge of working with JavaScript frameworks to create rich interactive content
– Experience integrating with server-side code to produce dynamic pages
– Excitement about emerging web technologies such as HTML5 and CSS3
– Good understanding of Web Accessibility
– Experience working with version control systems such as SVN
– Experience building sites to at least an AA standard.
– Some experience in AJAX techniques
– Knowledge of HTML Email best practice desirable
– Knowledge of UMBRACO highly desirable

Ruby on Rails Web Developer at New York Times in New York, NY

The New York Times is seeking a curious, creative and passionate web developer to join a new team dedicated to creating mobile and web applications to deliver our journalism.

Python/JavaScript Web Application Developer at Draker, Inc. in Burlington, VT or Austin, TX

Draker is seeking a dynamic Software Developer to be a part of a fast-paced, Agile team working with our teams in Burlington, VT and/or Austin, TX on Python/JavaScript routines for advanced analysis of large and complex time-series data-sets, related applications, UIs, and other information extraction, processing and presentation engines in our cloud based products.

Python/JavaScript Web Application Developer at Draker, Inc. in Burlington, VT or Austin, TX

Qualifications
•3-5 years Python web application development experience.
•Solid experience with version control systems in a team environment, such as Git.
•Strong JavaScript/CSS3/HTML knowledge and experience.
•Experience with API development for systems and/or network management applications are desirable.
•Experience working with functional and unit testing for Python highly desirable.
•Prior experience with implementation of product internationalization also desirable.
•Ability to relocate to either Burlington, VT or Austin, TX.

Software Operations Engineer – Senior at Schneider Electric in Alameda, CA

The Operations Engineer will be primarily responsible for deployment, implementation, hosting, on-going maintenance, and support of Schneider Electric’s web-based software solutions. Success in this position will require excellent IT skills, and strong organizational abilities to effectively propel customer and internal projects to successful completion. Additional required skills include the ability to automate hosting operations, and provide consulting and support to our customers. Our servers are primarily Microsoft technologies (Windows/SQL Server/.NET/IIS) but with a small number of Linux servers for various support functions.

Software Engineer at Square Inc. in New York, NY

Square is looking for talented Platform Engineers who are directly responsible for the money moving code and services. If you have experience building a high-volume, low-latency, distributed transactional platform, then we’re looking for you.

Software Engineer – Ruby on Rails at Sharethrough in San Francisco, CA

Sharethrough is looking for a full stack developer to work on our self-serve native advertising platform – powering engaging, interactive experiences used by millions of people daily. You’ll play a key role in architecting our application as we expand our offerings, and quickly at that

Senior Web Developer (PHP) at Schoology in New York, NY

If you are interested in joining an energetic group of entrepreneurs, and you are excited to learn new technologies that push the envelope forward, then Schoology is perfect for you.

Rails Developer at InternMatch in San Francisco, CA

InternMatch is looking for skilled software developers with backgrounds in Ruby on Rails and full-stack web application development.

Front-End Developer with PHP Experience at Sq1 Agency in Dallas, TX

The ideal candidate is highly competent in building stunning user interfaces using HTML5/CSS3 in semantic and standards based markup. You must have experience in leveraging cutting edge front-end technologies such as responsive development, graphics/effects/animations (HTML5 Canvas, SVG, CSS3 animations, etc), device aware content, and others.

Web Designer/Developer at Active Web Group in Hauppauge, NY

Active Web Group is a full-serve web marketing agency that works with a wide range of clients. We are looking for a web developer to join our team to help create, build and manage our clients’ websites.

Front End Developer at OpenSky in New York, NY

Front end engineers at OpenSky work every day with HTML5, CSS3, jQuery, LESS, and Twig (a Django-like templating engine built into the Symfony PHP framework), so you should definitely feel comfortable working with those. We’ve also started working with AngularJs and Grunt, and are constantly tuning our front end tool chain, so to speak.

Ruby on Rails Web Application Developer at DRH Internet Inc. in Anywhere

You love Ruby on Rails and have experience using it to get things done Expert level experience building database-driven web applications using: MVC, HTML, CSS, and JavaScript.

Front-end JavaScript developer for Ember.js at Billy’s Billing in San Francisco, CA

We are looking for a full-time front-end JavaScript developer/engineer whose one and only focus will be working on our web- and mobile app, both built in Ember.js.

Jobs for mobile developers

iOS Developer at Quidsi Inc. in Jersey City, NJ

This position is for a mobile software development engineer looking to build and deliver impressive iPhone and iPad experiences.

iOS Developer at New York Times in New York, NY

The New York Times is seeking a curious, creative and passionate iOS developer to join a new team dedicated to creating mobile and web applications to deliver our journalism.

HTML5 Mobile Games Engineer at Game Closure in Mountain View, CA

Game Closure is looking for a Mobile Games Engineer to help us build the games that guide the development of the world’s best mobile game engine.

Software Engineer – Mobile at RedBeacon in San Mateo, CA

Requirements:
- Demonstrated fluency in a compiled language.
- Bachelor’s degree or equivalent in computer science, information systems or related field.
- PASSIONATE about realizing great design through code. You have opinions about the products you work on and aren’t afraid to defend them / be criticized / be wrong. You know how to be confident and consultative at the same time.
- Proficiency in Objective-C, ideally through some commercial experience (Mac OS X and/or iPhone), a university course, or independent iPhone application development.
- Excited about working in a fast-moving, high-profile professional software development start-up. You’ll be writing code that will ship within weeks to millions of people.

Software Engineer / IOS Developer at VFILES in New York, NY

VFILES is fashion’s social media platform. It’s a place where the global fashion community creates, collects, shares, shops and discovers.

iOS / Javascript Technical Lead at Brightcove in Boston, MA

Brightcove is looking for a talented iOS/Javascript Technical Lead to join our Consulting team.

iOS Engineer at Scopely in Los Angeles, CA

We are looking for the most badass iOS engineers on the planet to help us develop Top 10 cutting-edge apps and games used by millions of users. Our mobile developers are award winning hackers who expect to be working with world class talent.

Senior Mobile App Developer (Android) at yuilop in Barcelona, Spain

If you have passion for mobile device technologies especially Android and want to be part of a team of technological wizards mixed within a start up culture – get on board!

Senior iOS Platform Engineer at Apportable in San Francisco, CA

QUALIFICATIONS
- Solid experience shipping innovative iOS apps and/or developing cross-platform technologies.
- Deep knowledge of OpenGL ES, Objective-C, C++ (or related tech/languages).
- Versatility, cross-functionality, and demonstrated success at hacking things.
- Knowledge of Android Java APIs and JNI a plus.
- Familiarity with any of the projects listed on our Open Source page is also a plus:apportable.com/open_source.

iOS Developer at Branchfire, Inc in Chicago, IL

Requirements:
- Experience with Apple development for the iOS platform
- Experience with Objective-C
- Android tools/procedures a plus
- Understanding of Apple technologies such as Core Data, KVC
- Knowledge of Internet-based communication protocols including web services and TCP/IP.
- Strong understanding of MVC architectures and Web Services

The beginning of parallax

Parallax is a displacement or difference in the apparent position of an object viewed along two different lines of sight, and is measured by the angle or semi-angle of inclination between those two lines. Nearby objects have a larger parallax than more distant objects when observed from different positions, so parallax can be used to determine distances.

Even if that sounds a bit formal, it is the definition of parallax and it was used for the first time in 2D video games where the background images would move slower than the foreground images.

Parallax on websites. Entering HTML5 and CSS3

With these two new technologies the parallax effect was possible in web design and since then… designers lost their mind and started adding parallax scrolling to every new presentation site that they’ve had a contract for.

But why was it so popular? Well, trends usually take off because they look and feel good, but there was much more to parallax scrolling that made it intriguing. Most of the times, parallax scrolling is really interesting and scrolling for the next element to appear on the screen makes you feel like you were rewarded.

Besides that, for the authors of a parallax site the credibility increases a lot. Why? People tend to appreciate web designers who can pull off a well designed website. If done the proper way, usability will not be an issue and the site will be impressive and informative at the same time.

However, everything could backfire if you don’t do it properly. Scrolling too much may irritate the visitors and that would make them leave the site before them seeing what you wanted them to see. Also, the usability of the site will implicitly drop really fast.

Most designers never thought they could go wrong with it. After all, what could go wrong with it if everybody likes it?

Why it faded

There are more cons than pros when talking about parallax scrolling, but people ignored it for a while while the parallax scrolling hype was happening.

• For starters, parallax scrolling uses Javascript/jQuery which makes the page load really slow and that disturbs a lot of people. The page load was increased because the Javascript plugin has to manipulate the position of all the elements that are on the page. This would seem like an easy job for a script, wouldn’t it? No. The plugin has to calculate every time a pixel is scrolled on the site which means that there are a lot of calculations while you angrily move your little mouse wheel. After all the smoke and mirrors disappear, parallax remains only an effect that is difficult to implement and also difficult to load on slow internet connections.



• Most of the sites with parallax scrolling don’t work on mobile devices. That’s a real problem and many are trying to overcome this issue, but those people who have managed to make this effect work on mobile devices won’t give it for free and we can only hope one day we will have an open source version of this code.



• Parallax doesn’t go well with SEO. A parallax based site is a one page site and that is a real problem when you want to optimize the site for search engines and you will lose out on meta description and title tags, which are very important.
• Scrolling is interesting until it is not. I don’t mind scrolling on a website and I’m not necessarily an advocate of the idea that everything important must be above the fold, but scrolling like a mad man to see the end of the site is annoying.

Parallax scrolling sites showcase:

islreview.com

gramercyparkhotel.com

teleton.org.co

hexaedro.eu

nasaprospect.com

olszanska.pl

teapot-creation.com

wildbluetech.com

dangelicoguitars.com

glpcreative.com

tedxguc.com

rit.edu/ili

digdog.ru

browserawarenessday.com

fima.lt

figmenta.com

community.saucony.com/kinvara3

bagigia.com

nike.com/jumpman23/aj2012

Luckily, technology doesn’t stagnate and the multi column layout is supported right now by the majority of browsers, though not fully supported.

Source

How it looks

For best legibility, typographic manuals suggest that columns should contain roughly 65-75 characters per line. One formula suggests multiplying the point size of the font by 2 to reach how wide a column should be in picas — in effect a column width of 24 ems. Following these guidelines usually results in multiple narrow columns being favored over a single wide column. Historically, books containing predominantly text generally have around 40 lines per column. However, this rule of thumb does not apply to more complex text that contain multiple images or illustrations, footnotes, running heads, folios, and captions.

Column contrast refers to the overall color or greyness established by the column, and can be adjusted in a number of ways. One way is to adjust the relationship between the width and height of the column. Another way is to make adjustments to the typeface, from choosing a specific font, to adjusting weight, style, size and leading. Column contrast can be used to establish hierarchy, to balance the page composition, and to visually activate areas of the page.

If you are not seeing the above text in columns, it means that your browser is unsupported. Click here to see how it would look in a supported browser

The code

.three {
       -moz-column-count: 3;
       -moz-column-gap: 20px;
       -webkit-column-count: 3;
       -webkit-column-gap: 20px;
}
.two {
       -moz-column-count: 2;
       -moz-column-gap: 20px;
       -webkit-column-count: 2;
       -webkit-column-gap: 20px;
        text-align:justify;
}

To apply it simply add the class name:

<p class="three">The incredibly long text here</p>

Or, duh, add the snippet to the desired div’s properties in your CSS file.

Other properties that can be used

       -moz-column-rule: 1px dotted #ccc;  
       -webkit-column-rule: 1px dotted #ccc;  
       column-rule: 1px dotted #ccc;  

This little piece of code adds borders between the columns that you have:

A multi-column element (or multicol element for short) is an element whose ‘column-width’ or ‘column-count’ property is not ‘auto’ and therefore acts as a container for multi-column layout. In the traditional CSS box model, the content of an element is flowed into the content box of the corresponding element. Multi-column layout introduces a new type of container between the content box and the content, namely the column box (or column for short). The content of a multicol element is flowed into its column boxes. Column boxes in a multi-column element are arranged into rows. Like table cells, the column boxes in a row are ordered in the inline direction of the multicol element. The column width is the length of the column box in the inline direction. The column height is the length of the column box in the block direction. All column boxes in a row have the same column width, and all column boxes in a row have the same column height. Within each row in the multi-column element, adjacent column boxes are separated by a column gap, which may contain a column rule. All column gaps in the same row are equal. All column rules in the same row are also equal, if they appear; column rules only appear between columns that both have content.

If you are not seeing the above text in columns, it means that your browser is unsupported. Click here to see how it would look in a supported browser

Fin

People are afraid of this technique, but it is pretty easy to implement and it looks good. It can be used in various ways on a website.

By offering this wide range of products, the people from Stamplia want to give their customers the chance to personalize their email templates and by doing so, they add a more professional touch to their business. And they guarantee only the best design for their customers by carefully selecting their products that are according to high standards.

How can you increase your earnings?

And if I managed to capture your attention, what I am about to tell you will interest you more! Stamplia is the place where designers like you can submit their works and get paid for this! This new marketplace pays designers $50 for each email template that they submit and gets their approval plus a hefty commission of 60% every time your template gets sold.

So, if you have what it takes to create a cool and professional email template, don’t hesitate to submit it to the people from Stamplia. Not only will you get paid for your design, but each time someone buys it, you get a stunning commission. And you have to know that there is no limit for submitting your work, thus there is no payment limit.

You can submit as many templates as you want and then wait for them to approve your work and then you will start getting paid immediately and for the long run.

Moreover, there is no certain type of template that they are looking for, whatever you can create that is trendy, arty or eye catching and they like it, gets approved. So, why sell your work for just a sum of money to only one client when you can make your work known to many clients and get paid, not only a fixed sum when you sell your design to them, but get a good commission every time your template is bought by a new client.

To sum up, I hope I got your attention in regards to Stamplia, this new marketplace for email templates where they encourage designers to submit their creations and get paid for their work a fixed sum of money and then earn from commission in the future. It’s a great way to earn money and make your designs popular all over the Internet.

When talking about clean web design most people will think of minimalism. Clean design has nothing to do with minimalism, because it focuses on the aesthetics of the page. A minimalist design is clean, but a clean web design doesn’t have to be minimalist.

So, how do we create a clean website?

Less is more, every designer should know this. You should avoid at all costs a cluttered design, with elements that you don’t necessarily need on the page. This is available for content as well as for graphical elements.

Use white space as much as you can to create relief zones and provide contrast for the content and design elements. It helps the user find exactly what is looking for on the page and you don’t risk having a big bounce rate.

Make sure that the graphical elements that you use are noticed and do their job on the page, otherwise the website will be perceived by the visitor as a blank sheet of paper. It is important that you direct the visitor’s attention to where you want with the help of a few noticeable site graphics.

Clean web design, satisfied visitors

Usability is a thing that always has to be the primary notion that has to be taken into consideration and clean websites make the user experience pleasant. In a clean web site it is easier to find the important content, navigation bar, social media icons and other elements that must be recognized.

In the following part of the article, I’m inviting you to check out a collection of clean website design examples.

mhou.es

prophets.be

automatic.com

bonvalletromain.com

bcdesigners.com

saforian.com

ournameismud.co.uk

somproduct.com

work.no

northbounddesign.com

stickygram.com

vanderson.com.br

postheads.com

dunked.com

urbotip.com

tinybigstudio.com

thisisthebrigade.com

softfacade.com

neopolitanclothing.com

wearemammoth.com

audioveritemusic.com

michieldegraaf.com

positionly.com

visit.uc.pt

hello.cinemur.fr

studionudge.com

trufcreative.com

atolye15.com

byassociationonly.com

b-reel.com

sidigital.co

thibaultjorge.com

weareinstrument.com

While sans-serif fonts are recommended for the web, serif fonts are recommended more for print. Even though people say this it is not widely accepted. It varies a lot on your site design, if the font is fit for it, and of course, it depends on your audience; certain groups of people will prefer fanatically one or the other.

In this article you have a selection of cool serif fonts from urbanfonts which you can download and use in your projects.

Combustion

Lido

Daniela

Wellrock

Contra

Koch

Imperator

Gentium

Centabel Book

Village

Angleterre Book

Day Roman

Steinem

Sexsmith

New Yorker

Jura

Athena Unicode

Bodoni

Kleins Forgotten

Bitstream Vera

Bambi

Font Error

Timeless

Baramond

Pointed

Fertigo

Fontin

Sanford Book

Museo

Parma Petit