official mobile emulators and simulators

5:04 AM

(0) Comments

hi all i found great resource for mobile emulators and simulators for mobile developers , iphone simulators, android , blackberry ,  symbian , windows mobile and much more
from here 

eslam

case study - Sarah Sampsel Designing The Washington Post for iPad – Detailed Wireframes

5:55 AM

(0) Comments

here is new case study by Sarah Sampsel aims to design the wasington post for iPad  , the case study on two entries the first one shows the idea and the types of interaction, visual design, and brand issues she had to consider when designing for the device.The second one shows some wireframes of the evolution of the home screen design.
thanks sarah for sharing such information 

hackers , a monster you should fear

12:13 AM

(0) Comments


Did you get hacked before ? if you say yes then you know how dangerous the setuation be , if not please read the article carefully
when you lunch a web site as a developer all your concern is that the website functionality doing well , and the site shows prefectly on all browsers … etc , but many developers dont spend any time to enhance security into thier web applications , ok lets start this case study
john is a web developer he works with php and javascript and his company told him to develop a website for a education institute which have a online payed session and online registration
john begin to develop this functionallity and perfectly done the site and test it (not security but only functionally)  and john deliver the project to his boss , and website lunched , john go to his home happy with his work
on another hand , there is a hacker some where , hear about this website and he begin to test it (security bugs)  and after a while he found a sql injection expoit with it he can bypass the registration , so the hacker hacked into the site and add a new user and just download all the educational material and then dropped the database and insert just one record in the db (HACKED BY ::: ) , and he continued and uploaded the educational material on sharing website to be available to all for free

eslam

stop spam in your wordpress blog - WP Email Guard

12:08 AM

(0) Comments

did you getting tired from spammers , are you afraid of post any emails in your posts to avoid spammers crawlers , do you tried any solutions before , now post emails easly and without fear with this awesome plugin , get it now from here http://wordpress.org/extend/plugins/wp-email-guard/

the idea behind this plugin is to replace normal email with special javascript code which the spammers cant crawel and read it so the email remain secure and at the same time it simple and readable for humans  , enjoy it and if you like it please rate us in wordpress plugins

eslam

[tips] style the print preview via pure css

3:12 AM

(1) Comments

CSS Print Stylesheet:-

many of us working on css to style web page for the visitors
you may added this line before in your page

<link rel="stylesheet" type="text/css" href="cssfile.css" />

ok the css file now will affect the screen but what if we want the css affect the print
yes we want the visitor print the page but without the menu , advertisement .. etc
ok we will now create a  css file and we will name it print.css

now add this line to your page
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
do you notice someting ??
yes , media=”print” this tells the browser to use this css file when print

concepts of print style sheet:-

1- adjust body margin
adjust the body margin so printed page margin will be as you want not the browser default
you can use this for example

body{margin:0;

border:1px solid #000000;
}
2- use one measure for your fonts and line height and related things:
you must use one measure for font size and related things like pt , em so it can display good on your printer
:)

eslam

, ,

setting default time zone for php script

3:09 AM

(0) Comments

there is many situations that you need to set the default timezone before you use date or time function such as date()
for example if your script user not in the country that you have the server or hosting on and you want to record lastlogin time , yes you are in trouble
there is many ways to do that

eslam

Gimp VS Photoshop

3:05 AM

(0) Comments

GIMP

may be you saw gimp before or may be better than that you may be worked on it and may be you working on it now , but unfortunately may be you never heard about it , in all cases this article will be useful for you
ok lets start

— GIMP is not totally different from PhotoShop :-

if you are a photoshop designer dont worry about your previous exerience of photoshop gimp also has similar functions as photoshop you will not feel strange when you open gimp
take alook


eslam

best 10 javascript framework ever

2:58 AM

(5) Comments

