forgraphic

Forgraphic is a design studio specialized in creating high quality PSD Mockups and graphic design free resources.

by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

RD Construction

RD Construction is a leading developer of A-grade commercial, industrial and residential projects in Russia.

by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

Mauritius DSilva Portfolio Website

UI/UX Designer, Front End & Web Developer in Kuwait

by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

Building a Custom Twig Filter the TDD Way

Twig is a powerful, yet easy to master template engine. It is also my personal favorite as all my web development is based on either Symfony or Silex.

Apart from its core syntax ({{ ... }} and {% ... %}), Twig has built-in support for various filters. A filter is like a “converter”. It receives certain original data (a string, a number, a date, etc) and by applying a conversion, outputs the data in a new form (as a string, a number, a date, etc). For example, the number_format filter can convert a number into a more readable one:

{{price|number_format(2, '.', ',')}}

Assuming price is a variable with value 1234567.12345, after the filter operation, the output in the page will be 1,234,567.12: 2 decimal places, “.” as the decimal point and “,” as the thousands separator. This makes it much more readable.

As another example, capitalize will make every first letter of a word in a sentence uppercase and others lowercase:

{{title|capitalize}}

Assuming title is a variable with the value this tutorial is nice, after the filter operation, the output will be This Tutorial Is Nice.

Twig has a number of built-in filters. The full list can be found in its official documentation.

Continue reading %Building a Custom Twig Filter the TDD Way%

by Taylor Ren via SitePoint

Why Good Web Design Doesn’t Cost $50

“What?! That’s way too much for a web design!”

If you’ve been around in the industry, you’ve probably heard that one a number of times.

You probably even had the er, pleasure, of interacting with clients who’ve been window-shopping for the cheapest website.

When faced with a client who claims you’re too expensive, there are two paths that designers fall into by default

• Apologize and offer lower rates - this is usually done by newbie designers, who just want to get hold of any client at all.
• Walk away in a huff - this is usually senior, experienced designers, who know the value they bring to the table. If they’re smart, they’ll skip the ‘huff’ and just leave gracefully, knowing the client is not the right fit for them.

Catch is, most of us fall in between those categories. We’re not newbies desperate for clients, and on the other hand, we can’t afford to walk away from too many clients. We’re looking for a mid path where we can charge a good rate that genuinely reflects the quality of our services and the value we bring.

So how do you address this problem? What do you do when clients think you’re quoting too high?

First, take a minute to understand where clients are coming from. When they say your rates are too high it usually comes down to either of

1. They just don’t have that kind of budget. In this case, unless the client has a really high visibility project or something so close to your heart that you’re willing to work for free, politely decline. Don’t haggle. It cheapens you. You could perhaps offer to work out a smaller part of a project for the lower fee. Offer whatever free help you can at the moment like links to other resources to make the website themselves, or recommend a designer that fits their budget.
2. They do have the budget, BUT they feel the price exceeds the value of your services. This means you haven’t really pitched them well. You need to work on making potentials clients understand, and appreciate, the value and the benefits of working with you - in your pitch ie before you even quote them a rate.

Here’s concrete steps on how to prep potential clients to appreciate the value of your web design services.

Highlight the Real Goal of Their Website

Too many new business owners think of a website like an online business card. When they approach a designer, the only idea in their mind, is that they need a website - and no specific idea of what they want. The prettiest or shiniest new thing will do just fine.

Make them understand that a website isn’t just about looking pretty.

The real goal of a website is to generate revenues.

A website is about creating value for your viewers - identifying their pain points, connecting with them, building trust, and then ultimately leveraging that connection, that trust, to make a sale.

An effective website is your best salesperson.

Anyone can put together a website - even for free. But designing for both conversation and conversion is a special skill set that doesn’t come cheap.

Walk Them Through Your Process

Designing a website is not about pulling up a template and putting in some graphics. There’s a whole lot of research that goes into the right kind of layout, the graphics, the colors, the fonts and every other aspect of the website.

Continue reading %Why Good Web Design Doesn’t Cost $50%

by Richa Jain via SitePoint

10 Free UI Templates for Android Lollipop and iOS 8

A good PSD UI template cuts design time and effort in half and is a great alternative to starting from scratch. Here's a list of my current recommended free PSD UI kits. Half are for Android 5, half are for iOS 8 with a focus on the latest versions of the two most popular mobile operating systems.

Continue reading %10 Free UI Templates for Android Lollipop and iOS 8%

by Ada Ivanoff via SitePoint

The Ruby Community: An Introduction

Diving into Ruby just about a year ago, I faced many challenges and unfamiliar concepts in the Ruby ecosystem. Things like testing, gems, the who's who of the community, rake, rdoc, web stuff like Sinatra and Rails were all very confusing. It was a rewarding experience, but the search involved a lot of trial and error. This article hopes to clear the air a bit, and give a clear and comprehensive introduction to Ruby, its community, its ecosystem, and the tools Rubyists use.

The Idea of Ruby

Ruby is a dynamic, open source programming language with a focus on simplicity and productivity. It has an elegant syntax that is natural to read and easy to write. - ruby-lang.org

Ruby is a language that emphasizes simplicity. It attempts to eliminate verbosity and clutter. Rubyists tend to favor terse code that convey intent clearly and concisely.

Continue reading %The Ruby Community: An Introduction%

by Nihal Sahu via SitePoint