CSS

6 Lesser Known Things about CSS

![alt text][1] CSS keeps updating itself, in a way that you need to keep up with the changing features and tones of this stylesheet. You need to know the new syntax, and also the no-code methods that you can ideally use. Here you will be introduced to some of the lesser known facts of CSS that will help you catch up with the details. **Border-radius with Slash** If you want to define the... By Deepa Ranganathan   On 25 Sep 2015  Viewed: 419
  • css
  • CSS development
  • tips

Maneuver DOM Elements in ASP.Net with JQuery

JQuery, a popular open source JavaScript library, is CSS3 compliant. With JQuery, you can easily maneuver the DOM elements in your web page. Basically, it allows you to add/delete DOM elements to your HTML based content. If you want to manipulate the DOM elements using JQuery and Visual Studio, you basically need to install the following tools to your system 1. Visual Studio 2008 and 2008... By Deepa Ranganathan   On 31 Aug 2015  Viewed: 488
  • asp.net
  • DOM elements
  • jquery
  • css

Angularjs Progress bar directive for entire application

Progress bar for Angularjs application by using directives is simple and real easy. I was googling and could not found any directive way, if you will check most of the people says before call the http method open the progress bas and close once you get the result or get any error. Do you think it is good way to write the code in every http request, I don't like it. What ever we are going to... By Ali Adravi   On 24 Jul 2015  Viewed: 11,203
  • angularjs
  • directive
  • $http
  • progress-bar
  • css

Apply angularjs animation in 2 minutes

Angularjs animation is more than easy, even you don't have write a single line of code any kind of animation. In this demo I am going to show how you can animate the list of item coming from left, rotating and flying list items by just adding ngAnimation dependency and some copy and past of css and adding class to elements. Don't you bleave it, watch the video. - First of all, The ng-animate... By Ali Adravi   On 21 Jul 2015  Viewed: 2,045
  • angularjs
  • animation
  • css

How to Optimize Your Drupal Site by Enhancing CSS Stylesheets?

When it comes to enhancing stylesheets, you should firstly understand how the CSS stylesheet for a particular platform works. It will help you control the styles, the how and where you can add the styles. You will also need to regulate the aggregates you can create, and for this purpose you need to be aware of the way you can manipulate this feature. Your styles, that you would be using, can... By Deepa Ranganathan   On 09 Jul 2015  Viewed: 102
  • drupal
  • css
  • theme

5 CSS Customizations for Your Wordpress Website

<center>![Customizations for Your Wordpresst][1]</center> Have you just started using Wordpress? If yes, then there are a few things that you may want to play around with. Customizing a Wordpress theme at beginner level actually means customizing your stylesheets to make the design look appealing and interactive. Here are a few hacks that will help you redesign CSS stylesheets for your... By Deepa Ranganathan   On 06 May 2015  Viewed: 128
  • css customization
  • wordpress website
  • wordpress theme
  • css plugin

Rotating banner simplest way with jquery and css

Rotating banner appeals most of the client and it's quite time consuming for developers to judge which library they need to use and do modification in them according to their requirements. In this article we are going to create the simplest and fully working rotating banner by writing just two three css classes and 4 5 lines of JavaScript code. Big question is that whether it will work with... By Ali Adravi   On 18 Apr 2015  Viewed: 3,704
  • css
  • jquery
  • banner

Ajax Roundedcornersextender padding and margin problem

Ajax Rounded corners extender is used to give corner to any elements like panel and div etc. Most of the time you will need to give the padding to give some space between the border and content, same is used for margin to give some vertical and horizontal space between different controls, but if you will check the properties available with Roundedcornersextender, it is very limited. Here is the... By Alicia Gonzalez   On 15 Jun 2013  Viewed: 561
  • ajax
  • roundedcornersextender
  • css

Show faded image and clear on mouse hover

To show blurred, faded or washed-out image by using CSS and clear effect on mouse over on the image we need to use simply two CSS opacity and filter: alpha See following image, by default all will be faded on page load and once user will mouse over on any image that will look like the third image means that will be cleared. ![alt text][1] We can use these CSS anywhere in our application,... By Jason Olivera   On 06 Apr 2013  Viewed: 847
  • css
  • html

CSS selectors - we must know

**1. Universal Selector: *** *{margin:0; padding:0} Most of the designers use * selector to remove the margin and padding, but we should avoid it because it is too heavy. *.class1 and .class are equivalent. *.#content and # content are equivalent. **2. Descendant selectors: X Y** li a{ text-decoration:none; } If you don’t want to apply your style with the entire anchor... By Ali Adravi   On 30 Jan 2013  Viewed: 312
  • css

What is !important in CSS and what is the purposse of it?

As we know CSS styles works from top to bottom, suppose you have created two class with the same name or define the style of any element at two places, which one will apply on your page, can you guess which one will apply, yes you are right the last one because CSS works from top to bottom. Let's see this with some examples div{color:black;} .................... ... By Mike .Net   On 28 Jan 2013  Viewed: 263
  • css
  • html

Ajax progress at mouse pointer with the help of CSS and JavaScript

There are many situations when we need our progress icon at mouse pointer, if page is quite big then we can not show the progress icon either on top or at bottom, in that case if user is doing something in middle of the page then he can not see the progress or wait icon. Suppose we have a grid which shows 100 records per page with some edit functionality, it is useless to show the progress... By Flower   On 31 Dec 2012  Viewed: 857
  • ajax
  • css
  • javascript

Horiontal menu by simple css

When we need a new menu we mostly depend on designers while you can create horzontal menu easily by writing some simple css, let's see how easy it is <style> ul.menu { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } ul.menu li { float: left; ... By Flower   On 31 Dec 2012  Viewed: 303
  • html
  • css