Showing posts with label jQuery. Show all posts
Showing posts with label jQuery. Show all posts

Sunday, December 10, 2017

Average Image Color Utility

Demo




Get the average color of an image. Upload your own image or get the images from pixabay.com.

Tuesday, October 24, 2017

Font Awesome App Icon Generator

Do you need an icon for your application or for custom folders on your desktop?


The Font Awesome Icon Generator is a free tool for creating custom icons based on the Font Awesome icon font.



You can access the Font Awesome Icon Generator here.

Wednesday, May 24, 2017

Top 10 Cool New Features in Bootstrap 4

What's new in Bootstrap 4?
What's new in Bootstrap 4?


Bootstrap 4 Alpha 6 is out and it is packed with new features. Let's have a look at the top 10 most expected updates it includes: 


Friday, March 3, 2017

Google PageSpeed Insights - How To Optimize Your Website - Part 1

If your website is taking forever to load and you would like to optimize it but don't know where to start, Google PageSpeed Insights Tool is exactly what you need.


Sunday, June 21, 2015

Time To Color Blogger Widget


The time to color Blogger widget will generate a background color for your blog according to the current time and update every second.




The end result will look like this.



The Time To Color script can be used on any HTML page. Here are the steps for adding it to Blogger as a widget:


Monday, December 29, 2014

Karate Button - Animated Mobile Menu Button - Twitter Bootstrap 3


A nice addition to Twitter Bootstrap would be an animated mobile menu button similar to the one on the apple.com website.

Demo

Keep in mind that if you are not viewing the Demo from a desktop browser you will need to resize the window in order to see the mobile menu button.

In case you were looking for a simple way to add an animated mobile menu button to your twitter bootstrap website, here it is:

In order to have a fully functional Twitter Bootstrap mobile menu Karate Button all you have to do is include the two links below in the header section of your website.

<link rel="stylesheet" type="text/css" href="http://ta-systems.net/Blogger/tudor-anghelina.com/Karate-Button/karate_button.css">

<script src="http://ta-systems.net/Blogger/tudor-anghelina.com/Karate-Button/karate-button.js"></script>


The Karate Button uses JavaScript for removing the standard Twitter Bootstrap default mobile menu button and replace it with the CSS3 animated mobile menu button.


Please leave your questions / suggestions in the comments sections below.

Friday, March 7, 2014

Free Pure CSS3 Logo



CSS3 is supported on most mobile devices nowadays so you have the option of designing a custom CSS3 logo.

See a demo of the Pure CSS3 logo here and download the code used for this tutorial here.

Each of the five words used for the creation of the CSS3 Logo is enclosed in an individual div. By applying CSS3 gradient backgrounds you will get the colored stripes.

The first letter of each word is actually a lighter version of the background color.

You can use different color combinations to mach the palette of your brand.

Sunday, February 23, 2014

Sunday, February 9, 2014

Web Design For Beginners - 4. Your First Web Page

So now that you are all setup you can create your first web page. We could first go into the details and learn about each of the HTML tags but that would be less fun.




1. First you will need to open Aptana Studio 3.

Monday, October 14, 2013

Free Music Album Blogger Template - HTML5 Audio, CSS3, JavaScript





HTML5 Audio - Free Blogger Album Template


Download the free Blogger template to present your Album to your fans. Your tracks can be played online and you can also add a download link to your entire album or the iTunes link.


Saturday, October 12, 2013

How To Create A Blogger Popular Posts Carousel




Stylish Popular Posts Carousel for Blogger


After reading a lot of questions regarding resizing the Popular Posts thumbnail image size, I decided to write this tutorial. But that wasn't enough. The reason for the many questions is that publishers using Blogger are searching for a better, more attractive way to display their popular posts.

I wrote the code for a blogger carousel as displayed on this blog's homepage and decided to offer it for free for download.

Thursday, October 10, 2013

Shimmer - Album Website Launched



Visit the album website here.





New HTML5 Website Launched


Download the complete album for free.

For the release of the Shimmer album I have created an HTML5 website with integrated audio player, microdata markup for search engine optimisation and responsive design for cross screen compatibility.

Monday, October 7, 2013

How To Easily Resize The Blogger Popular Posts Thumbnail Image Size


The Popular Posts Gadget


If you are reading this post you probably know that the Blogger Popular Posts gadget presents the option to include thumbnail images of the listed popular posts.

The default size of the thumbnail images is 72 pixels high by 72 pixels wide. There is no option to change the size of the thumbnails from the gadget settings and if you change the width and height attributes of img tag in your Blogger Template the images will be stretched and low quality.

Sunday, September 29, 2013

How To Integrate The Twitter Bootstrap 3 Framework Into Your Blogger Template

In this tutorial you will learn how to integrate the Twitter Bootstrap 3 Framework with your Blogger template.




Monday, September 16, 2013

How To Create Your Own Blogger Template

If you want to create your own Blogger Template or better understand the best way to customize an existing template this tutorial should help you.

 

In this tutorial we will modify the White "Simple" Blogger Template.



1. To follow the instructions in this tutorial step by step, please login to your Blogger Dashboard and click "Templates. Apply the White Simple template to your Blog;




Optimizing Website Background for Retina Display Using CSS3 Media Queries

Many new devices have double the pixel density of old devices. So you can use images twice in size for your websites background or content, in order to obtain a better looking design.





The best and easiest way is to use two background images, as shown in the image above, and display the correct image using CSS3 media queries.
Using this method the right image will be sued as the background image depending on weather the device is equipped with a retina screen or not.


Friday, September 6, 2013

Free Blogger Template - HTML5 CSS3 jQuery Mobile



Download the free HTML5 CSS3 jQuery Mobile Blogger Template from here.


The free blogger templates includes:

  • Custom designed header
  • Custom designed gadgets
  • Custom designed search form