div
{
animation-name: myfirst;
animation-duration: 5s;
animation-timing-function: linear;
animation-delay: 2s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;
/* Firefox: */
-moz-animation-name: myfirst;
-moz-animation-duration: 5s;
-moz-animation-timing-function: linear;
-moz-animation-delay: 2s;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: alternate;
-moz-animation-play-state: running;
/* Safari and Chrome: */
-webkit-animation-name: myfirst;
-webkit-animation-duration: 5s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;
}
Friday, October 14, 2011
HTML Event Attributes
onblur
captures the moment that this element loses focus
onchange
captures the moment when the value of this element is changed
onclick
captures a mouse click on the element
ondblclick
captures a double mouse click on this element
onfocus
captures the moment that this element receives focus, either via the cursor or keyboard navigation
onkeydown
captures the event in which a key pressed down (but not released) while focus is on the element
onkeypress
captures a key press while focus is on this element
onkeyup
captures the moment at which a pressed key is released while focus is on the element
onload
catches the point at which a page has completely loaded
onmousedown
captures the pressing down of the mouse button while the cursor is positioned over the element
onmousemove
captures a mouse movement within this element
onmouseout
captures the movement of a cursor off an area covered by this element
onmouseover
captures the movement of a cursor into an area covered by this element
onmouseup
captures the release of a previously pressed mouse button while the cursor is over the element
onreset
captures the moment that this form’s Reset button is activated
onselect
captures the event in which the user selects, or highlights, text in the element
onsubmit
captures the moment that the form element to which this attribute is applied is submitted
onunload
catches the point at which a page has unloaded
captures the moment that this element loses focus
onchange
captures the moment when the value of this element is changed
onclick
captures a mouse click on the element
ondblclick
captures a double mouse click on this element
onfocus
captures the moment that this element receives focus, either via the cursor or keyboard navigation
onkeydown
captures the event in which a key pressed down (but not released) while focus is on the element
onkeypress
captures a key press while focus is on this element
onkeyup
captures the moment at which a pressed key is released while focus is on the element
onload
catches the point at which a page has completely loaded
onmousedown
captures the pressing down of the mouse button while the cursor is positioned over the element
onmousemove
captures a mouse movement within this element
onmouseout
captures the movement of a cursor off an area covered by this element
onmouseover
captures the movement of a cursor into an area covered by this element
onmouseup
captures the release of a previously pressed mouse button while the cursor is over the element
onreset
captures the moment that this form’s Reset button is activated
onselect
captures the event in which the user selects, or highlights, text in the element
onsubmit
captures the moment that the form element to which this attribute is applied is submitted
onunload
catches the point at which a page has unloaded
Thursday, October 13, 2011
jQuery Intellisense with Visual Studio 2010
http://weblogs.asp.net/scottgu/archive/2010/02/08/jquery-1-4-1-intellisense-with-visual-studio.aspx
Please find the needful information and files from this blog
Please find the needful information and files from this blog
Add Meta Information and Titles from Content pages on ASP.NET
There are two ways as far as i know to do this
The first way
Add a title
<%@ Page Title="Articles of Intrest" Language="C#" MasterPageFile="~/Site.Master"
AutoEventWireup="true" CodeBehind="ArticlesOfInterest.aspx.cs" Inherits="Website1.Web.ArticlesOfIntrest" %>
Add Meta Keywords
<%@ Page MetaKeywords="keyword1, keyword2, keyword3" Language="C#" MasterPageFile="~/Site.Master"
AutoEventWireup="true" CodeBehind="ArticlesOfInterest.aspx.cs" Inherits="Website1.Web.ArticlesOfIntrest" %>
Add Meta Description
<%@ Page MetaDescription="the description goes here" Language="C#" MasterPageFile="~/Site.Master"
AutoEventWireup="true" CodeBehind="ArticlesOfInterest.aspx.cs" Inherits="Website1.Web.ArticlesOfIntrest" %>
Finally it should look like
<%@ Page MetaDescription="the description goes here" MetaKeywords="keyword1, keyword2, keyword3" Title="Articles of Intrest | Oral Mednet - Australia" Language="C#" MasterPageFile="~/Site.Master"
AutoEventWireup="true" CodeBehind="ArticlesOfInterest.aspx.cs" Inherits="OralMednet.Web.ArticlesOfIntrest" %>
The Second way
Do it at the PageLoad
The first way
Add a title
<%@ Page Title="Articles of Intrest" Language="C#" MasterPageFile="~/Site.Master"
AutoEventWireup="true" CodeBehind="ArticlesOfInterest.aspx.cs" Inherits="Website1.Web.ArticlesOfIntrest" %>
Add Meta Keywords
<%@ Page MetaKeywords="keyword1, keyword2, keyword3" Language="C#" MasterPageFile="~/Site.Master"
AutoEventWireup="true" CodeBehind="ArticlesOfInterest.aspx.cs" Inherits="Website1.Web.ArticlesOfIntrest" %>
Add Meta Description
<%@ Page MetaDescription="the description goes here" Language="C#" MasterPageFile="~/Site.Master"
AutoEventWireup="true" CodeBehind="ArticlesOfInterest.aspx.cs" Inherits="Website1.Web.ArticlesOfIntrest" %>
Finally it should look like
<%@ Page MetaDescription="the description goes here" MetaKeywords="keyword1, keyword2, keyword3" Title="Articles of Intrest | Oral Mednet - Australia" Language="C#" MasterPageFile="~/Site.Master"
AutoEventWireup="true" CodeBehind="ArticlesOfInterest.aspx.cs" Inherits="OralMednet.Web.ArticlesOfIntrest" %>
The Second way
Do it at the PageLoad
Saturday, October 2, 2010
Facebook Tab Styles for Web Developers
This is pretty much it... the Facebook Tab's CSS Stylesheet!!
It uses a couple of CSS 3.0 styles.
body{background:#fff;
font-family:Tahoma,Verdana,Arial,Sans-serif;
font-size:11px;
color:#333;margin:0;
padding:0;
text-align:left;
direction:ltr;
unicode-bidi:embed
}
ul.quicktabs-style-facebook {
background:transparent none repeat scroll 0 0;
border-bottom:1px solid #DDDDDD;
font-size:1em;
height:21px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 10px;
padding:0 0 3px;
}
*html ul.quicktabs-style-facebook li{
margin-bottom:-5px;
}
ul.quicktabs-style-facebook li {
background:transparent none repeat scroll 0 0;
float:left;
margin:0;
padding:0 0 0 5px;
}
ul.quicktabs-style-facebook li a {
-x-system-font:none;
background:#D8DFEA none repeat scroll 0 0;
border-left:1px solid #D8DFEA;
border-right:1px solid #D8DFEA;
border-top:1px solid #D8DFEA;
display:block;
font-family:Verdana;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:185%;
margin:0;
padding:2px 12px;
text-decoration:none;
color: #3b5998;
}
ul.quicktabs-style-facebook li:hover a{
background: none;
}
quicktabs-style-facebook li:hover{
background:none;
}
ul.quicktabs-style-facebook li.active a,
ul.quicktabs-style-facebook li.active a:hover {
background:#FFFFFF none repeat scroll 0 0;
border-left:1px solid #D8DFEA;
border-right:1px solid #D8DFEA;
border-top:1px solid #D8DFEA;
text-decoration:none;
color: #000;
}
ul.quicktabs-style-facebook li a:hover {
background: #627aad;
border-left:1px solid #627aad;
border-right:1px solid #627aad;
border-top:1px solid #627aad;
color: #fff;
}
ul.quicktabs-style-facebook li.active{
background: none;
}
</style>
</head>
<body>
<ul class="quicktabs-style-facebook">
<li><a href="#">Wall</a></li>
<li><a href="#">Info</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Boxes</a></li>
<li><a href="#">Top Friends</a></li>
<li><a href="#">Notes</a></li>
</ul>
</body>
Nishan Shanaka Korala Gamage
Colombo, Sri Lanka
Author: Eye Think
Tuesday, August 10, 2010
The Seam Framework
Seam is a powerful open source development platform for building rich Internet applications in Java. Seam integrates technologies such as Asynchronous JavaScript and XML (AJAX), JavaServer Faces (JSF), Java Persistence (JPA), Enterprise Java Beans (EJB 3.0) and Business Process Management (BPM) into a unified full-stack solution, complete with sophisticated tooling.
Seam has been designed from the ground up to eliminate complexity at both architecture and API levels. It enables developers to assemble complex web applications using simple annotated Java classes, a rich set of UI components, and very little XML. Seam's unique support for conversations and declarative state management can introduce a more sophisticated user experience while at the same time eliminating common bugs found in traditional web applications.
See the full article found on
http://seamframework.org/
Nishan Shanaka Korala Gamage
Colombo, Sri Lanka
Author: Eye Think
Seam has been designed from the ground up to eliminate complexity at both architecture and API levels. It enables developers to assemble complex web applications using simple annotated Java classes, a rich set of UI components, and very little XML. Seam's unique support for conversations and declarative state management can introduce a more sophisticated user experience while at the same time eliminating common bugs found in traditional web applications.
See the full article found on
http://seamframework.org/
Nishan Shanaka Korala Gamage
Colombo, Sri Lanka
Author: Eye Think
Introducing Scala
Scala is a general purpose programming language designed to express common programming patterns in a concise, elegant, and type-safe way. It smoothly integrates features of object-oriented and functional languages, enabling Java and other programmers to be more productive. Code sizes are typically reduced by a factor of two to three when compared to an equivalent Java application.
Twitter and LinkedIn are done using this programming language
If you are interested Read more on
http://www.scala-lang.org/
Nishan Shanaka Korala Gamage
Colombo, Sri Lanka
Author: Eye Think
Subscribe to:
Posts (Atom)