This post is talking about optimising Aljazeera.net website’s Front End to improve the performance more that % in speed. I’ve chosen this website because its one of the top websites in MENA and its ranked as 1,471 on Alexa globally.
Arabic web fonts are here
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.
A simple guide about how to use Yeoman to setup your web application, test it and then built it for production.
Its the professional way to build your web app.
You all know about Twitter Bootstrap. It’s the top front-end development framework and it’s spreading more and more. And while this framework was made on standards and most of useful components were added to it, some of us may need to override some code of it for his/her needs.
I had a chance to work on that, i mean overriding. Let me explain what I was doing and how I did that.
Responsive CSS Frameworks: What to use?!
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
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
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.
15 Free Ebooks for Front-End Development and Design
Your ads will be inserted here byEasy Plugin for AdSense.Please go to the plugin admin page toPaste your ad code OR Suppress this ad slot. 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
Your ads will be inserted here byEasy Plugin for AdSense.Please go to the plugin admin page toPaste your ad code OR Suppress this ad slot. 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+,… Continue reading 10 Top jQuery Plugin for Images – 2011