Showing posts with label Free. Show all posts
Showing posts with label Free. Show all posts

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: 


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

Wednesday, February 12, 2014

Top 10 Website Builders of 2014

If you are not convinced that writing HTML and CSS code is for you but you still want to design your own website, a website builder might be what you are looking for. These days you have a lot of good choices.

Top 10 Website Builders of 2014


You can create your own website from a template or start from scratch and create your own design by dragging a dropping elements in place.

I will list the top 10 Website Builders i have reviewed in 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.

Friday, February 7, 2014

Single Page HTML5 CSS3 Business Card Template 2.0

After seeing a huge interest in the Single Page Business Card Tutorial i decided to create a Single Page Business Card 2.0 Template. Besides listing your title and contact details the 2.0 template also has some nice CSS3 transition effects, is available in 4 colors and the best part: IT'S FREE FOR DOWNLOAD.



Demo Download




CSS3 Transition Effect


On hover the Name/Title block and the Contact Details blocks slide out vertically showing a centered block containing name and position, social and contact icons.

Monday, January 20, 2014

The Easiest Way To Sell A Song For Free On iTunes, Google Play, Amazon and Spotify




If you want to sell your music online besides having the option of creating individual accounts on iTunes, Google Play, Amazon and Spotify and post you song on each of the 4 platforms.

An easier option is to create a DistroKid account and post a song for free.


Thursday, October 3, 2013

His & Hers Free HTML5, CSS3, Bootstrap3 Resume Template

After posting the Free HTML5, CSS3 & Twitter Bootstrap 3 Minimalist Design Resume I got some interesting feedback. I decided to look at the improvement suggestions and release Version 2.0 of the Free HTML5, CSS3, Bootstrap3 Resume Template.

Special thanks to +David Metcalfe for the design improvement suggestions.








Responsive Design


The resume template was designed with cross-screen compatibility in mind. The responsive, scrollspy navigation ensures easy access to all sections of the resume while resizing in order to adapt to the screen size.

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