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.

Friday, June 23, 2017

Evening Rain Single on the Harley Benton Te-90qm Trans Red




I bought a new guitar which you can hear in my latest single.


The Harley Benton Te-90qm Trans Red


A few weeks back I ordered the Harley Benton Te-90qm Trans Red from thomann.de and sure enough, a few days later it arrived. I also got a matching thomann case.

I can say without a doubt there is no competition for this guitar in the given price range. In my opinion, you would have to spend a minimum of 800 Euro, on other brands, to get a similar sound.

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: 


Tuesday, May 2, 2017

You Can Now Download All My Music Free

Starting today, all my music can be downloaded free. This also includes the complete ARISTOPATHS discography.



Visit music.tudor-anghelina.com to get the complete collection free.


Use the download button on each page to get a zip file containing the single/album and artwork. You can also find my music and the ARISTOPATHS music on iTunes, Google Play, Apple Music, Google Music, Spotify, YouTube, SoundCloud, Deezer, Amazon and many other online and mobile platforms.

In the following days I will also releasing the complete code of the responsive website behind music.tudor-anghelina.com. This means that you will be able to set-up a similar website, for showcasing your music, with just a few clicks.

Follow me on twitter, Facebook or Google+ to get all the latest updates.

Saturday, April 1, 2017

4 Awesome Things You Can Do With HTML Canvas


The people at Skilled.co created a cheat sheet that allows developers from all experience levels to create unique images and art to fit any of their web design needs. HTML5 advanced technology permits designers to not only create images, but full animations that range from simple movements to complex. The <canvas> element bears significant potential for those interested in game design.

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.


Saturday, December 31, 2016

Tudor Anghelina - Modern Times

Tuesday, May 31, 2016

Our New Album Is Here!



You can download the complete album free at music.tudor-anghelina.com


ARISTOPATHS - I Am the Sin album is here!




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

Saturday, February 22, 2014

How to Submit a Blogger Sitemap to Google Webmaster Tools

The easiest way to submit a sitemap to Google Webmaster Tools

   

To submit a sitemap to Google Webmaster Tools just follow the steps below:

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.

Sunday, February 2, 2014

How To Create A Free Contact Form For Your Website Using Google Drive

If you are determined not to use PHP for creating a contact form you have the option to use Google Drive Forms. You can then use a custom page styling to create your own contact page. For the purposes of this tutorial I will use Twitter Bootstrap 3.



Demo Download



1. Open drive.google.com and create a new form. Add the following fields until you get the result as shown in the screenshot below. You will need a Name, an E-mail, a Subject and a Message field.

How to Create a HTML5 CSS3 Single Page Business Card - Free Download

Build a beautiful, single page Business Card using HTML5 and CSS3


Free HTML5 CSS3 Single Page Business Card
Demo Download


1. First, open your favourite text editor and create a new HTML5 file. I am using Aptana Studio 3 which has the option to create a new file based on a predefined template.

Wednesday, January 29, 2014

Web Design For Beginners - 3. How To Install Aptana Studio, GIMP and Google Chrome on Linux Mint

First of, let me congratulate you for choosing and installing Linux Mint. A few more steps and you should have all you need for learning to create amazing websites.

Linux Mint - Aptana, GIMP & Google Chrome


How To Install GIMP


We will start with GIMP, the prefect PhotoShop replacement. Besides being free, GIMP can do pretty much anything you will need as a web designer.