we will talking today about javascript frameworks
first : what we mean by javascript framework ??
“A software framework, in computer programming, is an abstraction in which common code providing generic functionality can be selectively overridden or specialized by user code providing specific functionality.”
from wikipedia
so we can say that javascript framework is abstracting to tranditional javascript codes so you can do amazing things with javascript just with a few lines of code
you can control DOM ,doing amazing animation , ajax and alot of cool things that helps when you develop a website
now ,we  knows what it means but there is alot of frameworks what is the best
we will go in a short tour with the best 10 javascript frameworks

1- jquery:-
the best framework ever for javascript , specially with the new realese 1.3 the jquery become lighter , faster , more powerful
you can control DOM easly with the DOM engine using CSS3
website :-  jquery.com
license : MIT & GPL
2- prototype:-
the fastest framework it really very fast an also contain a good DOM engine but not powerful as  jquery.

[free] 64 free tab bar iphone icon set

12:39 PM

(0) Comments

This icon set has been carefully crafted to be pixel perfect on both normal and high resolution iOS devices. The icons contain beautiful shaded portions to give added depth and to highlight icon features. They are meant to go on the tab bar at the bottom of your app.
you can use it for free for both commercial and non-commercial purpose
Download Now

eslam

, , ,

dive into css3

1:38 PM

(0) Comments

Dive Into CSS3

we will talking today about the awesome css3 features the implemented by w3 supported with many browsers on top of them safai and google chrome and of cource firefox

1- background image size:-

with css2 it was impossible to define a size to background image  but with css3 you can simply define the background image size by a few css lines
you can add something like that if we want 100% background size in css3


background:transparent url(img/simplebg.jpg) no-repeat;
background-size: 100%;

simple , isn’l :) , but wait
you tried it and it  didn’t work with you ??
unforunately that will face you much when you dealing with css 3 issues becasue it doesnt implemented the same way in all browsers and doesn’t implemented yet in browsers such as internet explorer

eslam

,

faster websites via mod_pagespeed by Google

12:41 PM

(0) Comments

google made a wonderful module for Apache to increase website speed , the module made pretty good optimization automatically to websites with more than 15 on-the-fly optimizations that address various aspects of web performance, including optimizing caching, minimizing client-server round trips and minimizing payload size. We’ve seen mod_pagespeed reduce page load times by up to 50%

eslam

[tips] Apache Mod Rewrite tips and tricks

6:27 AM

(0) Comments

hi there
we will talk to day about the most common techniques on the web nowadays – yes thats right we will talk about mod rewrite that awesome module that brings static urls benefits into dynamic contents
ok lets start

eslam

, , ,

HTML 5 Cheat Sheets

6:22 AM

(0) Comments

here is html5 cheat sheets , its just a prototype but good for remembering the new standards
html5 canvas cheat sheet in pdf format
general html5 cheat sheet in pdf format
best wishes

eslam

,

[how to] seo friendly ajax

1:58 PM

(0) Comments

hey guys its been a long time since last time i wrote in this blog , i want you to excuse me for that because it was a tough time to me , any way lets hit the point in this article we are here to talk about most technique used today in the modern web site .
the main reason that makes me writing this articles is one of my friends told me that he is not going to use ajax in his web site because he needs to be highly seo optimized.
many reason that makes my friend and many other think like that is poor developers that uses this technology in the bad way , you can write javascript code to perform ajax in many ways some of it can get the benefits of seo and we are here to clear and study that ways so lets begin
first : google or other search engines cant crawl javascript so the secret is dont EVER let javascript handle the links without html support in another meaning lets see that example

eslam

, ,

top html5 canvas games

1:21 AM

(0) Comments

HTML 5 Canvas Games :-

html5 the new horse that many developers and company bets on such as Apple after their fight with flash and also the big and rich one google ;)
html5 brings to us new tools and techniques transforming the browser to rich and smart environment
one of the greatest things that html5 introduce is canvas element that magical element do more that expectation , for many years javascript developers try to animate and draw things over pure html but it wasnt stable and dont support any thing like rotating or transform or effects like shadow or gradient so if you tell any one before that you are going to develop a game that using only pure html & javascript it will call you a crazy or an amateur
but canvas element support all of those it support 2d drawing , image effects , text effects and many other things without crash the browser or being so heavy and slow

