latest articles

JavaScript Array Sort Method

Read more

Marquee in Html


The HTML <marquee> element is used to insert a scrolling area of text. You can control what happens when the text reaches the edges of its content area using its attributes.

Attributes

behavior
Sets how the text is scrolled within the marquee. Possible values are scroll, slide and alternate. If no value is specified, the default value is scroll.

bgcolor
Sets the background color through color name or hexadecimal value.

direction
Sets the direction of the scrolling within the marquee. Possible values are left, right, up and down. If no value is specified, the default value is left.

height
Sets the height in pixels or percentage value.

hspace
Sets the horizontal margin

loop
Sets the number of times the marquee will scroll. If no value is specified, the default value is −1, which means the marquee will scroll continuously.

scrollamount
Sets the amount of scrolling at each interval in pixels. The default value is 6.

scrolldelay
Sets the interval between each scroll movement in milliseconds. The default value is 85. Note that any value smaller than 60 is ignored and the value 60 is used instead, unless truespeed is specified.

truespeed
By default, scrolldelay values lower than 60 are ignored. If truespeed is present, those values are not ignored.

vspace
Sets the vertical margin in pixels or percentage value.

width
Sets the width in pixels or percentage value.

Examples
<marquee>This text will scroll from right to left</marquee>

<marquee direction="up">This text will scroll from bottom to top</marquee>

<marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid">
  <marquee behavior="alternate">
    This text will bounce
  </marquee>
</marquee>



This text will scroll from right to left This text will scroll from bottom to top This text will bounce 

Marquee Source https://developer.mozilla.org
Read more

What is Macromedia Flash ?


Flash is a popular authoring software developed by Macromedia, is used to create vector graphics-based animation programs with full-screen navigation interfaces, graphic illustrations, and simple interactivity in an antialiased, resizable file format that is small enough to stream across a normal modem connection. The software is ubiquitous on the Web, both because of its speed (vector-based animations, which can adapt to different display sizes and resolutions, play as they download) and for the smooth way it renders graphics. Flash files, unlike animated but rasterized GIF and JPEG, are compact, efficient, and designed for optimized delivery.

Read more

Add Watermark to Multiple Photos in Photoshop



In this tutorial i'am going to show you how to watermark in multiple pictures.

1 Open one of the pictures that you want a watermark.
2 Go to the window click on action
3 At the bottom of the actions window click on icon to create a new action 
4 Now Click on file and Click on place now select your watermark
5 Adjust your watermark and press Enter now stop recording
6 Click on File > scripts click on Image Processor
7 Now at the top of the window click on select folder and navigate to the directory where pictures are saved in.
8 Now click on another select folder where you want to save your pictures. 
9 Now make sure run action is selected and watermark as well 
10 Now click on run
Read more

Photoshop Shortcut Keys



