Web Design and Development Tutorials
Wednesday
May 2016
COMMENTS
Written by Samiullah Khan, Posted in Tutorials
Animated hover effect or animated drop down menu. Why I have wrote two different things together that’s because today I’ll show you how with the simple use of css generated content we can achieve both of the aforementioned effects. View Demo Today we are going to look at two different effects achieved using the same technique. […]
Sunday
April 2016
COMMENTS
Written by Samiullah Khan, Posted in Tutorials
Tooltips can be found whenever title attribute is added to any html tag. Title attribute on hover, shows a default tooltip with text representing advisory information related to element it belongs to. In this article we will be adding custom animation to the default appearance of title tooltips. Wait, are we adding or replacing it with custom styles. Let’s […]
Friday
April 2016
COMMENTS
Written by Samiullah Khan, Posted in Tutorials
Formatting HTML tables is a way to make the part of existing data easy to identify by highlighting it with colors and other font adjustments. Today we are looking to highlight certain cell based on their value or formula. The structure of our code will be same as we used in last article where we discussed Calculatating […]
Saturday
March 2016
COMMENTS
Written by Samiullah Khan, Posted in Tutorials
Autosum a term I might have borrowed from Microsoft Excel. As part of my job involves using Excel as a data analysis tool, hence I wanted to take autosum concept and utilize it in HTML tables using JavaScript. Although. Autosum in Excel works differently than in this tutorial. Excel is much more advance which decides […]
Tuesday
March 2016
COMMENTS
Written by Samiullah Khan, Posted in Opinions
According to W3C The ::before and ::after pseudo-elements can be used to describe generated content before or after an element’s content — Selectors Level 3 W3C Recommendation Going through some old notes, I came across the one where I was figuring out different use-cases for css generated content. The :: notation is later added to […]