what about 3d:

canvas element till now support only 2d but it will support 3d soon via engine using some of openGL libraries or maybe DirectX when it happens we will see full 3d games runs from native browsers without any kind of plugins
ok lets see some actions

Top 10 HTML5 Games:-

1- z-war:-


the best game till now written in javascript using DHTML or Canvas big game with music supporting good accelerating and semi 3d using good canvas effects and load every element as canvas if you choose canvas style in rendering. created by Darkimmortal

2- canvasscape:-



jquery puzzle game plugin - awesome

1:05 PM

(2) Comments



hi all did you tried before doing a puzzle game on any image , now its easy by using jqPuzzle a new jquery plugin lets you easily transform any image on your website into puzzle game

jqPuzzle is tested in Firefox 1.5+, Internet Explorer 6 + 7 and Opera 9. It is also reported to work in Safari. See also the jQuery Browser Compatibility page. jqPuzzle requires jQuery 1.2.1 or higher.

Home Page - Demo - install instruction - Download

[tips] transparent in css - works in all browsers

12:05 PM

(0) Comments

lets start today talking about exciting issue in lovely css
how to make transparent div in css working in firefox ,internet explorer and opera
ok first lets make a small div


hi i am transparent

ok now in css lets type


.transparent_div{
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
}


now you can see your div transparent
i tested the code on firefox , internet explorer and opera
have fun and see u

eslam

,

introduction to jquery basic selectors

12:02 PM

(0) Comments

hi guys we will talk to day about my favourite javascript framework ( jquery )
and the first lesson you should learn in jquery is Selectors or how you can select a DOM element in the page
ok lets start
first to select a DOM you must wait the full page to load, the javascript programmers know that if we want to control an element in the web page we use
window.onload event to run the code in it
but the problem is that this event will fire after all page downloaded including images and other heavy element
jquery has a similar event but the event fired when the DOM is ready

$('document').ready(function(){
// your code here
});




top 10 javascript frameworks ever

6:52 AM

(0) Comments

we will talking today about javascript frameworks
first : what we mean by javascript framework ??
“A software framework, in computer programming, is an abstraction in which common code providing generic functionality can be selectively overridden or specialized by user code providing specific functionality.”
from wikipedia
so we can say that javascript framework is abstracting to tranditional javascript codes so you can do amazing things with javascript just with a few lines of code
you can control DOM ,doing amazing animation , ajax and alot of cool things that helps when you develop a website
now ,we  knows what it means but there is alot of frameworks what is the best
we will go in a short tour with the best 10 javascript frameworks

1- jquery:-

the best framework ever for javascript , specially with the new realese 1.3 the jquery become lighter , faster , more powerful
you can control DOM easly with the DOM engine using CSS3
website :-  jquery.com
license : MIT & GPL

7 map based news aggregation website will catch news on world map for you

4:58 AM

(0) Comments

hi all i needed a website let me read news based on location on map and after i searched a lot i found those 7 map based news aggregation website read the news by location on world map to let you find what news you want based on location
1- http://mapeas.com/


eslam

top 15 free adsense ready wordpress theme

5:10 AM

(0) Comments

need free awesome wordpress theme for adsense compatible to monetize your content
i have collected top15 free adsense ready wordpress themes i hope you enjoy it


[best practice] css techniques you should avoid

1:55 AM

(0) Comments

we will talk today about some css techniques you should completely avoid when you coding css , there is a lot of bad habits when coding css we will try to declare this techniques and why we should avoid it


1- inline-style:

one of the features that css and browser layout engine offer is inline style that you can add style to element in html like that
<div style="background-color:#000000"> hi i am here </div>

and it will overwrite the previous css
you should completely avoid that however the result it will be good but :

eslam

, ,

