Skip to main content

Create 2D Platform Game using HTML, CSS and jQuery – Download Free Project

This project will guide you through 2d game development structure in HTML5, CSS3 and jQuery.

Watch Video Tutorial

Although I understand that the project have lots of bugs but this is for learning purpose only to kick-start the learner and to ensure what we can do with jQuery.
You can improve the code and make your own 2D platform game using just HTML, CSS and jQuery and run it on any latest web browser.

Download this free project from this link:

Tutorial – HTML/CSS – Create your own website from scratch using Photoshop and Dreamweaver

This tutorial is for beginners guiding on how they can start creating and design a website from scratch in Photoshop and Dreamweaver. This is very easy and simple video tutorial which will help you in learning web designing and the use of HTML and CSS. It only needs basic knowledge of HTML/CSS and basic Photoshop skills.

Watch Video Tutorial

You can download the complete project for free from the download link below

Smart Labels – HTML form custom floating animated labels using CSS and jQuery

In this video, you will learn how you can easily create custom floating animated labels for HTML form using CSS and jQuery. It is easy to implement and customise.

Watch Video Tutorial

HTML forms can be boring to create, use and look at. But, not any more. You can create nice form labels with some CSS and jQuery magic.

You can free download this project from the Github link below.

Quick tips for ebook creation with Adobe Dreamweaver, Calibre, Sigil and Kindle Previewer (without using Adobe InDesign)

Publishing eBooks are exciting and changing reading habits. It is an electronic version of a printed book which can be read on a computer or a specifically designed handheld device. Now you can create and your eBook using Adobe Dreamweaver, Calibre, Sigil and Kindle Previewer without touching Adobe Indesign.
Make sure your eBook looks and reads great on all the popular eReaders, like Kindle, iPad, Nook, and more. The new iOS 8 from Apple has recently updated his eBook reading app called iBooks. Some people are facing problems with their eBooks as they are using their old methods/coding to formatting their eBooks.
Today I will help you formatting your eBook according to updated eReaders. Here are some easy tips and tricks you can follow.

1. You don’t need to create different xhtml files for different chapters. Just create one html file with all your chapters. Put <div style=”page-break-before:always”></div> at the end of every chapter. It will automatically create separated xhtml files during conversion with Calibre or you can put your headings and subheadings in <h1> and <h2> tags. Calibre auto detects chapters with these tags and creates separated xhtml files in your eBook.

2. To extract epub file, just open it with WinRAR or any installed zip/rar extractor in your pc/lappy or you can simply change the extention from .epub to .zip.

3. In iOS 8, the updated iBooks app is not showing your eBooks well formatted. For example, if you are using chapter title as an image and inserting it in a <div> and style it align:center or text-align:center, it will not align center. You will have to put your image inside any tag from <h3> to <h6> and style it to align:center or text-align:center. This is a bug in iBooks app in iOS 8 or may be Apple has changed eBooks formatting methods for iBooks.

4. To make full page graphic (spread an image on entire page), just size your image 600 x 860 (width x height) and insert it in a <div> tag. No need to center align, it will automatically spread on entire page on both portrait and landscape mode because 600 x 860 is magic size for ibooks!

5. If you want to put cover link in table of contents, just hyperlink cover like this:
<a href=”titlepage.xhtml”>Cover</a> and convert with Calibre. (Note: Cover link doesn’t work in Kindle mobi file).

6. To remove underlines from the hyperlinks in Kindle mobi, use <mbp:nu> tag like this:
<a href=”chapter-1.xhtml”><mbp:nu>
Chapter 1</a>(Note: Don’t make any space before or after <mbp:nu>, otherwise underlines may be visible).

7. To create hanging indent, use css like this:
.hangingindent {padding-left: 22px; text-indent: -22px;}(Note: It is only supported by epub. Kindle mobi doesn’t support hanging indent by this method as mobi doesn’t support negative units).

8. Don’t use direct width or height in <td> tag in table as it is unsupported in epub. Instead you can apply width or height with style attribute.

9. You can test your eBooks on the Google Chrome browser with Readium app for Chrome.

Get info about mentioned softwares and tools:
Adobe Dreamweaver
Kindle Previewer

I hope you will find this information useful.
Happy eBooking  🙂

Image credit: Pixabay

Warning: Invalid argument supplied for foreach() in /home/techcareonline/public_html/wp-content/plugins/popliup/public/class-popliup-public.php on line 299