Monday, April 4, 2011

Recommanded web sites for web development

Here I would like to show you guys some of the blogs / web sites that I often visit for web design inspiration, tips & tricks, news, tutorials, reviews etc...

first of all I would like to start with this web site: http://stackoverflow.com/
its a Q&A web site which is very helpful for the problems that you get on the development process, you can ask anything you want and you will get an answer very fast and good, I am really amazed what people to do help others!

this: http://www.smashingmagazine.com
here you can find content from all those good blogs that are on internet! it collects good articles, really PRO!

For php programmers: http://www.phpclasses.org/
Here you can find really good open source classes that you can use for your projects, you can find anything you want if you want to spent some time then just try this and you will like it ;)

In general: http://roshanbh.com.np/
this is a really good blog but sadly its not being updated since 2009! but the articles and posts that you will find for programming are the best on the NET.

Advanced PHP: http://shiflett.org/
Begginers PHP & other programming languages: http://www.developphp.com/

Here I told you some of the web sites that I visit mostly..

Thursday, March 3, 2011

Fast Version Control with GIT for total beginners [part 2]

Ok in this tutorial we are going to continue to talk about GIT in depth.

Ok now if you know from the first tutorial we use the command git add and then the name of the file which we want to track. But if you want to add all the files in the project you can do it by using this simple command:
git add .

and as you know you can use branches its like a name of the version you want to work for example you can make one branch and call it version 1 then after a month you make a new branch and call it version two.
to switch to a different branch or to master branch you can use the following command:

git checkout [here you need to write the name of the branch you want to switch to]

for example: git checkout version2

so if you have a folder called Web_project and you navigate to it and type in git branch and you will see a tree of your branches, for example if you have two branches it will be like this: 
version1
*version2

the asteriks (*) means that you are currently working on the branch with the name version2, if you want to switch to version1 then you will type
git checkout version1
  
And finally you can work on the version1 or you can switch to version2 the same way.
If you want to transfer all your changes from the branch version2 to version1 (or master branch) then you can do it by using the command:
git merge [the branch that you want to transfer here]
for example while you are on the version1 branch: git merge version2
Now everything you have been working on version2 will be transfered to version1 and they will be identical.
You can use this for a master branch which you know its stable and doesnt have any bugs and you have another branch where you add more features to it, and then after you finish your job in the branch for more features you test it and if you think its all ok then you merge it to the master or stable version.

[This was was part 2 of GIT for total beginners and there is a lot more what GIT can do! stay tuned for upcoming parts...]

Monday, February 28, 2011

Quick tip: how to make one single cross-browser stylesheet

I would like to share with you my oppinion about making cross-browser web site's.
Hmmm... well as you know a lot of people use 2 stylesheet documents, one for Firefox and one for Internet Explorer.
I personaly dont use two stylesheets but I use one stylesheet for all of browsers and I manage to make it look the same in all browsers. Right now I haven't faced a problem that I couldnt solve to look the same in IE and FF!
I could be wrong about this but until now this method is working great for me, all I do is I test the web site for almost every line of CSS I wrote and if it doesnt look the same then I find the problem and then I solve it and finally in the end line by line I have one stylesheet for all browsers.
All you have to do is to find the difference between IE and FF how they display the codes and find solution which fits both of them...
Element reseting works too, but I have used it in one project and I didnt like it!
By the way try to find the difference, solve them and there you are with one stylesheet.

Wednesday, February 23, 2011

Fast Version Control with GIT for total beginners

The first thing that you need before start programming anything you need to use GIT. maybe its problem for those who don't like to use commands but if you learn to use GIT you will find it very useful.

The purpose of GIT is to keep a sort of backup for the code that you write and everytime you change it Git keeps everything on track! so if you write new code or you want to experiment with your existing project then you can do all this without worrying that you will mess things up, because you can restore back the project as it was before thanks to GIT.

There are other version control programms the most powerful and the fastes programm is GIT.

Lets start using it!

First of all you need to install GIT, if you have a Linux OS then do it this way:
sudo apt-get install git-core

or if you have Windows OS then you can download it by following this link:
http://code.google.com/p/msysgit

First thing you need to do after you install GIT is to register your self to GIT by typing this commands:
 
git config --global user.name "username goes here"
git config --global user.email "your email goes here"
for example: 
git config --global user.name "Shpetim Islami"
git config --global user.email "Shpetim.islami@gmail.com" 
then make a new Repository, and you can do this by typing this commands:

cd [with this command you need to navigate to the folder where your project is or where you want to start the new project]

for example if you have xampp installed:  
cd C:
cd xampp
cd htdocs
cd [here the name of the folder where your project is]

and now you will be in the folder where your project is, and now you need to initiate a new repository by typing the following command:

git init

and now you will need to create a branch (a branch is somehow a version of your project, for each version of your project you can have branch), you make new branch by typing this:

git branch [here you should write the name of the branch, you choose it doesnt metter]
for example: git branch version1

You can choose which files to track by doing this:

git add [the file name goes here]
for example: git add index.php

If you want to see all the files in the project just type in:

git status

then you will see a tree of all files in your project folder.
Ok, now maybe you will write some codes, make your work... NOW WHAT?
well... now you have to the same steps by opening the Git (I assume you have closed GIT before) and navigate to your project with the cd command, then git status and you then git will show you the files that you have modified, deleted or added new ones. Now to save your work you need to make commit to your changes, you can do this by entering this in your command prompt(shell/terminal):

git commit -am 'here you can put an message anything you want'
for example: git commit -am 'fixed the problem with the navigation' 

and now you can go and relax or continue with your work, and now you know that if you make any mistake you can restore back the code (we will talk about this later on..).
If you have made a lot of commits for some project and you want to see the history and everything you have done from the beggining then all you have to do is type in:

gitk


and new window will pop up and there you will see everything you need or want to know (I think this doesnt need more explination)



[This was was part 1 of GIT for total beginners and there is a lot more what GIT can do! stay tuned for upcoming parts...]