<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-8785997032701460287</id><updated>2024-10-04T19:04:05.719-07:00</updated><category term="HTML5"/><category term="CSS"/><category term="CSS3"/><category term="HTML"/><category term="Sticky"/><category term="footer"/><category term="sticky footer"/><category term="403"/><category term="404"/><category term="DOS"/><category term="Denial of Service"/><category term="Error"/><category term="Javascript"/><category term="Kisii University"/><category term="PHP"/><category term="Riot"/><category term="Video"/><category term="Web Technologies"/><title type='text'>Kalicraft</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://thekalicraft.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default'/><link rel='alternate' type='text/html' href='http://thekalicraft.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/02503286039318003750</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>12</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-8785997032701460287.post-4039498817226840380</id><published>2017-05-16T22:47:00.000-07:00</published><updated>2017-05-16T22:48:57.003-07:00</updated><title type='text'>Going away for a while</title><summary type="text">Hi? I know it has been a long time since I posted something on this blog. I have been doing other personal projects and have very little time on my hands. So this is a goodbye post. I will be making guest appearances at&amp;nbsp;https://www.pcadvent.com/ from time to time, so check it out when you get time.

I have been working on some interesting projects, and will make sure to inform you when some </summary><link rel='replies' type='application/atom+xml' href='http://thekalicraft.blogspot.com/feeds/4039498817226840380/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://thekalicraft.blogspot.com/2017/05/going-away-for-while.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/4039498817226840380'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/4039498817226840380'/><link rel='alternate' type='text/html' href='http://thekalicraft.blogspot.com/2017/05/going-away-for-while.html' title='Going away for a while'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/02503286039318003750</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8785997032701460287.post-4909861876943479931</id><published>2015-11-19T15:00:00.001-08:00</published><updated>2015-11-19T15:00:57.012-08:00</updated><title type='text'>Turn a HTML Textarea into a Rich-Text Editor</title><summary type="text">Hello? Today&#39;s post is going to be a short one. We will be creating a WYSIWYG / Rich Text Editor. What this simply means is, we will be adding Microsoft word-like features to a text area to enable things like selecting text and making it bold or underlined. The image Below shows what we will be making. And WYSIWYG simply stands for What You See Is What You Get in case you were wondering, plus </summary><link rel='replies' type='application/atom+xml' href='http://thekalicraft.blogspot.com/feeds/4909861876943479931/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://thekalicraft.blogspot.com/2015/11/turn-html-textarea-into-rich-text-editor.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/4909861876943479931'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/4909861876943479931'/><link rel='alternate' type='text/html' href='http://thekalicraft.blogspot.com/2015/11/turn-html-textarea-into-rich-text-editor.html' title='Turn a HTML Textarea into a Rich-Text Editor'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/02503286039318003750</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI8TN0xtoCfDbfo44VmzFrmxLsEPpxSm3vVmEbSIo0aGDpRWzB2XxyTc0gdrv_WA-yNr6RXkO0yAtytLuEp07uc4trLrsrKADOY5N1ZspFozVeKfun7-CdTmcaA8POoEwiyUthYCpbQVI/s72-c/cropped.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8785997032701460287.post-8693892552709566267</id><published>2015-11-17T10:28:00.001-08:00</published><updated>2015-11-17T10:31:23.384-08:00</updated><title type='text'>Creating a Pop up/Modal window using CSS. No JavaScript.</title><summary type="text">


Hello? you all have probably wondered how to make a pop up or modal window, well in this article I will show you how.
In most cases, people use JavaScript to make pop up windows, which isn&#39;t a bad thing but, it might be overwhelming for those without any java Script knowledge. So in this post I&#39;ll demonstrate how you can achieve the same using just CSS.

