Creative UAE » Tutorials

Facebook Like Button in Arabic

Creative UAE — Sun, 13 Jun 2010 11:27:57 +0000

If you wanted to have Facebook like/recommend button in Arabic, here is a very easy way to do that.

Go to Facebook Like Social plugin page and configure it by adding your site, choosing layout style, width and color scheme.

After you finish setting up, click on Get Code button. A pop-up will appear with final code for Like/Recommend button.

Copy the XFBML code and put it on your site. This solution is only for XFBML code.

You have to click on JavaScript SDK link at the bottom of pop-up screen.

This will open up JavaScript SDK page, where you will get the below line of code.

Copy the code and paste it just above the iframe or XFBML code which you have put in your page in earlier step.

Last step is just change the red highlighted text
“/en_US/” to “/ar_AR/” .

You can see the final Arabic of like/recommend below

Cool HTML5 Experiments

Creative UAE — Thu, 13 May 2010 07:58:36 +0000

HTML5 Canvas and Audio experiment

Molecular Rendering Using HTML5 Canvas

Simple Reset CSS File

Creative UAE — Mon, 03 May 2010 05:51:16 +0000

Each browser has its own line heights, spacing of margins, padding, headings font sizes and so on. Designers use Reset CSS files to reduce these browser inconsistencies.

Few famous and mostly used CSS reset files are

Eric Meyer Reset CSS
YUI 2: Reset CSS

Below is the step by step guide for a very easy and simple RESET CSS file by Russ Weakley.

View more presentations from Russ Weakley.

MORE EASY TO USE CSS STYLES

CSS Quick Tip
How to Convert PSD to XHTML/CSS
Creative CSS Examples

CSS Quick Tip

Creative UAE — Thu, 28 Jan 2010 12:55:46 +0000

You can target Internet Explorer 6, 7 and 8 separately in your CSS style sheet.

Click Here To Read More & Watch the Video

Guidelines for Web Form Designing

Creative UAE — Sun, 06 Dec 2009 08:13:23 +0000

Instead of designing new forms for the research, we used four existing, and familiar registration forms – Yahoo! Mail, Googlemail, Hotmail and eBay. We chose these forms as we wanted to reflect real-world conditions as much as possible and cover a wide range of designs.

Read Complete Case Study

Related Stuff

Creative CSS Examples

How to Convert PSD to XHTML/CSS

Creative UAE — Tue, 08 Sep 2009 08:38:32 +0000

Some designers find conversion of a PSD to XHTML (web) not so easy. Here are some tutorials from professionals to learn the best practices and necessary tricks and tips about how to convert PSD to HTML.

Slice and Dice that PSD

Learn to slice a web 2.0 design.

How to Convert a PSD to XHTML

Watch series of movies to learn the process to convert a PSD layout to XHTML.

Build a Sleek Portfolio Site from Scratch

In this tutorial you can learn to take a PSD file and build it with some nice clean HTML and CSS.

Converting a Photoshop Mockup: Part 1

Start the conversion process of an Adobe Photoshop mockup of a website, into a real live CSS based website.

Converting a Photoshop Mockup: Part 2

Conversion of small website from PSD to HTML. Good for begginers.

From Photoshop to HTML

Learn how the professionals convert their designs from Photoshop to CSS and HTML.

Converting a PSD to XHTML/CSS

If you are at starting stage to learn the process of PSD to XHTML conversion, this tutorial will be best for you.

Want More ?

PSD Sitebuilds – Collection of Tutorials

similar tags: CSS, Ajax

5min Videos – Solution for Your Problem Visually

creativeuae — Sun, 19 Aug 2007 09:35:00 +0000

5min is a new web service which allows users to put their videos of solutions about different practical questions. Time duration allowed for each video solution is not more than 5 minutes. People can share their knowledge by uploading video guides.

similar tags : Internet TV, Tutorials

Ever Wanted to Learn Professional Drawing/Illustration?

creativeuae — Thu, 09 Aug 2007 17:38:38 +0000

Drawspace.com is a website where you can learn professional techniques to become a professional illustrator. The site is own by Brenda Hoddinott. She has also wrote internationally published books on drawing.

You can start from scratch by learning words and terms reagrding drawing.

There are number of categories of skills from which you can choose any and start learning. Site uses flash paper so you need flash plugin to view the lesson.

If you want to download lesson and read it later on you have to pay a small amout for that.

KnowHow Technology For Adobe Creative Suite 3

creativeuae — Wed, 08 Aug 2007 08:52:55 +0000

If you dont know about the exact funcatinoality of any of the tools in Adobe Creative Suite 3 softwares, know how panel will provide you a wide variety of information, tool descriptions, its short cuts, Adobe Help content, tutorials, tips, and techniques generated by web community.

knowhow pulls its community-generated content from a user account on del.icio.us. If you have a del.icio.us account you can suggest new content for knowhow and also learn about how others are doing amazing things with creative suite .

You can read more details and view the interactive demo here.

similar tags : Flash, Online Magazines

Flaraby3 – Flash Component for Arabic in Flash is Available

Creative UAE — Tue, 07 Aug 2007 05:03:28 +0000

Thanks to shagarah that now we have Flaraby3 available to download.

Some basic features of this flash components are

Flaraby3 helps developer to import arabic text in flash
Flaraby3 supports Tashkeel in Arabic text.
Flaraby3 supports the “embedFonts” property which enables the .swf file to display the Arabic text even if the target user doesn’t have Arabic language installed. However, due to the way the fonts are made, only some fonts succeed to show correctly, examples are “Traditional Arabic” and “Andalous”.
Support Html Tags.

There are few drawbacks but I think shagarah will INSHALLAH solve this small issues which are

Multiple text formats are NOT supported in the same textField.
You MUST use a TextFormat object.

Overall Flaraby is a one of the best and easiest solution.

You can download Flaraby3 Lite from here. You can also doownload the component from the box widget on the sidebar. A Solution similar to this but with xml and css is here for arabic in flash, drawback of this solution is end user must have arabic local install on its operating system

similar tags : Typography, Tutorials, Flash, Adobe