LinkedIn Style User Profile remove effects using CSS3 transitions

Ramya Santhosh — Mon, 08 Jun 2015 18:25:34 +0000

I Recently visited LinkedIn site and found an impressive user profile listing (those boxes suggesting to connect with people) with a cool remove effect animation. It inspired me to develop a similar one for web development community, with an enhanced creative animations and transitions effects. Well, here is it for you exclusively free to download....

The post LinkedIn Style User Profile remove effects using CSS3 transitions appeared first on Techglimpse.

Pure CSS based infinite looping using CSS3 keyframe animation [Tutorial & Demo]

Ramya Santhosh — Mon, 15 Sep 2014 09:35:29 +0000

We have seen CSS3’s power in our previous articles using transitions, animations and transforms. Thanks to CSS3, with which we can create effects and animations without using heavy javascript. In this tutorial, we’ll see how to create an infinite looping using CSS3, without trigger. You can implement this technique to...

The post Pure CSS based infinite looping using CSS3 keyframe animation [Tutorial & Demo] appeared first on Techglimpse.

Simple 3D Photo Cube Image Gallery using CSS – Demo and Source Download

David Peter — Thu, 04 Sep 2014 09:32:58 +0000

Before we get into the implementation part of 3D Photo Cube Image Gallery, make sure you have read my previous tutorial on : How to create an animating 3D cube using pure CSS. When I shared the post on Google+, one of my friend commented as “But of what earthly...

The post Simple 3D Photo Cube Image Gallery using CSS – Demo and Source Download appeared first on Techglimpse.

How to add Shadow and Global Alpha to elements in Canvas? [Basics]

David Peter — Wed, 27 Nov 2013 06:11:15 +0000

We saw how to create shapes in HTML5 Canvas and also decorated it with gradient fills. What if you want to add a shadow or Global Alpha effect to shapes? You can do that using shadowColor, shadowBlur, shadowOffsetX and shadowOffsetY properties of the canvas context. For demonstration purpose, lets create a circle using...

The post How to add Shadow and Global Alpha to elements in Canvas? [Basics] appeared first on Techglimpse.

HTML5 Canvas Clipping Region Tutorial – Beginners Guide

David Peter — Tue, 26 Nov 2013 15:35:52 +0000

Last week, we saw how to draw a custom shape in HTML5 Canvas. What if you want to draw a shape inside another shape? For instance, lets assume you created a cloud shape and want to draw three circles inside it. To do that, you need to create a cloud...

The post HTML5 Canvas Clipping Region Tutorial – Beginners Guide appeared first on Techglimpse.

Create Linear and Radial Gradient Fill for shapes in HTML5 Canvas

David Peter — Fri, 22 Nov 2013 15:01:45 +0000

In our previous article we told about Canvas Element and how to use it to draw Line, Circle, Rectangle and Custom Shapes. If you happened look at the demo codes used in those articles, then you might have come across a property called fillStyle and a method called fill(). fillStyle...

The post Create Linear and Radial Gradient Fill for shapes in HTML5 Canvas appeared first on Techglimpse.

Draw Custom Shapes, Circle, Semicircle and Rectangle – HTML5 Canvas Tutorial

David Peter — Thu, 21 Nov 2013 16:32:28 +0000

If you are new to HTML5 Canvas Tutorial, then checkout our previous article that talks about What is Canvas and how to use it to draw a line. Today we’ll see how to create custom shapes, Circle, Semi-circle and Rectangle using Canvas element in HTML5. To create custom shapes, we...

The post Draw Custom Shapes, Circle, Semicircle and Rectangle – HTML5 Canvas Tutorial appeared first on Techglimpse.

13 dig command examples to Dig through DNS records

David Peter — Fri, 15 Nov 2013 08:09:16 +0000

Dig, the Domain Information Groper is one of the useful utility to lookup Domain Name System (DNS). The command helps administrators to query a domain to get its DNS information. For instance, Nameservers, IP address, Resource Records such as A, CNAME, MX, NS etc…It also helps to validate a domain...

The post 13 dig command examples to Dig through DNS records appeared first on Techglimpse.

How to Test and Validate DNSSEC using dig and Web Tools?

David Peter — Thu, 14 Nov 2013 11:36:58 +0000

Have you enabled DNSSEC on DNS Server? If not, learn how to enable DNSSEC on Bind based DNS Server. Once you have installed and configured DNSSEC validating secure DNS server, make sure you test it properly. As an administrator, here are the basic testing that you should do after setting...

The post How to Test and Validate DNSSEC using dig and Web Tools? appeared first on Techglimpse.

Configuring DNSSEC on Bind 9.8.2 on CentOS, RHEL,Ubuntu and Debian

David Peter — Thu, 14 Nov 2013 08:07:48 +0000

This tutorial will help you to configure DNSSEC on Bind9 (version 9.8.2) on CentOS operating system. However, the procedure will work on RedHat Enterprise Linux Server, Ubuntu and Debian as well. I’ll be covering how to enable DNSSEC on your Authoritative name servers, creating keys, signing zones, adding trust anchors...

The post Configuring DNSSEC on Bind 9.8.2 on CentOS, RHEL,Ubuntu and Debian appeared first on Techglimpse.