Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

Loading...
Seo Master present to you:
Add descriptions to Labels
Filter effects are a way of processing an element's rendering before it is displayed in the document. Typically, rendering an element via CSS or SVG can conceptually described as if the element, including its children, are drawn into a buffer (such as a raster image) and then that buffer is composited into the elements parent. Filters apply an effect before the compositing stage. Examples of such effects are blurring, changing color intensity and warping the image. Although originally designed for use in SVG, filter effects are a set a set of operations to apply on an image buffer and therefore can be applied to nearly any presentational environment, including CSS. They are triggered by a style instruction (the ‘filter’ property). This specification describes filters in a manner that allows them to be used in content styled by CSS, such as HTML and SVG. It also defines a CSS property value function that produces a CSS <image> value.

CSS3 Filters are a pretty exciting prospect for us Web Designers as they make effects that we typically associate with Photoshop, possible to apply in the browser with ease. Assuming across-the-board support eventually arrives, we can wave goodbye to countless annoying sprites for simple hover effects and instead, replace this tedious process with a single line of simple CSS.
The basic filters as listed in the W3C Draft are as follows: grayscale, sepia, saturate, hue-rotate, invert, opacity, brightness, contrast,blur, drop-shadow, custom.

Code: apply this hack manually by adding below CSS code just above/before ]]></b:skin> tag in your template,

Grayscale
img {
    -webkit-filter:grayscale(1);
}

img:hover {
    -webkit-filter:grayscale(0);
}

Saturate
img {
    -webkit-filter:saturate(4);
}
img:hover {
    -webkit-filter:saturate(1);
}

Sepia 
img {
    -webkit-filter:sepia(1);
}

img:hover {
    -webkit-filter:sepia(0);
}

Hue Rotate
img:hover {
    -webkit-filter:hue-rotate(360deg);
}

Invert

img {
    -webkit-filter:invert(1);
}

img:hover {
    -webkit-filter:invert(0);
}


Brightness

img {
    -webkit-filter:brightness(-0.5);
}

img:hover {
    -webkit-filter:brightness(0);
}


Hue-rotate and Animate

@-webkit-keyframes hue { 
    100% { -webkit-filter:hue-rotate(360deg); }  
}

img:hover {
    -webkit-animation:hue 1s linear infinite;
}



Grayscale and Brightness

img { 
    -webkit-filter:grayscale(1) brightness(-0.4);
}

img:hover {
    -webkit-filter:grayscale(0) brightness(0);
}



Demo

Grayscale

Grayscale is a very basic effect that I think we would see a lot more of if we could achieve it with a single line of CSS rather than having to use a sprite image.

DEMO




Saturate


Sepia


Brightness



Grayscale and Brightness




2013, By: Seo Master

seo Using CSS3 Filters to Image 2013

Seo Master present to you: On the weekend of December 4 and 5, hackers will gather in cities around the globe to create software solutions that make a difference.

Google, Microsoft, The World Bank and Yahoo! are inviting software developers, independent hackers and students to participate in Random Hacks of Kindness (RHoK #2) next weekend.

RHoK brings together volunteer programmers and experts in disaster response for a two-day hackathon to create software solutions that focus on problems related to disaster risk and response. It is an opportunity to meet and work with top software developers and disaster experts, to create and improve open source applications that enable communities to recover from disasters, and to possibly win prizes.

Examples of previous hacks include the “I’m OK” app from RHoK #0 in November 2009, which was used during the response to recent earthquakes in Haiti and Chile, and the landslide prediction tool “Chasm,” winner of RHoK #1 in June 2010.

RHOK will be held simultaneously in many locations around the world. The five main stages will be in Chicago, Sao Paolo, Aarhus, Nairobi and Bangalore; and there will be over a dozen satellite events in other global cities. To find a location near you, see the latest list on the RHoK website.

Join us on December 4th and 5th, and visit www.rhok.org for more information.

By Christiaan Adams, Google Crisis Response Team2013, By: Seo Master

seo Random Hacks of Kindness #2 - Come hack for humanity! 2013

Seo Master present to you:
free recharge amulyam airtel idea bsnl vodafone ultoo embeepay
Here i am going to say about free recharging sites in internet.Are you wasting money by making recharges,Then here is the time for changing that. There are many sites provides Free Recharge and many of that are fake and some them are good and we can trust.
One of the site is




Update [19-06-2013]:  I noticed another site providing FREE Recharge its Laaptu. We can trust this site. It providing QUIZes, REFERALS for earning free recharge. A new feature Laaptu providing is it gives 2Rs. for each referal.
Update [8-1-2013]: I noticed that I couldn't get any recharge amount from Embeepay and mcent so I have removed it from the following list. The following sites are real and we can trust because I am earning free recharge from these sites.
     There are many other sites for online recharge, some of them that i used are listed follows
    Amulyam gains popularity in India in recent two years and very popular service among Indian mobile users. Amulyam has many ways to get talktime in our wallet. They provides emails of advertisers that sends to us and each opening of the mail will get .25ps in the wallet. They provide 2-3 advertisement mails every day. When the wallet reaches Rs.10 you can make recharge. Another way for increase the earnings in the wallet is to play and create contest or quiz. Playing contest will give .25ps and creating contests make you to earn high. Create a quiz with 10 questions will get you Rs.5. For Approved questions will get 50ps per question.
    Another way is to purchase air tickets and buying things it will offer you Rs. 500 instantly. Also you can refer friends and make money. Each referral will get you Rs. 1.
    Embeepay is a Facebook Application it provides points  and when we sign up it gives 100 points. 30 points will give you 10Rs top up and 150 points will give you 50Rs Recharge.300 points will give you 100Rs
    ULtoo provides free sms and get talktime to your account by sending sms.

    Click here to get Rs.2 on your wallet instantly in amulyam

    Click here to get 100points on Embeepay instantly

    Click here to get Rs.2 on your wallet of ULtoo

    Click here to get Rs.1 on your wallet of Way2sms

    I hope this article will help you better.

    2013, By: Seo Master

    seo Free Mobile Recharge using Amulyam,Embeepay,Way2sms,ULtoo 2013

    Powered by Blogger.
    Design by Dev Nasser