Category: Free Stuff


Stop using apps for Git, use command line

Posted by Alaa Badran in Free Stuff, Misc, Web & Programming. 7 comments

19th November

In this article, i explain how to use Git and how to use its commands. I see that commands are better than using apps because when using commands, you know what you did. Also you can fix problems when it happens..



Responsive CSS Frameworks: What to use?!

18th February

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.



Tips for Better Website Performance

1st July

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:

Request Time (in milliseconds)
Server Process Time, or response time (usually in milliseconds)
Downloading web page and files into browser (few to several seconds, depending on internet speed)
Rendering on browser.



Drag and Drop with jQuery for Touch Devices

23rd January

In the last post: Drag and drop with HTML5, i explained how to drag and drop using HTML5 and Javascript (jQuery). I mentioned that touch devices such as iPhone, iPad, BlackBerry, Samsung…. etc, does not support HTML5 Drag and Drop features.

Now, in this post, i want to explain how to make Drag and Drop possible for all devices. Before we start, you must know that it’s all about Javascript.. And i will use jQuery library while i am familiar with it and it simplifies writing javascript.


How to: Drag and Drop with HTML5

26th December

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.



How to convert HTML Forms into AJAX simply

7th November

Hello reader,

You may have a normal HTML Form, like: contact form, feedback form or any other forms in your website or any website you work on.
Did you think how difficult converting this FORM into AJAX?

Let me say, it will be very simple. Simple as 1 minute of changes.

How is that, right?



15 Free Ebooks for Front-End Development and Design

13th July

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.


10 Top jQuery Plugin for Images – 2011

25th March

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.

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).


15 Free IDEs for Developers

18th March

Komodo Edit (Windows, Mac, Linux)

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.


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

Posted by Alaa Badran in Browsers, CSS, Design, Free Stuff, HTML, Web Browsers, XHTML. 11 comments

2nd June

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.