Hi all,
if you deployed a new droplet (digital ocean) , or EC2 (amazon). By default, it's set up with PHP 5.5.9. Now most php package requires 5.6 as minimum due to many problems in 5.5.9
In this short tutorial we will guide you through upgrading php from 5.5.9 to php 5.6

today we picked up 5 of most beautifully designed pricing pages to insipire you for your next saas project.



enjoy our picks , and if you know another pricing page you like tell us in the comments.

1. Animaker
Animaker uses coloreful page that catch your eye and in a glance you can know which plan suits you according to features and price.

Bootstrap became the most used frontend css template in all time with more than 113K stars on github.
We introduce to you our picks for 2017 bootstrap themes/templates , we hope you like it.

1. Bell

Demo - Download

Hello everybody , We are back with amazing and beautiful new open source icons made by Cole Bemis
 

You can install the icon via NPM if you are using frontend workflow

npm install feather-icons


Or just download the full package here

Enjoy the icons

iPhone 5C flat mockups 

- Free iPhone 5C flat mockup .  PSD designed and released by Garrett Cumber.

today's icon set is extremely easy to use and will most probably be the next  resource for any of your design projects

The set was created and designed by Nick Frost and Greg Lapin
and brought to us by smashingmagazine

All of us needs a mocking tool for fast prototyping and to show the client what's our vision is
here is top 10 free wireframing and mocking tools for your next web design project
good luck bros


1- Lumzy
From creating a prototype, to sending it to clients, everything is seamless. In fact, Lumzy doesn't have a file extension, so your client need not bother downloading a player to open any prototype files. A link is all they need.

2-  Mocking Builder
Mocking Builder is a prototyping solution that helps design software or websites while reducing the time and cost spent on the negotiation stage. Identify your requirements and get the job done right!

below is top 10 free tools to help designers and frontend developers to get the job done quick

1: Bootstrap

twitter bootstrap is awesome css framework with a lot of features it designed to be mobile first framework with powerful and flexible grid system , i highly recomment it

2: Mockflow

mockflow is a cool wireframing tool you can sketch your design first to make sure it good and ui - ux perfect then you jumb to your photoshop :) the website has a free plan and also paid planes

Hey all
another freebie for you guys its from smashing magazine this time its a 33 ecommerce icons in a png and photoshop psd included also the Illustrator ai file with different sizes 32 × 32, 64 × 64, 128 × 128 and 256 × 256 pixels

it suit your mobile application too :)
download it its a free

Flat UI Free – PSD&HTML User Interface Kit

Hey Guys i know that i am not here all the time , but i will try to post at least a post a day so keep tuning
today i give you a freebie , an awesome Flat UI Kit you can use it on your next web project , it includes a free PSD and free icons its from the awesome Designmodo guys

Demo - Download

Flat UI package includes :-

 - PSD files

 - Layered (Shapes)

 - Retina Ready

 - Color swatches

 - Glyphs – svg format

 - Free font used – Lato

and
Flat UI html based on Twitter Bootstrap

HTML version of Flat UI includes :-

 - Twitter Bootstrap Framework based

 - Retina Ready Images and Icons

 - Custom form components

 - Sleek CSS3 effects

 -  OOCSS approach

 - Easy configurable color scheme

 - New web-font and new web-font icons

happy design , enjoy :)

these is a free youtube channel background layout to use for free




credits goes to Demeters

my co-worker  was developing a mobile web version for  the company website and we searched alot for an image slider optimized for mobile phone and touch events
and here is the revised list for what we have found
have fun with programming

Sequence JS

sequence is a creative content slider , its not really for mobile but it uses css3 and responsive design techniques so it will display correctly in tablets and big screen mobile , it will display in other mobiles but it will not be effective

hey all
i am collecting the best backgrounds and texture for you to use in your next design
lets div in guys

1- Brown textured paper

 Download

2- Purple waves background

 Download

when you try to use indexOf javascript it will not work on ie
the perfect solution is to create simulated function if indexOf not exists

if(!Array.indexOf){
    Array.prototype.indexOf = function(obj){
        for(var i=0; i<this.length; i++){
            if(this[i]==obj){
                return i;
            }
        }
        return -1;
    }
}


nodeJS the new technology that brings a new possibilities to javascript and server programming
if you want to keep up with the new of nodejs follow that podcast its a new podcast about node js http://nodeup.com/

simple funny chart about the structure and organization of the major tech companies

hey guys

i was searching for a good transition for a header slider for my new project i tried all easying transition but i am not fuly satisfied because i was looking to blow the client mind :P
so i searched a little bit and found one that blow my mind :D
wow slider uses visual effects (Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack, Stack vertical and Basic linear) and enhanced with tons of professional made template

hi every body
i m getting to you awesome slides about mobile web specially html5 app optimization for mobile
we all know that mobile web is kinda slow comparing with other web targets , so your app needs to be highly optimized
in these slides Maximiliano Firtman talk about how to optimize html5 web app and why to do that
enjoy :)

hi all , sorry for not being posting for along time
but i was very busy , now i am back with a fantastic technology that makes code a native iphone or native android app with javascript possible
javascript is a handy language but its a client side language works only on browser or that we was thinking :) in the past few years javascript jumbed too much and entered many fields beside the normal browser thing , and we saw node.js and how to program a webserver in javascript and use websockets and we saw adobe air and how to use javascript to make desktop application .
now we continue by using javascript to make native app for smart mobile phones like iphone , android.
there is several liberaries can do that but one of them i liked too much , its a Titanium Appcelerator.
Titanium Appcelerator is a really amazing lib to make apps for mobile phone using javascript and access native features like phone book , GPS , gravity  and accelerometer
Titanium Appcelerator now has 1.5 million active developers and 21,7000 app and 20 million active user , yea thats is a really big stats
i will isA in the next posts show you how to download and install it and how to build your first app and we will go deep and dive a little into it and finally deploy your project and distribute it
so stay tunned

i was searching for a php console i can attach it with firefox to instantly debug , but a break points and so on so i can develop faster and find bugs and errors faster
i found awesome addon to firefox called firephp , its attached to famous firefox addon firebug
simply you need :
firefox , firebug , firephp
and just include the firephp class into your code

require_once('FirePHPCore/FirePHP.class.PHP');
$firephp = FirePHP::getInstance(true);