top 10 jquery photo gallery and image slider plugins

1:33 AM

(0) Comments

i brings to you today the most usable jquery photo galleries and image sliders plugins on the web supports many effects and animations i hope you like it


jQuery Cycle


Official WebSite - Demo


top 10 famous logo brand design tutorials

12:57 PM

(0) Comments

hi all i bring to you today 12 famous logos and brand design tutorials i hope you enjoy  it


Lifestyle Girls Vector Pack - free Vector collections

2:44 AM

(0) Comments

Lifestyle Girls Vector Pack 1

Download

Lifestyle Girls Vector Pack 2



[tips] get swf flash dimension in php

2:31 AM

(0) Comments

hi all i faced a problem in one of my websites , the client upload various swf flash files with various dimension and i must embed the flash automatically by code
i found that getimagesize function work also with swf so i made it like that
<?php
    $file = "YOUR_FILE.swf";
    $info = getimagesize($file);
    $width = $info[0];
    $height = $info[1];
    print "{$width}x{$height}\n";
?>

eslam

,

20 most shocking html5 canvas application

3:36 PM

(0) Comments



html5 is the next  generation of web programming it content many apis can turn the web page into full interact application like session, web, local  storage web workers geolocation , offline apps , dragdrop , and many more
and one of new tags that html5 deliver is CANVAS , is like space you can interact with every pixel as you wish with 2d drawing and it will contain 3d soon with hardware acceleration
i get to you tonight the most 20 shocking html5 canvas application i hope you enjoy it


eslam

,

[tips]add post thumbnail post image into rss feed

4:36 AM

(0) Comments

the simplest way to do that to use add_filter function to pass your modified function to handle the rss and overwrite the default wordpress function
so add these lines in your theme -> functions.php



function rss_post_thumbnail($content) {
global $post;
$image = get_post_meta($post->ID, 'image', true);
if(!empty($image)){
    $imgCode = '<img src="'.$image.'" border="0"  />';    
}else{
    $imgCode = get_the_post_thumbnail($post->ID);
}
$content = '<p>' . $imgCode .
'</p>' . get_the_content();

return $content;
}
add_filter('the_excerpt_rss', 'rss_post_thumbnail');
add_filter('the_content_feed', 'rss_post_thumbnail');

eslam

, ,

display text in image in php using GD library

2:53 AM

(1) Comments

i got recently a snap of code that display text as an image using GD library , coz i wanted some thing to make email displayed as image to prevent spam and such annoying things
and GD library allows you to manipulate image as you want including adding text
here the code snippet

<?php

  // show the correct header for the image type
  header("Content-type: image/jpg");

  // an email address in a string
  $string "email@example.com";

  // some variables to set
  $font  4;
  $width  ImageFontWidth($font) * strlen($string);
  $height ImageFontHeight($font);

  // lets begin by creating an image
  $im = @imagecreatetruecolor ($width,$height);

  //white background
  $background_color imagecolorallocate ($im255255255);

  //black text
  $text_color imagecolorallocate ($im000);

  // put it all together
  imagestring ($im$font00,  $string$text_color);

  // and display
  imagejpeg ($im);?>


special thanks to phpro

eslam

,

play flash files with pure javascript without flash

1:28 AM

(0) Comments

confusing isn't is ??
the first time i heard such thoughts was on wikimania 2008 some engineers talk about the importance alternative open source flash player on the web
and i did see some simple ways to do that but one of the amazing codes that what i saw today is Gordon , its open source swf flash run-time environment written in pure java script it deals with swf files and run it without needs of any plugins or tools just pure java script
works on FF , Opera , Chrome , Safari
https://github.com/tobeytailor/gordon/wiki/browser-support-table/
simple code

<?xml version="1.0" encoding="UTF-8">
<!DOCTYPE html  PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <script type="text/javascript" src="/path/to/gordon.js"></script>
  </head>
  <body>
    <div id="your_stage">Replace me</div>
    <script type="text/javascript">
      var movie = new Gordon.Movie("/path/to/your.swf", {id: "your_stage", width: 480, height: 320});
    </script>
  </body>
</html>
you can download it here https://github.com/tobeytailor/gordon/wiki/
and follow @tobeytailor  for more information

eslam

,

22 amazing business card for your inspiration

12:13 AM

(2) Comments

hi all , business cards is not only tel and address card its more than that its reflex your personality and business goals and strategy so many business planners and marketers pays great attention to business card designs so i brings to you today 22 amazing business card for your inspiration


Download your FaceBook account on your PC

2:04 PM

(0) Comments

hi all , facebook lately announced that you can download your entire account on your pc
i will  show you how
thanks to thamood @teedoz  for images from his facebook account
go to your account -> account settings


eslam

,

the best 10 advertisement in the world for your inspiration

12:00 PM

(0) Comments

hi guys we are looking for inspiration in any thing around us specially advertisement so i came today with the best 10  advertisement in the world for your inspiration  i hope you enjoy it



add slashes in not secure as you think

11:42 AM

(0) Comments


hi all
i will talk today about something is really dangerous , many developers uses addslashes() to escape characters before inserting it to DB to prevent sql injection or just counting on server if magic quotes open on the server so every request is already escaped with slashes
but ...

eslam

,

[tips] get the eq index order to any element with jquery two different ways

2:59 AM

(0) Comments

hello i bring to you two ways for get index of element or order of element or jquery naming eq

you can select element by its order(eq) like this

$('div.name img:eq(2)')

but if you have element and you want to get its eq

1-
jquery introduced index method that gives you the element index
$('.classname').index()

2-
you can get the length of the previous elements so the number is your index :)
$('.classname').prevAll().length

so happy coding :) any questions just reply these post :)

Blekko search engine has been lunched

12:58 PM

(0) Comments

Blekko is lunched today be some of google ex employees they invented some kinda of new search way depends on slashes
you may type google /tech
to search for word google on technology websites only
or you may specify
google /tech /date

to search word google on technology websites and sort results with date
its really awesome and search engine has many many features
i let you with these video to let you know farther about the search engine


eslam

search algorithms comparison

4:27 AM

(0) Comments

hey all , recently search algorithms got my attention not because its theories  which made the modern web but the algorithms and how it handle millions of records in just a few secounds , all algorithms can handle small amount of data  , but what if we had thousand  or million or even billion then we have to get into algorthims in deepest way to get it faster
i got this link from wikipedia about all known search and data mining algorithms
http://en.wikipedia.org/wiki/Category:Search_algorithms

eslam

JQuery 1.4.3 offline learning kit

1:16 PM

(0) Comments

hey every buddy ,  i hope you enjoy jquery offline learning kit that playing around jquery and discuss many subjects like selectors , cheat sheet , apis and mobile developments and some demos and exercises
you can find it here -> http://addyosmani.com/blog/jq143offlinelearningkit/

w3c lunches web events

9:35 AM

(0) Comments

yes its true , w3c lunched web events work group today to work on the web events that provide methods to enable the use of multi-touch and pen-tablet input on devices of all types and become web standard to work with mobiles , web browsers to make it useful to get full advantage of multi touch screens and sensetive tablets and such machines

http://www.w3.org/2010/webevents/

eslam

, ,

[video] front end development conference Fronteers 2010

5:58 AM

(0) Comments

Founded in 2007, Fronteers is the non-profit trade organization of Dutch front-end developers. Its goals include the professionalisation of our trade, (improved) recognition of the front-end discipline, and improving the position of Dutch front-end developers in their company and the web design/development world in general.

Fronteers 2010 took place on Thursday 7th and Friday 8th of October, in Pathé Tuschinski in Amsterdam.

[tips] limit paragraph characters php function

5:01 AM

(2) Comments

