created-by:ifttt   533

« earlier    

Publishing an organization homepage on Github Pages
Publishing an organization homepage on Github Pages posted to Feedbin Starred Entries for mich@aelfox.com on September 30, 2017 at 05:51AM by The Practical Dev

Publishing an organization homepage on Github Pages

➡️ Github Repo is available here ⬅️

I am organizing a local group meetup of FreeCodeCamp called FreeCodeCamp Vienna. Months ago we decided to create a simple homepage to represent the group and it's progress online, but we never seemed to find the time to do it. Following the idea "better a quick homepage than no homepage at all" I decided to create one and publish it on Github Pages. Not only does it allow us to host our static page, but also serves as a perfect example for how easy something can be published online.

📄 Table of contents

Name your repository

Build your Homepage

Put your Code on Github

Set the source for your Github Pages

See your amazing homepage at the provided link

See the result for FreeCodeCamp Vienna

See the building process on Youtube

"Opportunities Don’t Come Knocking On The Door. They Present Themselves When You Knock The Door Down!" – Greg Plitt

Name your repository

When publishing to Github Pages choosing the right repository name is crucial.

This page from Github explains it perfectly:

Therefore you need to name the repository exactly like the organization with ".github.io" at the end.

Build your Homepage

After creating the repository build your homepage with HTML, CSS and Javascript.

Tip: I was using codepen during development. It is REPL and allows you to receive instant feedback from the code you are writing.

In order to speed up the layout process and add cool features I was using Materializecss. I have used it in the past and always had been happy with the results.

Put your Code on Github

Next, put your files on Github follwing the instructions.

Be sure to have the files on your "Master" branch

And choose the source of your Github Pages for the master branch.

Organization pages need the source files in the Master branch according to Github.

Set the source for your Github Pages

Your settings should look like this:

See your amazing homepage at the provided link

Follow the provided link or type your organization name with ".github.io" in the URL bar.

See the result for FreeCodeCamp Vienna

http://bit.ly/2x9q4gN

See the building process on Youtube

Thanks for reading my article! Feel free to leave any feedback!
created-by:ifttt  via:feedbin 
17 days ago by michaelfox
Top 12 Repositories on github ‘to me’ (september 2017)
Top 12 Repositories on github ‘to me’ (september 2017) posted to Feedbin Starred Entries for mich@aelfox.com on September 30, 2017 at 08:06PM by The Practical Dev

ncase / trust An interactive guide to the game theory of cooperation

jeromeetienne / AR.js Efficient Augmented Reality for the Web - 60fps on mobile!

iliakan / javascript-tutorial-en Modern JavaScript Tutorial

toddmotto / public-apis A collective list of public JSON APIs for use in web development.

EbookFoundation / free-programming-books 📚 Freely available programming books

sdmg15 / Best-websites-a-programmer-should-visit 🔗 Some useful websites for programmers.

christopherjenness / NBA-player-movement Visualization and analysis of NBA player tracking data

papers-we-love / papers-we-love Papers from the computer science community to read and discuss.

kamranahmedse / developer-roadmap Roadmap to becoming a web developer in 2017

Hack-with-Github / Awesome-Hacking A collection of various awesome lists for hackers, pentesters and security researchers

jiahaog / nativefier Make any web page a desktop application

kdn251 / interviews Everything you need to know to get the job.

 
created-by:ifttt  via:feedbin 
17 days ago by michaelfox

« earlier    

related tags

admin  ajax  api  app  automation  awesome  cheatsheet  cms  collection  content  convert  curated  curl  design  dev  developer  development  devops  dotfiles  editor  education  es6  fetch  ffmpeg  from:ifttt  github-starred  github  graphics  guide  hacks  http  icon  icons  javascript  js  json  keyboard  learning  library  links  list  media  node  osx  reference  resource  security  setup  svg  tools  video  webdev  wysiwyg   

Copy this bookmark:



description:


tags: