Over the years, I have designed a couple of professional websites using HTML & CSS and R packages. Here, I share a bit about my experiences using the different platforms.
I started my data science learning in the year 2016. Initially, I came into contact with Epi-Info through a senior colleague. Along the line, I stumbled on the Data Science Specialization course on Coursera offered by the John Hopkins Bloomberg School of Public Health. Boom!! I fell in love completely. Coming from someone without prior computer programming or website designing experience (I came from practically zero), and a practicing medical professional, I had initial turbulence. But my perseverance got the better of me.
My initial interest was in the computing power of R, but I steadily became interested in other aspects including using R for slides presentation, interactive charts, etc. The desire to customize the appearances steadily led me into learning about CSS and HTML. That was the beginning of my website design journey.
So far, I have built several sites, all consisting of static web pages. I had a break from data science for close to two years to develop other skills. I came back to R earlier this year and I have been trying to catch-up with the rapidly developing and ever increasing knowledge of R which I usually find overwhelming and intriguing at the same time. Here I share my experience building the three sites, one from the scratch (HTML and CSS) while others have been from the RStudio environment using {rmarkdown} {blogdown} and {distill}.
Built in May 2017 with R using the Rmarkdown package. Thanks to the detailed documentations, I was able to build the site in a short time. I had to learn a little of HTML and CSS thanks to w3schools tutorials. Github provided the hosting platform and a repository for my files. Though it has not been maintained in a while (I intend to periodically update it from this year), I use the site to share my analysis of healthcare data of open source data repositories of WHO and other United Nation agencies.
Following the success of my first website, and my initial knowledge of CSS and HTML, I became more curious about learning HTML and CSS. Thanks to the Coursera course offered by the University of Michigan. I began building my second website from the scratch writing the HTML and CSS codes myself using both Visual Studio 2017 and Visual Studio Code. Even though the site has only few web pages, I thoroughly enjoyed the experience of building a site from the scratch, and ensuring compliance with validatorW3. While Github provides the repository, the site is currently hosted on byethost. I will be moving it away from Byethost to either Netlify or Github in the next couple of months and will update this page accordingly.
Built in February 2020 using the R package blogdown and Hugo. There are pre-designed powerful themes that provide options from simple to complex that makes the experience a whole lost faster and easier. I am currently using the Academic theme, and I am literarily swept off my feet. The site is hosted on netlify with github providing the repository If you are ever interested in building a website using blogdown and Hugo, I think you will also find the links below very useful:
Up & Running with blogdown by Alison Hill
https://amber.rbind.io/2016/12/19/website/ by Amber Thomas
I think it is a good idea for every person interested in building websites to have a basic idea of how to build a site from the scratch. But for persons who are also interested in data science, the data science software can also be leveraged upon to develop powerful static websites that can be further customized for personal touch and appearance.
While I am not sure if I will venture into dynamic websites in the near future, I am definitely in love with the blogdown package for website building and I intend to continue to use it in the main time.
If you see mistakes or want to suggest changes, please create an issue on the source repository.
Text and figures are licensed under Creative Commons Attribution CC BY 4.0. Source code is available at https://github.com/stephenbalogun/stephenbalogun, unless otherwise noted. The figures that have been reused from other sources don't fall under this license and can be recognized by a note in their caption: "Figure from ...".
For attribution, please cite this work as
Balogun (2020, Feb. 29). Stephen Balogun: My websites designing experience. Retrieved from https://stephenbalogun.github.io/stbalogun/posts/2020-02-29-website-design-experience/
BibTeX citation
@misc{balogun2020my,
author = {Balogun, Stephen},
title = {Stephen Balogun: My websites designing experience},
url = {https://stephenbalogun.github.io/stbalogun/posts/2020-02-29-website-design-experience/},
year = {2020}
}