Sketch2Code logo with the slogan 'More than Just PSD to HTML'

Here in Creiden, and since the beginning, We always look to the clients’ perspective. Not just to get a full understanding of their needs and demands, but to provide and cover all the services they require. That is what drove us to launching one of our greatest projects; Sketch2Code. Sketch2Code is our newest project, created to end the headache of website development by making it easily possible, and affordable for anyone between a freelancer, agency, or a small-medium enterprise to have a fully customized website.

This is more than a PSD to HTML service.

Sketch2Code covers a wide spectrum of services that gives you the choice between the different ways websites can be developed. You can choose between the following services:

PSD to HTML/WordPress Conversions: Offering Pixel-Perfect conversions, with a clean code structure. You can choose between three different packages, starting at $99. We also offer designs in case you don’t have your own design.

WordPress or HTML Theme Customization: Pick the theme that you would like us to customize for your website. You can choose between our themes and get a 10% discount on the service fees, or any other WordPress theme.

Website Customization: Have a general website that needs customization?. No problem at all. Our professional team can also handle your request In addition to all the basic features, like W3C validation, embracing all HTML5 features, cross browser compatibility, SEO compatibility, and more…..etc., Sketch2Code offers RTL support service in three different ways. You can either have your website in RTL languages, Create Multilingual websites, or include WPML plugin within your add-on features. We see Sketch2Code as a core unit in Creiden that will definitely comfort many clients through a wide field of services to cover all needs and demands, in addition to a Milestone payment policy that requires only 30% upfront payment. In other words, you won’t pay all costs until we deliver a part of the job, so take a quick visit to see of our work examples, and use the “SpringBreak ” coupon to get 20% discount.

start your first project now!

4 Photoshop secrets
No matter how many years you’ve worked as a designer with Photoshop being your workflow’s main tool, you will always be surprised by the number of little hidden features that would vastly boost your workflow and make your life easier. I have been working on Photoshop for about 11 years now, and I am still discovering new features every now and then.


1- Collapse/Expand all layers groups at once.

Don’t know when this feature was added; maybe years ago. But it never came across my mind that it would exist. You face it many times when you are working on a large project PSD which have many layers and groups, and you want to collapse all the groups/effects all at once:



Expand/Collapse all layer groups nested within the current one:

Alt+click the arrow next to the group. You will use this when you want to expand/collapse nested groups without affecting other layers that lay outside the clicked group.


To open/close all layer groups: CTRL+ALT+Click any top level group to expand/collapse all file groups (even nested). This will help you see the final bird-view structure of your file.










2- Shapes extra options

Ever wanted to create a shape like this without any added shapes?


When you choose any shape from the tools bar on Photoshop a small Gear icon gear will appear above. Click on it and you will find some different options for each shape. For the line tool, it will contain adding arrows and so on.

line       hexagon


3- Convert text layers either to Paragraph text or to Point text

It has been there for a while I guess. Photoshop allows 2 types of text layers; either the Paragraph text that you create by dragging the type tool OR the Point text by just clicking while the type tool is selected.


paragraph         point


Each type of those has its usage. Photoshop allows you to change the type of a text layer after creating it. Right click on the text layer and choose “Convert to Paragraph/point”



4- Paste “Lorem Ipsum” in Photoshop

Nowadays, most designers use  “Lorem ipsum” generators to fill the content within their design areas. Usually you open a website, Chrome Extension or even a text file you created to copy and paste text into your design. Well, Photoshop made it easier for you. Just select your text layer, in the edit mode, open Type menu, you will find “Paste Lorem Ipsum” and let the magic happens.



There is a lot to learn while you go on working with Photoshop, but these four tips, I believe, are very critical to any designer. If you’re interested to learn more about these tips, you can watch this video, that was created by my fellows at Webucator.