Friday, October 14, 2011

CSS3 Animations (Does not work in all browsers yet)

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;
}

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

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

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

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

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