Something about JSP(Java Server Pages)

By,

Sagar

JSP is a server-side technology, JSP is an extension to the Java servlet technology that was developed by Sun.

JSP Stands for Java Server Pages. Java server Pages is not only cross-plat form and cross-Web-Sever support, but effectively melds the power of server-side Java technology with the WISIWYG features of static HTML Pages.

A JSP(Java Server Pages) page is a text document that contains two types of text in it which is: static data, which can be expressed in any of the text-based format (For eg. HTML(Hyper text Markup Language), SVG( Scalable Vector Graphics), WML(Wireless Markup Language), and XML(eXtensible Markup Language)), and JSP elements, which construct dynamic content

JSP technology allows you to easily create Web content that has both static and dynamic components. We can use all the HTML tags in JSP

Some Feature of JSP(Java Server Pages)

1.Separation of static from dynamic content:

In JSP, the logic to generate the dynamic content is kept separate from the static preparation templates by encapsulating it external JavaBeans components. These are then used by the JSP page using special tags and scriptlets. When a designer makes any changes to the preparation template, the JSP page is automatically recompiled and reloaded in the web server by the JSP engine.

2. Write Once Run Anywhere :

JSP pages can be moved easily across platforms, and across web servers, without any changes.

3. Web Server Support:

With Apache, many other popular web servers like Netscape, and Microsoft IIS can also be easily enabled with JSP.

4. Platform Independent:

Runs on all Java-enabled platforms.

5. Scripting :

It uses a Java Java Programming Language or it also uses JavaScript.

6. Database Access:

As you know Java programming language uses JDBC for data access JSP also uses JDBC for its data access.

7. Customizable Table:

JSP is extensible with custom tag libraries.

Example:

<%@ page language=”java”%>                                     <%--JSP page directive--%>

<html>

<body>

Hello!..<br>                                                                   <%--displaying message through html--%>

<%                                                                              <%--Start of JSP Scritplet--%>

out.print(“First program using JSP!!!<br>”);                <%--displaying message through jsp--%>

%>                                                                              <%--End of JSP Scriptlet--%>

</body>

</html>

Output of the above program is:

Hello!..

First program using JSP!!!

JQuery Effects

By,
Santosh

In 2006 John Resig come up with a nice tag line − Write less, do more invented jQuery is a fast and concise JavaScript Library.
jQuery simplify HTML document traversing, Ajax interactions , animating, and event handling for web development.

Here is the list of some main core functionality supported by jQuery. jQuery is a JavaScript toolkit simplify various tasks by writing less code.
•DOM manipulation       − The jQuery made it simple to select DOM elements, traverse them and
                                           do changes in their content by using cross-browser.
•Latest Technology         − Also jQuery supports basic XPath syntax and CSS3 selectors.
•Animations                    − The jQuery provides a built-in animation effects.
•Cross Browser Support − The jQuery works well in Safari 3.0+, FF 2.0+, Chrome, IE 6.0+,  and
                                            Opera 9.0 so it has cross-browser support.
•AJAX Support               − The jQuery helps you in many ways to develop a feature-rich site and
                                            responsive by using AJAX technology.
•Lightweight                   − 19KB in size so that it is very lightweight library.
•Event handling               − The jQuery offers a variety of events, like as a user clicking on a link,  
                                            press a keyboard button, scroll etc.

                                         

Effects in jquery :-
1. jQuery hide() and show() :-
Using jQuery, we can do hide and show HTML elements by using predefined methods that is hide() and show().
Syntax :-
$("#hide-element").click(function()
{
    $("#div").hide();   // to hide the #div element on screen hide() used here
 });
$("#show-element ").click(function()
{ 
    $("#div").show();  // to show the hidden #div element on screen show() used here.
});

2.jQuery toggle() :-
Using toggle method we can done 2 different functionality on single button With jQuery, we can toggle within the show()  and hide() methods with the toggle() method.
Hidden elements are shown and shown elements are hidden.

Syntax :-
$("button").click(function()
{
    $("#div").toggle();  
});

3.Fading :-
Using fading we can animate the images, content of block, boxes, buttons etc. there are four fading methods that are as below shown.
fadeIn() :-
Syntax :-
$(document).ready(function()
{
    $("button").click(function()
    {
        $("#p1").fadeIn(5000);       
        $("#p2").fadeIn();
                $("#p3").fadeIn("slow");
           });
});

fadeOut() :-
Syntax :-
$(document).ready(function()
{
    $("button").click(function()
    {
        $("#p1").fadeOut(5000);
        $("#p2").fadeOut("slow");
                $("#p3").fadeOut();
       });
});

fadeToggle() :-
Syntax :-
$(document).ready(function()
{
    $("button").click(function()
    {
        $("#p1").fadeToggle(5000);
        $("#p2").fadeToggle("slow");
        $("#p3").fadeToggle();
        });
});

fadeTo() :-
Syntax :-
$(document).ready(function()
{
    $("button").click(function()
    {
        $("#p1").fadeTo("slow", 0.2);
        $("#p2").fadeTo("slow", 0.7);
        $("#p3").fadeTo("slow", 0.12);
    });
});