most of us need to limit paragraph characters , and then display read more button if you want to do such things you way use substr with strpos function but there is another thing you wanna do you dont want it to cut the string in the middle of the word , you want it to cut it after or before the word so you must use while loop and check if you are in space or word
to make it easier to you i modified a function to do such things

function limitChars($txt,$limit){
        if(strlen($txt) < $limit){
            return $txt; // return the text if less than limit
        }
              
        $post = substr($txt,$limit,1); // Find what is the last character displaying. We find it by getting only last one character from your display message.
       
        if($post !=" "){ // In this step, if last character is not " "(space) do this step .
       
            // Find until we found that last character is " "(space)
            // by $limit+1 (14+1=15, 15+1=16 until we found " "(space) that mean character 20)
            while($post !=" "){
                $i=1;
                $limit=$limit+$i;               
                $post = substr($txt,$limit,1);
            }
       
        }
       
        $post = substr($txt,0,$position); // Display your message
        return  $post."...";
    }

eslam

,

increase maximum upload file size in php.ini and .htaccess

5:38 AM

(0) Comments

hi all one of the big problem face the developers is server configuration and one of the most popular things is how to maximize the upload file size and post size to upload big files via browser easily without any problems

you can do such thing in two ways

1- .htaccess:
in your htaccess type the following
  • php_value upload_max_filesize 10M
  • php_value post_max_size 20M
and put the htaccess on your website root

2- php.ini
put the following in your php.ini
  • upload_max_filesize = 10M
  • post_max_size = 20M
and put the php.ini on your website root

thats it
happy coding ;)

eslam

,

[screencast] running html5 on internet explorer

2:38 AM

(0) Comments

hey all , back again with the most shocking web technology today , yes it is html5
html5 now still under developments and not yet w3 recommended tech , but most browsers support its features like google chrome , firefox and safari
and microsoft (late as usual) support it with the latest version of internet explorer ( version 9 )
but how about the ie 8 or 7 or even 6
thats what is this post about

ontwik - best web lectures and screencasts in one place

1:54 AM

(0) Comments


hey all
i am introduce to you a new website collect best lectures and screencasts in web design and web development field .
there is alot of subjects like design , html5 , javascript , ruby on rails and so on

i hope you enjoy it

http://ontwik.com/

eslam

neural networks in php - awesome

1:21 PM

(0) Comments

Neural Networks in PHP


i was looking for doing some complicated things with php , some artificial intelligence game but i didnt know how to start  , how to make php learn from previous experience and make decisions simply how to make php deal with neural networks i searched alot and i was sure that php dont have the ability to do such things neural networks without help with another language like written apache extention in c or some thing like pyton script until i found this awesome tutorial step by step neural networks in php

eslam

free awesome twitter backgrounds +psd

1:09 PM

(2) Comments

,hello all , how is life going

twitter no is life needing , this fast growing website is now part of any one life , and also part of successful   website or business , because twitter no is not only communication tools but it a very good marketing tool , so as we say "success start with good design" so i offer to you free twitter background + psd so you can modify them as you needed
 special thanks to @cheth @mistygirlph 

enjoy ;)

eslam

, , ,

beautiful and creative hotels websites for your inspiration

6:11 AM

(1) Comments

i found today group of beautiful hotels website for inspiration can open your mind and make you think and design out of the box


http://www.littlepalmisland.com/

top design and development blogs and magazines

1:51 PM

(2) Comments

web design magazines , blogs and websites


1- Smashing Magazine


smashing magazine is a known name in both prints and web design they focus on quality tutorials and newbies lessons also they give good showcases and freelancing tips
visit


2- Tuts Plus


tuts plus is huge network for all design and web development branches they cover all subjects in the field and also they have a paid section for advanced tutorials
visit

eslam

,

free high quality design icon sets + psd included

1:20 PM

(1) Comments

hey its my first post  i included to you free high quality icon sets for free i hope you enjoy it

it contains 12 high quality icon with resolution 256 * 256
designed by MediaLoot
both png and psd included
have fun


Download

eslam

, , ,