We will make use of the CSS :target </summary><link rel='replies' type='application/atom+xml' href='http://thekalicraft.blogspot.com/feeds/8693892552709566267/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://thekalicraft.blogspot.com/2015/11/creating-pop-upmodal-window-using-css.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/8693892552709566267'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/8693892552709566267'/><link rel='alternate' type='text/html' href='http://thekalicraft.blogspot.com/2015/11/creating-pop-upmodal-window-using-css.html' title='Creating a Pop up/Modal window using CSS. No JavaScript.'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/02503286039318003750</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdZ6-l_JMFvYd3Ox3QE2GIhn91XQpiI4oj1J2E3I8KdkfE9Q6E6pWvSlIRoBXFu7lH_TMb9wI2wasxIMmm8t-x5ypbQalzFKT0qdN2HIW_uQmyz13pqTbI0Eb4iAjHV1Rb2bhFxYNe240/s72-c/popup.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8785997032701460287.post-7321186352359720128</id><published>2015-11-17T04:02:00.002-08:00</published><updated>2015-11-17T04:02:19.509-08:00</updated><title type='text'>Installing Eclipse IDE on Ubuntu, Mint and Other Debian distros.</title><summary type="text">Hello? So today I got to install eclipse on my new install of Ubuntu Mate, and I thought it wise to share with you how to go all about it.
So it&#39;s nothing complicated, and it should give you a little insight on how to install other applications.
Before you do anything please make sure you have java installed on your computer. I should also mention that most Debian based OS&#39;s come with java </summary><link rel='replies' type='application/atom+xml' href='http://thekalicraft.blogspot.com/feeds/7321186352359720128/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://thekalicraft.blogspot.com/2015/11/installing-eclipse-ide-on-ubuntu-mint.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/7321186352359720128'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/7321186352359720128'/><link rel='alternate' type='text/html' href='http://thekalicraft.blogspot.com/2015/11/installing-eclipse-ide-on-ubuntu-mint.html' title='Installing Eclipse IDE on Ubuntu, Mint and Other Debian distros.'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/02503286039318003750</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipk4Esegha3GeShXWbuz7vi-l5rWokWXll0ilTRkgMEHKB6s5bNpJ_HlUQQOeYvytm2nwZCzNBGc-gyd4ejOkM5kPWsnjqnnpZgehgjpY3-yHbbsqrVNajMDz5BaM1WTG0GsE4Ca9-1ps/s72-c/cropped2.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8785997032701460287.post-6285400028439520087</id><published>2015-11-10T15:42:00.001-08:00</published><updated>2015-11-10T15:46:16.727-08:00</updated><title type='text'>Disqus, the best commenting system for your web apps.</title><summary type="text">



I have been making web apps for a while now and one thing that gives me headaches is implementing comment systems. Luckily there are various third party commenting systems out there to choose from. One system caught my eye and I decided to give it a try. After a few trial and errors. I was able to implement it and I can vouch for it, it&#39;s awesome.

This comment system is none other than </summary><link rel='replies' type='application/atom+xml' href='http://thekalicraft.blogspot.com/feeds/6285400028439520087/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://thekalicraft.blogspot.com/2015/11/disqus-best-commenting-system-for-your.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/6285400028439520087'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/6285400028439520087'/><link rel='alternate' type='text/html' href='http://thekalicraft.blogspot.com/2015/11/disqus-best-commenting-system-for-your.html' title='Disqus, the best commenting system for your web apps.'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/02503286039318003750</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs4qw2x4PiAYVy3gbCuzEBhyphenhyphende3aPMVMr46s7OYDuEhmvTot96Y8mhokkjL9pFJUA72gvSI8rPR3nwbtZ_7r7d52AK1yyzKeV9yPeRzXwoiSP83BB3jSof0gErRTz9b83FBhCTg7N94F8/s72-c/disqus_logo_-_white_on_blue_background.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8785997032701460287.post-2557207813142373389</id><published>2015-11-10T12:02:00.000-08:00</published><updated>2015-11-10T12:14:08.703-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML5"/><category scheme="http://www.blogger.com/atom/ns#" term="Javascript"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Technologies"/><title type='text'>Build cross platform desktop apps with web technologies.</title><summary type="text">

Good news to all web developers and designers out there, good things keep happening to us. You can now make desktop applications that will run on Windows, Mac and Linux all using one code-base. Back in the days, when making multi-platform apps, every platform&#39;s app was written in different languages. Say C# for windows, Objective C for mac or C++ for linux, that right there is a nightmare.

</summary><link rel='replies' type='application/atom+xml' href='http://thekalicraft.blogspot.com/feeds/2557207813142373389/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://thekalicraft.blogspot.com/2015/11/build-cross-platform-desktop-apps-with.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/2557207813142373389'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/2557207813142373389'/><link rel='alternate' type='text/html' href='http://thekalicraft.blogspot.com/2015/11/build-cross-platform-desktop-apps-with.html' title='Build cross platform desktop apps with web technologies.'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/02503286039318003750</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb9haygytMp5YqKFvzmEC4AkeS15lCYbQZ4xkrFGcXdDFjoS59cuAu58H85k5ylGKHy8ZxP1mttreia20Hzc3xxmH2SyBZQ3DWB-ymuDEY_IqPuwiq92mr6LKud_JaUsZNa9dSe6h6Aro/s72-c/atom-mark%25401200x630.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8785997032701460287.post-2770355152003126571</id><published>2015-11-07T05:16:00.001-08:00</published><updated>2015-11-07T05:45:40.556-08:00</updated><title type='text'>PART 1: How to make responsive menus with drop downs using HTML and CSS only. No Javascript. </title><summary type="text">



Hello fam? in this post, which happens to be the first post of a two part series, we will be talking about responsive menus. Normally when making responsive and drop down menus, a lot of the functionality is usually handled by JavaScript. Not to say that JavaScript is an overkill, but some browsers might have JavaScript turned off, and if that&#39;s the case, then your menu will break apart.

