Git – if you still don’t know what it is – is a “collaboration, code review, and code management for open source and private projects”. It is being used increasingly in project management and team work in development. Of course there is much more to Git than what I wrote here – but this is only to get you started.
Git to get you started:
- Install Git and use all default configurations. To get a good install go to http://git-scm.com/downloads
- Go to the folder you have created on your desktop for your project by typing $ cd desktop [or whatever the path to your folder is]
- Write $ git init to initiate that folder
- set your user name and e-mail address. This is important because every Git commit uses this information, and it’s immutably baked into the commits you start creating:
- $ git config –global user.name”John Doe”$ git config –global user.email firstname.lastname@example.org
- Git comes with a terminal and a GUI. When in doubt, use the GUI [though I don’t recommend it].
- In windows, you may right click on the desktop and the Git menu will show up.
- In Macs just go to utilities and find the Terminal.
- Configure your default text editor eg
$ git config –global core.editor emacs
- You may head over to documentation http://git-scm.com/book/en/v2/Getting-Started-First-Time-Git-Setup and/or you may also try codeschool’s Git https://try.github.io/levels/1/challenges/
- To check what’s happening on git all the time, type
$ git status
- To make a new directory that is a Git repository specify the directory:
$ git init “directoryname”
- Now you can start adding files to Git
$ git add “filename” or to add entire directory $ git add . [note the period at the end which means add all]
- To add a directory that is in some folder on your desktop just type
$ git add pathtodirectory
$ git add desktop/webs/somefolder/yourfolder/
- Now we want to commit adding them to our repository:
$ git commit –m “adding files” [if you don’t write the –m it will ask you for an your text editor’s name and if it doesn’t find one it will not commit].
- To put files to the server – create an account on github.com
- You may create a new repository on it or you may just leave it empty.
- Push your files to github by writing:
git remote add origin https://github.com/yourlogin/nameofrepo.git
git push -u origin master
- It will ask you for the login and password for your github. Write them down. If you don’t see the password being written, that’s because it is a hidden password [duh!]
- Now you’re done!
On November 18th 2014 Google announced it will start ranking sites based on mobile-friendliness and will flag them if they are not. This helps searchers identify sites that are mobile-friendly.
In advance of rolling out this plan in two weeks, Google has set up a guide for developers to make their sites not only mobile-friendly but also searchable on Google. They also include a CMS guide.
Websites can earn a ”mobile-friendly” badge that is displayed with search results if the site avoids requiring software such as Adobe Systems’ Flash, which isn’t officially supported in later versions of Android or by Apple’s iOS.
A page is eligible for the “mobile-friendly” label if it meets the following criteria as detected by Googlebot:
- Avoids software that is not common on mobile devices, like Flash
- Uses text that is readable without zooming
- Sizes content to the screen so users don’t have to scroll horizontally or zoom
- Places links far enough apart so that the correct one can be easily tapped
Am I happy about it? No. While it is inevitable, I don’t see why we are forced into it by Google.
Google also has a guide to the viewport meta tag to ensure mobile as well as accessibility:
- Use meta viewport tag to control the width and scaling of the browsers viewport.
width=device-width to match the screen’s width in device independent pixels.
initial-scale=1 to establish a 1:1 relationship between CSS pixels and device independent pixels.
- Ensure your page is accessible by not disabling user scaling
It has also created a Web Fundamentals guide that shows best practices – from Google’s point of view – of modern web development.
People are doing the coolest things with css3. Here are 4 examples: