TUDOR ANGHELINA

Demo

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

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: 

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.

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.

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:

Demo



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.

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.

Download the Animated Responsive CSS3 HTML5 Image Slide Up Menu Template for free.

The easiest way to submit a sitemap to Google Webmaster Tools

   

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

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.



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.

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.

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

The HTML5 Audio Tag

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.

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

Meta descriptions are HTML attributes which provide a description of the contents of a web page. They are used by search engines to provide preview snippets for the search results.

In this tutorial you will learn to create a meta description which perfectly fits the Google search results page description snippet.

As an example you can google "apple" and see how the www.apple.com description is not truncated and perfectly fits in the two description rows under the search result title.

For a better understanding of the results you can achieve by styling your website background I will demonstrate the options you have using CSS3.

 

The background-image property displays one or more background images for an element. In this tutorial we will cover using one background image to style the background of the HTML body.

We will use the image above as background-image and regent st blue (#9abee1) as background-color.

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;

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.