In </summary><link rel='replies' type='application/atom+xml' href='http://thekalicraft.blogspot.com/feeds/2770355152003126571/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://thekalicraft.blogspot.com/2015/11/part-1-how-to-make-responsive-menus.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/2770355152003126571'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/2770355152003126571'/><link rel='alternate' type='text/html' href='http://thekalicraft.blogspot.com/2015/11/part-1-how-to-make-responsive-menus.html' title='PART 1: How to make responsive menus with drop downs using HTML and CSS only. No Javascript. '/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/02503286039318003750</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEh_hoXWQftCDgFLR3hLioceWCB0bQhHz3_wV73fh7MXI_6YPTn2jVEGI4mrlukDl65tyLTL0wT9ommWTpJnGc3WKyuVwuv-Oh8IUhxSulIorCk3cvcTwhlLRT_socZ_8nO_6cu1DgcWg/s72-c/part+1.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8785997032701460287.post-3282395319425223311</id><published>2015-11-07T05:16:00.000-08:00</published><updated>2015-11-07T05:39:17.555-08:00</updated><title type='text'>PART 2: How to make responsive menus with drop downs using HTML and CSS only. No Javascript.</title><summary type="text">



Hello? So in the previous post, we saw how to make a CSS drop down menu. In this post we will be turning that menu into a responsive one.
On smaller screens, the menu will be invisible, but there will be a menu icon visible. When this menu icon is clicked or touched(on touchscreens) it should reveal the menu a drop-down with all the list items stacked on top of each other. Once a link is </summary><link rel='replies' type='application/atom+xml' href='http://thekalicraft.blogspot.com/feeds/3282395319425223311/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://thekalicraft.blogspot.com/2015/11/part-2-how-to-make-responsive-menus.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/3282395319425223311'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/3282395319425223311'/><link rel='alternate' type='text/html' href='http://thekalicraft.blogspot.com/2015/11/part-2-how-to-make-responsive-menus.html' title='PART 2: How to make responsive menus with drop downs using HTML and CSS only. No Javascript.'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/02503286039318003750</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjeZeFHliI-jKY87EXiTys5Ua5Odq_f2dHdxwiygL15EZ_hJGOlkQQF4fsKM1udsa4bYtbqK4iJe1aV476ColnfB-V6dr8Uo2F3zK7zrcekALxKBkBOKJUSOfb5-pGQqZnbmU6DpJ1IqA/s72-c/part+2.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8785997032701460287.post-2803979247037609342</id><published>2015-11-06T15:28:00.000-08:00</published><updated>2015-11-06T16:11:46.151-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="403"/><category scheme="http://www.blogger.com/atom/ns#" term="404"/><category scheme="http://www.blogger.com/atom/ns#" term="Denial of Service"/><category scheme="http://www.blogger.com/atom/ns#" term="DOS"/><category scheme="http://www.blogger.com/atom/ns#" term="Error"/><category scheme="http://www.blogger.com/atom/ns#" term="Kisii University"/><category scheme="http://www.blogger.com/atom/ns#" term="Riot"/><title type='text'>Kisii university&#39;s website hacked and defaced.</title><summary type="text">in today&#39;s post I am not going to talk about coding or such stuff, actually it&#39;s all about coding but in a different way. So I heard from a friend that Kisii University main campus went on a strike. I then decided to go online n see if the story was doing rounds and to my disappointment, it wasn&#39;t. I decided to check out their website to see if i could gather some useful information, only to be </summary><link rel='replies' type='application/atom+xml' href='http://thekalicraft.blogspot.com/feeds/2803979247037609342/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://thekalicraft.blogspot.com/2015/11/kisii-universitys-website-hacked-and.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/2803979247037609342'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/2803979247037609342'/><link rel='alternate' type='text/html' href='http://thekalicraft.blogspot.com/2015/11/kisii-universitys-website-hacked-and.html' title='Kisii university&#39;s website hacked and defaced.'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/02503286039318003750</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0-ZM93Br3fDpfQXv2QCZoI3GOPcv-AH-pmBGcyCOLjbZcSxbT4Lfptt3VpsDa2NOP-2isCjSKs6c_MPwkFjZoDx4dHMNhr1uGPGFpO63Ovq3UA2cqI4LeXbLuYgY1d8zhPFCvvITd5ak/s72-c/home+page.png" height="72" width="72"/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8785997032701460287.post-8356020858907590456</id><published>2015-10-21T11:39:00.000-07:00</published><updated>2015-10-21T12:04:44.520-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS3"/><category scheme="http://www.blogger.com/atom/ns#" term="footer"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML5"/><category scheme="http://www.blogger.com/atom/ns#" term="PHP"/><category scheme="http://www.blogger.com/atom/ns#" term="Sticky"/><category scheme="http://www.blogger.com/atom/ns#" term="sticky footer"/><title type='text'>Generating QR Codes with PHP.</title><summary type="text">QR Codes have all of a sudden grown very popular. You can see them printed on t-shirts, coffee mugs, business cards just to name a few. I was also surprised that whats-app was creative enough to use a QR Code for their web login, awesome. A QR code is simply a two dimensional bar code that can be read by bar code scanners and almost all smartphones,plus it was invented in Japan so it&#39;s cool. If </summary><link rel='replies' type='application/atom+xml' href='http://thekalicraft.blogspot.com/feeds/8356020858907590456/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://thekalicraft.blogspot.com/2015/10/generating-qr-codes-with-php.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/8356020858907590456'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/8356020858907590456'/><link rel='alternate' type='text/html' href='http://thekalicraft.blogspot.com/2015/10/generating-qr-codes-with-php.html' title='Generating QR Codes with PHP.'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/02503286039318003750</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUBfrDDXgPW3OH9YUuKA7dBXhq_ojtYP7u2k_4kiSZIF98bSYdd1fg2jtQd2UdeeRbT0KZRpcqSWuELO0Iq6dxdqSuo5JpqVBoYQL2vZf10lIIFR-CvBHq141zQlRhAAiXA4vXQV3arEc/s72-c/Screen+Shot+2015-10-21+at+18.15.44.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8785997032701460287.post-1651462936472913769</id><published>2015-10-20T10:44:00.000-07:00</published><updated>2015-10-20T14:04:01.948-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="CSS3"/><category scheme="http://www.blogger.com/atom/ns#" term="footer"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML5"/><category scheme="http://www.blogger.com/atom/ns#" term="Sticky"/><category scheme="http://www.blogger.com/atom/ns#" term="sticky footer"/><title type='text'>A HTML footer that&#39;s always at the bottom of the page.</title><summary type="text">I was creating a html template and one of the things I needed it to have was a sticky footer. A sticky footer in the sense that when there is little content on the page , it will settle at the bottom of the page rather than appearing in the middle of the page. This footer will then be pushed down further if the content of the page overflows the view port.