Selecting
Draw Marquee from CenterAlt-Marquee
Add to a SelectionShift
Subtract from a SelectionAlt
Intersection with a SelectionShift-Alt
Make Copy of Selection w/Move toolAlt-Drag Selection
Make Copy of Selection when not in Move toolCtrl-Alt-Drag Selection
Move Selection (in 1-pixel Increments)Arrow Keys
Move Selection (in 10-pixel Increments)Shift-Arrow Keys
Select all Opaque Pixels on LayerCtrl-click on Layer Thumbnail (in Layers panel)
Restore Last SelectionCtrl-Shift-D
Feather SelectionShift-F6
Move Marquee while drawing selectionHold Space while drawing marquee
Viewing
Fit on ScreenDouble-click on Hand tool or Ctrl-0
100% View Level (Actual Pixels)Double-Click on Zoom Tool or Ctrl-Alt-0
Zoom inCtrl-Space-Click or Ctrl-Plus(+)
Zoom outAlt-Space-Click or Ctrl-Minus(–)
Hide all tools and panelsTab
Hide all panels except Toolbox and Options barShift-Tab
Rotate through full screen modesF
Scroll image left or right in windowCtrl-Shift-Page Up/Down
Jump/Zoom to part of ImageCtrl-drag in Navigator panel
Toggles layer mask on/off as rubylith\
Layer Shortcuts
Create new layerCtrl-Shift-N
Select non-contiguous layersCtrl-Click layers
Select contiguous layersClick one layer, then Shift-Click another layer
Delete LayerDelete key (while in the Move tool)
View contents of layer maskAlt-Click layer mask icon
Temporarily turn off layer maskShift-Click layer mask icon
Clone layer as you move itAlt-Drag
Find/Select layer containing objectRight-Click on the object w/Move tool
Change layer opacityNumber pad keys (w/Move tool selected)
Cycle down or up through blend modesShift-Plus(+) or Minus(–)
Change to a specific blend mode(w/Move tool) Shift-Alt-letter (ie: N=Normal, M=Multiply. etc.)
Switch to layer below/above current layerAlt-[ or Alt-]
Type Shortcuts
Select all text on layerDouble-Click on T thumbnail in Layers panel
Increase/Decrease size of selected text by 2 ptsCtrl-Shift->/<
Increase/Decrease size of selected text by 10 ptsCtrl-Shift-Alt->/<
Increase/Decrease kerning/trackingAlt-Right/Left Arrow
Align text left/center/rightCtrl-Shift-L/C/R
Painting
Fill selection with background colorCtrl-Backspace
Fill selection with foreground colorAlt-Backspace
Fill selection with foreground color using Lock Transparent PixelsShift-Alt-Backspace
Fill selection with source state in History panelCtrl-Alt-Backspace
Display Fill dialog boxShift-Backspace
Sample as background colorAlt-Click w/Eyedropper tool
To get Move toolWhile in any painting/editing tool-hold Ctrl
To get Eyedropper with Paint toolsAlt
Change paint opacity (with Airbrush OFF)Number keys
Change paint opacity (with Airbrush ON)Shift-Number keys
Change Airbrush flow (with Airbrush ON)Number keys
Change Airbrush flow (with Airbrush OFF)Shift-Number keys
Cross-Hair CursorAny painting/editing tool-turn Caps Lock on
Decrease/Increase Brush Size[ or ]
Decrease/Increase Hardness of BrushShift-[ or Shift-]
Switch between preset Brushes< or >
Open Brushes pop-up panelRight-Click in Image window
Erase to History panel's source stateAlt-Eraser
Cycle down or up through blend modesShift-Plus(+) or Minus(–)
Change to a specific blend modeShift-Alt-letter (ie: N=Normal, M=Multiply, etc.)
Create fixed color target from within a dialog boxShift-Click in image window
Delete fixed color targetAlt-Click on target with Color Sampler tool
Create new spot-color channel from current selectionCtrl-Click on New Channel button in Channels panel
Pen Tool Shortcuts
To get Direct Selection tool while using PenCtrl
Switch between Add-Anchor and Delete-Anchor Point toolsAlt
Switch from Path Selection tool to Convert Point tool when pointer is over anchor pointCtrl-Alt
To Select a whole path w/Direct Selection toolAlt-click
Convert path to a selectionCtrl-click on path name (in Paths panel)
Panel Shortcuts
Show/Hide Brushes panelF5
Show/Hide Color panelF6
Show/Hide Layers panelF7
Show/Hide Info panelF8
Show/Hide Actions panelAlt-F9
Open Adobe BridgeCtrl-Alt-O
Other Shortcuts
Switch between open documentsCtrl-Tab
Undo or Redo operations beyond last oneCtrl-Alt-Z/Ctrl-Shift-Z
Apply Last FilterCtrl-F
Opens Last Filter Dialog BoxCtrl-Alt-F
Hand ToolSpacebar
Reset Dialog BoxHold Alt, Cancel turns into Reset Button, Click it
Increase/Decrease value (in any option field) by 1 unitUp/Down Arrow
Increase/Decrease value (in any option field) by 10 unitsShift-Up/Down Arrow
Replay last TransformationCtrl-Shift-T
Measure Angle between Lines (Protractor Function)After ruler is drawn, Alt-Drag end of line with Ruler Tool
Move Crop Marquee while creatingHold Space while drawing
Snap Guide to Ruler ticksHold Shift while dragging
Highlight Fields in Options bar (n/a for all tools)Enter
Don't Snap object edge while movingHold Control while dragging
Tools
VMove
MMarquee tools
LLasso tools
WQuick Selection, Magic Wand
CCrop and Slice Tools
IEyedropper, Color Sampler, Ruler, Note, Count
JSpot Healing Brush, Healing Brush, Patch, Red Eye
BBrush, Pencil, Color Replacement, Mixer Brush
SClone Stamp, Pattern Stamp
YHistory Brush, Art History Brush
EEraser tools
GGradient, Paint Bucket
ODodge, Burn, Sponge
PPen tools
TType tools
APath Selection, Direct Selection
URectangle, Rounded Rectangle, Ellipse, Polygon, Line, Custom Shape
K3D Tools
N3D Camera Tools
HHand
RRotate View
ZZoom
DDefault colors
XSwitch Foreground and Background colors
QQuick Mask Mode
To switch between all tools within groups, add the Shift key to the letters above
For example, to switch between rectangular and elliptical marquee hit Shift-M
Source https://www.nobledesktop.com
Read more

