Skip to content

Commit

Permalink
small tweaks
Browse files Browse the repository at this point in the history
  • Loading branch information
chinchang committed Feb 3, 2013
1 parent 5f4ef44 commit 62b0d5e
Show file tree
Hide file tree
Showing 3 changed files with 6 additions and 13 deletions.
2 changes: 1 addition & 1 deletion LICENSE-MIT
@@ -1,4 +1,4 @@
Copyright (c) 2012 Kushagra Gour
Copyright (c) 2013 Kushagra Gour

Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation
Expand Down
4 changes: 2 additions & 2 deletions README.md
@@ -1,9 +1,9 @@
# hint.css
*A tooltip library in CSS*

`hint.css` is created as a pure CSS resource using which you can create cool tooltips for your web app. It does not rely on JavaScript and rather uses **data-* attribute**, **pseudo elements** and **content property** and **CSS3 transitions** to create the tooltips. Also it uses **BEM** naming convention particularly for the modifiers.
`hint.css` is written as a pure CSS resource using which you can create cool tooltips for your web app. It does not rely on JavaScript and rather uses **data-* attribute**, **pseudo elements**, **content property** and **CSS3 transitions** to create the tooltips. Also it uses **BEM** naming convention particularly for the modifiers.

*Note: CSS3 Transitions is currently available on Firefox only. On rest of the browsers, this degrades gracefull without any transition. Though the same will be [coming soon on webkit](https://bugs.webkit.org/show_bug.cgi?id=92591) also.*
*Note: CSS3 Transitions on pseudo elements is currently available on Firefox only. On rest of the browsers it degrades gracefully without any transition. Though the good news is that it will be [coming soon on webkit](https://bugs.webkit.org/show_bug.cgi?id=92591) also.*

###Try it out:
http://kushagragour.in/lab/hint/
Expand Down
13 changes: 3 additions & 10 deletions demo.html
Expand Up @@ -2,8 +2,8 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Demo | Hint.css</title>
<meta name="description" content="">
<title>Demo | hint.css</title>
<meta name="description" content="A tooltip library in CSS">
<meta name="viewport" content="width=device-width">

<style type="text/css">
Expand Down Expand Up @@ -34,8 +34,7 @@
<body>

<h1>HINT.css</h1>
<h3>A CSS tooltip library</h3>
<em><small>(Works best in Firefox)</small></em>
<h3>A tooltip library in CSS</h3>


<p>
Expand Down Expand Up @@ -77,11 +76,5 @@ <h3>A CSS tooltip library</h3>
<a class="hint hint--left hint--always" data-hint="...which always keep showing">You can also make tooltips...</a>
</p>

<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>

0 comments on commit 62b0d5e

Please sign in to comment.