HTML and CSS footer that stays on the </summary><link rel='replies' type='application/atom+xml' href='http://thekalicraft.blogspot.com/feeds/1651462936472913769/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://thekalicraft.blogspot.com/2015/10/a-html-footer-thats-always-at-bottom-of.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/1651462936472913769'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/1651462936472913769'/><link rel='alternate' type='text/html' href='http://thekalicraft.blogspot.com/2015/10/a-html-footer-thats-always-at-bottom-of.html' title='A HTML footer that&#39;s always at the bottom of the page.'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/02503286039318003750</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA4m8gEOh9xTgUNn4QKHmIDEtPyf6KBU30-eFeYiRA_8BSFqXHhjtk6LWcrvSiiKQa14ZyWbKwkTYJAtZXwkSu7FcJU-IkUOzq6DNidIEih4djVyzj9hfQE1UI3OoyXJk_pvxTX5xN6L4/s72-c/Screen+Shot+2015-10-20+at+19.25.41.png" height="72" width="72"/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8785997032701460287.post-4200694364194961658</id><published>2015-10-20T06:48:00.001-07:00</published><updated>2015-10-20T07:08:00.279-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="CSS3"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML5"/><category scheme="http://www.blogger.com/atom/ns#" term="Video"/><title type='text'>HTML: Set a video as the background of a page.</title><summary type="text">I recently had a lot of fun implementing a single html landing page that had a video as it&#39;s background with the required content over it. So in this article I will demonstrate how easy it was. To demonstrate this, we will create a very simple landing page for a fictional Pizza delivery company called Tamu tamu pizza. FYI, &quot;Tamu &quot; is sweet in swahili.

The Design



The final result with a video </summary><link rel='replies' type='application/atom+xml' href='http://thekalicraft.blogspot.com/feeds/4200694364194961658/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://thekalicraft.blogspot.com/2015/10/i-recently-had-lot-of-fun-implementing.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/4200694364194961658'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8785997032701460287/posts/default/4200694364194961658'/><link rel='alternate' type='text/html' href='http://thekalicraft.blogspot.com/2015/10/i-recently-had-lot-of-fun-implementing.html' title='HTML: Set a video as the background of a page.'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/02503286039318003750</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1U4w8TO3FLCgFODbqYgt1Y40BZN3nvyoFOPc0DRs0-LPLIwPXrJvp8neBlZgogXhLhjB6z-7Iv_3ywYiR4b7LRKYTAgMyT99B1znxvfF3wT_B1YAffhANpbXnBBHcMfQFt3TZBNqmUSc/s72-c/Screen+Shot+2015-10-20+at+14.57.19.png" height="72" width="72"/><thr:total>0</thr:total></entry></feed>