Categories
Browsers CSS Design HTML Misc Web & Programming

Arabic web fonts are here

Your ads will be inserted here by

Easy Plugin for AdSense.

Please go to the plugin admin page to
Paste your ad code OR
Suppress this ad slot.

When Google Fonts Early Access was released (i guess in 2012), 5 Arabic fonts were added to the list. The Arabic fonts are:

  • Amiri
  • Droid Arabic Kufi
  • Droid Arabic Naskh
  • Lateef
  • Scheherazade

And from that since, only Noto group were added to the list of Arabic fonts:

  • Noto Kufi Arabic
  • Noto Nash Arabic
  • Noto Sans Kufi Arabic

 

And because Arabic websites are lack of Arabic web Fonts, i have developed a website called FontFace.me to serve web fonts for Arabic language.

FontFace.me is a free service to use. I also have FontStatic.com domain to be the CDN to serve CSS and Font files.

I hope this will be used for all Arabic websites soon.

Categories
CSS Design Free Stuff HTML Java Script Jquery Mobiles touch Web & Programming

Responsive CSS Frameworks: What to use?!

Your ads will be inserted here by

Easy Plugin for AdSense.

Please go to the plugin admin page to
Paste your ad code OR
Suppress this ad slot.

The 960 Grid systems are the way to develop a faster websites. At the mean time, developing websites should support mobile browsers while mobile usage is increasing. So, supporting all screen sizes called: Responsive web.

I am not writing this to talk about this, i am writing it to give me details and features about several Grid Systems that mostly common. This will help you decide, what to use? and what is suitable for you.

Categories
AJAX Browsers CSS Design DHTML E-Commerce Free Stuff HTML Java Script Jquery Misc Network PHP SEO Web & Programming Web Browsers XHTML

Tips for Better Website Performance

Your ads will be inserted here by

Easy Plugin for AdSense.

Please go to the plugin admin page to
Paste your ad code OR
Suppress this ad slot.

I am here not talking about Server-side improvements. I am here talking about Front-End improvements that really affects the web page speed.

The time spent till the website is running on the client’s browser. If we analyze that time, we will get:

Categories
Browsers CSS Design DHTML Free Stuff HTML Java Script Jquery Misc News Web & Programming Web Browsers

How to: Drag and Drop with HTML5

Drang n’ Drop in HTML 5 is supported by: IE9+, Firefox 3.6+, Safari 4+, Opera 11+ and Chrome 12+. But its not supported yet for touch devices like Touch Mobiles and Tablets.
To make things more clear, its not only HTML 5.. Its a combination between HTML 5, CSS 3, and Javascript.

Categories
AJAX Browsers CSS Design DHTML Free Stuff HTML Java Script Jquery SEO Web & Programming Web Browsers XHTML

15 Free Ebooks for Front-End Development and Design

Hi reader,
I have collected 15 free ebooks for front-end development to put it between your hands. Not all are PDF files, some are websites and online samples.

Categories
Design E-Commerce Misc

5 Resources for Free PNG icons

I have collected 5 resources for free PNG icons. They could be used on websites, mobile applications and other stuff.
They are available with multi-dimentions as follow:

 

1) 25 Glossy iPhone style icons

These icons are available with PSD file. Free to download.
25 Glossy iphone style icons

Categories
CSS Design DHTML Free Stuff Java Script Jquery Web & Programming XHTML

10 Top jQuery Plugin for Images – 2011

1) Nivo Slider: A stunning jQuery image gallery with 16 unique transition effects. Comes with many featrues and compatible with most browser versions (IE 7+, Firefox v3+, Google Chrome v4+, Safari v4+ and Opera v10+). I like this plugin and i recommend it.
Nivo Slider

2) Gloss: Gloss is not an image gallery, it’s a lightweight jQuery plugin to create a gloss effect on images for (Mouse over, Mouse out) action.  (It’s also supported for IE 6+ browsers).
jQuery Gloss

Categories
AJAX CSS Design Free Stuff HTML Java Script Jquery Misc News PHP Web & Programming

15 Free IDEs for Developers

Komodo Edit (Windows, Mac, Linux)

Komodo Edit

Komodo Edit is an open source application that has support for PHP, Python, Ruby, JavaScript, Perl, Tcl, XML, HTML 5 and CSS 3.

It has syntax coloring, folding, background syntax checking,  auto-complete and calltips. It also includes libraries for autocompletion for jQuery, Ext JS, Ruby on rails and more.

I just recommend Komoodo Edit.

Categories
Browsers CSS Design DHTML Java Script Jquery Web & Programming Web Browsers XHTML

jQuery Gloss Plugin

It’s lovely to make you webpage interactive. jQuery plugins add effects to multiple elements of HTML. jQuery Gloss adds a Gloss (shining) effect to images by simple and lightweight code.

This effect is added on hover effect (mouseover, mouseout).

This plugin is ~2.2 Kb and it’s simple as:

  • Add a DIV element to hold the image with class=”gloss”. eg:
    <div class=”gloss”><img src=”” alt=”Image gloss effect” /></div>
  • Include the script file of jQuery Gloss plugin. eg:
    <script type=”text/javascript” src=”gloss.1.0.js”></script>
  • Call the Gloss function. eg:
    <script type=”text/javascript”>$(document).ready(function (){ $.gloss(); });</script>
    OR
    add this before </body>: <script type=”text/javascript”> $.gloss();  </script>

Resources:

Categories
Browsers CSS Design Free Stuff HTML Web Browsers XHTML

Apply a custom font to your website, Works on all Browsers

For web developers and web designers who want to add their FONT to websites without using Standard Web Fonts and without making text as images.

Google has create a Google Font API for public use to give web developers and web designers the ability to use extra fonts on the web, not only the standard web fonts.