What is Photoshop


Photoshop is an image editing software developed and manufactured by Adobe Systems Inc. Photoshop is considered one of the leaders in photo editing software. The software allows users to manipulate, crop, resize, and correct color on digital photos. The software is particularly popular amongst professional photographers and graphic designers. 


Read more

Types of Graphics


"There are two types of computer graphics: raster graphics, where each pixel is separately defined (as in a digital photograph), and vector graphics, where mathematical formulas are used to draw lines and shapes, which are then interpreted at the viewer's end to produce the graphic."

Raster Graphics are digital images made 
of rectangular pixels, or squares of color.
The file size and quality depend on the number of bits per pixel.

Vector Graphics are based on shapes, lines, and control points,
and are based on mathematical expressions rather than individual
pixels.
This allows vector graphics to be resized with minimal effects on file size
and image clarity

Read more

What is Graphics ?


"Graphics (from Greek', 'something written' e.g. autograph) are visual images or designs on some surface, such as a wall, canvas, screen, paper, or stone to inform, illustrate, or entertain. In contemporary usage it includes: pictorial representation of data, as in computer-aided design and manufacture, in typesetting and the graphic arts, and in educational and recreational software. Images that are generated by a computer are called computer graphics.

Examples are photographs, drawings, Line art, graphs, diagrams, typography, numbers, symbols, geometric designs, maps, engineering drawings, or other images. Graphics often combine text, illustration, and color. Graphic design may consist of the deliberate selection, creation, or arrangement of typography alone, as in a brochure, flyer, poster, web site, or book without any other element. Clarity or effective communication may be the objective, association with other cultural elements may be sought, or merely, the creation of a distinctive style.

Graphics can be functional or artistic. The latter can be a recorded version, such as a photograph, or an interpretation by a scientist to highlight essential features, or an artist, in which case the distinction with imaginary graphics may become blurred."

Read more

What is Multimedia ?




Multimedia can have a many definitions these include:

Multimedia means that computer information can be represented through audio, video, and animation in addition to traditional media (i.e., text, graphics drawings, images).

Multimedia is the field concerned with the computer-controlled integration of text, graphics, drawings, still and moving images (Video), animation, audio, and any other media where every type of information can be represented, stored, transmitted and processed digitally.

A Multimedia Application is an Application which uses a collection of multiple media sources e.g. text, graphics, images, sound/audio, animation and/or video.
Read more

what is html ?



Hypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects on World Wide Web pages.

Read more