4.Sliding :-
Using jQuery we can create a sliding effect on html elements.
Following are the slide methods:
•slideDown() :-
The jQuery slideDown() method is used to slide down an html element.
Syntax :-
$("#flip-slide").click(function()
{
    $("#panel-body"). slideDown ();
});

•slideUp() :-
The jQuery slideUp() method is used to slide up an html element.
Syntax :-
$("#flip- slide ").click(function()
{
    $("# panel-body ").slideUp();
});

•slideToggle() :-
The jQuery slideToggle() method toggles between the slideUp() and slideDown()  methods.
If html elements has been slide down, slideToggle() will slide them up.
If html elements has been slide up, slideToggle() will slide them down.
Syntax :-
$("#flip-slide").click(function()
{
    $("#panel-body").slideToggle();
});

Is your workspace working for you?

By,

Vikas

Did you know that an comfort designed workspace will not only help you avoid aches and pains, but will also help you be more productive as well?
It’s true! Adjusting your area to create an comfort workstation will lessen the impact that extended sitting and lengthy computer use can have on your body and on your productivity.

Here are some tips to help you create the ideal workspace.
Posture perfect
Posture plays a big role in how your body feels throughout the day. Make sure you maintain proper posture while working to lessen the strain on your muscles.
Posture is not just about your back, be sure to also pay attention to the position of your head, neck/spine, arms/wrists, hips/thighs, and feet too.
Try to stay in a neutral position when working. Do not bend over or strain to look up too much. Find the best position for your computer and your chair to achieve a good balance.
Try to give yourself enough space on your desk. Do not keep everything too tight and at the same time do not keep everything too far and inaccessible.
Balance is everything!

Things to avoid
Create a better and more ergonomic space for yourself by avoiding the following:
1.Avoid using maximum force when striking the keys on keyboard.
2.Avoid twisting and turning for work tools such as your telephone, your mouse, your reference materials, or anything else. Keep your things situated well within reach.
3.Avoid resting your elbows, forearms, or wrists on hard surfaces or sharp edges.
4.Avoid awkwardly positioning your feet. Keep your chair at a good height for your feet to rest on the floor without either having to point your toes or over-bend your knees.

Don’t forget to take a break!
Like having a perfectly designed workspace, everyone needs to take a break throughout the day to keep the blood circulating.
Take mini-breaks throughout the day to help muscles adjust from being in a stationary position.
Give your eyes breaks throughout the day as well by closing them momentarily, and blinking frequently.
Exercises can also help keep your blood pumping.

There are great stretches and exercises you can do right at your desk to keep you feeling good all day.

PRINT VS WEB

By,
Aquib

PRINT	WEB
In Web, the color mode is of 3-colors subtractive	We call it as 3-color addictive color mode used for anything light-based.
The colors which are all created in this mode use a combination of cyan, magenta, yellow, black.	The colors which are all created in this mode use a combination of red, blue, green.
In Printing, the color mode  is of 4-color subtractive.	In Web, the color mode is of 3-colors subtractive
The key color here is black

MINIMUM RESOLUTION:-
300* DPI (DOTS PER INCH)                                 72*PPI(PIXELS PER INCH)         
While both refer  to resolution. DPI is used for printers and PPI is used for online/digital use.
Depending on the file, 150 dpi may be acceptable for some printers.

COMMON DIMENSIONS:-
PRINTED DOCUMENTS(300 DPI):

LETTER	8.5 x 11 in. = 2550 x 3300 px
LEGAL	8.5 x 14 in. = 2550 x 4200 px
LEDGER	11 x 17 in. = 3300 x 5100 px
A2	3.5 x 4.875 in. = 1040 x 1463 px
A6	4.25 x 5.5 in. = 1275 x 1650 px
A7	4.5 x 6.25 in. = 1350 x 1875 px
#10	5 x 7 in. = 1500 x 2100 px
BIZ CARDS	3.875 x 9.25 in. = 1163 x 2775 px
MINI BIZ CARDS	2.75 x 1.1 in. = 825 x 330 px

PRINTED PHOTOS  (300 DPI):-
4x6       INCHES 1200 x 1800 pixels
5 x 7     INCHES 1500 x 2100 pixels
8 x 10   INCHES 2400 x 3000 pixels
11 x 14 INCHES 3300 x 4200 pixels
16 x 20 INCHES 4800 x 6000 pixels

PHOTOS FOR WEB USE (72 DPI):-
Size your photos for your blog's or website's content width. Most blogs have a content area that is somewhere between 500 pixels and 800 pixels wide, so resize your photos to a standard size for your blog , like 600 pixels wide, and change the resolution to 72 PPI. There's no reason to have print-ready photos online: the higher the resolution, the bigger the photo, and the slower that photo will load on your site( and is a small security measure if you're protective of your photos).

COMMON FILE TYPES:-

TIFF-	TAGGED IMAGE FILE FORMAT
EPS-	ENCAPSULATED POST SCRIPT
JPG/JPEG-	JOINT PHOTOGRAPHIC EXPERTS GROUP
PNG-	PORTABLE NETWORK GRAPHICS
PDF-	PORTABLE DOCUMENT FORMAT
GIF-	GRAPHICS INTERCHANGE FORMAT
BMP-	BITMAP