Crop Images Contextually
Crop images contextually for faster downloads and higher impact. By cropping maximally and resizing you can convey meaning without slowing down your web pages.
However, we've seen many sites that either use HTML's width and height attributes to resize larger images, or minimally crop and resize images to lose vital information. A better way to create images optimized for the Web is to crop them contextually.
Contextually Cropping
What
is cropping contextually? Many times digital images shot for Web use
have a border of useless space around the object(s) of interest. Rather
than crop to just the film or chip's border, crop contextually down to the minimum dimensions that still convey the meaning or context of your image.
Note how the author is now more recognizable in the cropped version
(behind the sunscreen) and the lettering is larger and more legible.
Most importantly, the image has more impact, with the subject taking up
more of the frame. This cropped image could be shown with a smaller
dimension, saving file size.
Resize to a Smaller Thumbnail
Once you've got your image maximally cropped, resize and sharpen it to create a smaller thumbnail image. To give the reader more detail, you can provide a larger version (cropped or uncropped) of the image linked to that thumbnail.
This
two-step process of cropping maximally and resizing is what Jakob
Nielsen calls "relevance-enhanced image reduction." Nielsen writes that
by combining cropping and scaling you can "preserve both content and
detail, even at very small sizes." (Nielsen 2000)
Extreme Closeup for a Sneak Preview
Some
high fashion sites actually use only the important part of an image as a
thumbnail. For example, just the shoulder or neckline of a style -
click and you get the full shots with details. This "image tease"
technique can add an artistic feel to a site. Let's get up close and
personal with our intrepid traveler.
Extreme Cropping through Rearrangement
In
extreme cases you could rearrange the target objects and reshoot, or
move them closer together in your favorite image editing program. The
idea is to use the smallest possible image that still conveys the
information you want to display. You may need to bump up font sizes to
withstand more extreme image reductions.
JPEG Cropping Caution
Be
careful when resaving JPEG images. Reoptimizing an existing JPEG can
compound compression artifacts. It is possible to transform JPEGs
losslessly, however. Lossless transformations (like 90-degree rotations
and flips) require the dimensions of the JPEG to be a multiple of the
block size (16x16, 16x8, or 8x8 pixels for color JPEGs). Lossless crops
are also possible by cropping to block boundaries with specialized
software, like JPEG Wizard.
Sunday, May 6, 2012
Advantages of Using Dream Weaver to Design Web Pages
When making a suggestion to someone to try something new, it is
important to support your case with a strong evidence base. This allows
your listener to make an informed decision as to whether or not they
will take up your offer. A colleague or friend may suggest that you
consider participating in a Dream Weaver training course. Let us consider some of the advantages of using Dream Weaver software to design web pages.
Ease and efficiency of use
This software has not only been designed with advanced level users in mind but also for beginners. Simple and complex websites can be designed using a point and click method.
The ability to view html pages during the design process
Users of Dream Weaver have the ability to select different views when creating web pages. A 'code view' shows only the html code for the page. A 'design view' gives an indication of how the html page will appear in a browser. 'A split view', as the name implies, allows you to see the code view and design view at the same time. Both views are updated automatically as changes are being made and the user can immediately see the effect of any changes.
The ability to create consistent looking web pages
This software includes templates for web pages to assist in the design process. Template files can be created by the user or alternatively, ready prepared templates are available. This feature makes it possible for beginners to design web pages as the workload is reduced. If your site is made up of twenty pages based around a particular template design, for example, it will have a consistent style and therefore be more user friendly.
Managing and updating websites effectively
Website designers can make changes to the design of a website simply by editing the Dream Weaver template files. This eliminates the need to alter each page manually because Dream Weaver can automatically update the pages created using a template. This saves much time and effort. Furthermore, the use of templates means that the code and design are separate. As a result, changes can be made to the content without the risk of making unnecessary or incorrect alterations to the code.
Easy to upload using FTP
Dream Weaver software comes with built in FTP features so it is possible to upload files directly to your website.
Customisable software
Users of Dream Weaver can customise the look of the software to match their requirements. Menus, tabs, commands, fonts and code colouring can all be adjusted to personal preference. This can effectively streamline the web design process.
Having reviewed some of the evidence for the case in favour of undertaking Dream Weaver training, it only remains for you to make the final verdict.
Ease and efficiency of use
This software has not only been designed with advanced level users in mind but also for beginners. Simple and complex websites can be designed using a point and click method.
The ability to view html pages during the design process
Users of Dream Weaver have the ability to select different views when creating web pages. A 'code view' shows only the html code for the page. A 'design view' gives an indication of how the html page will appear in a browser. 'A split view', as the name implies, allows you to see the code view and design view at the same time. Both views are updated automatically as changes are being made and the user can immediately see the effect of any changes.
The ability to create consistent looking web pages
This software includes templates for web pages to assist in the design process. Template files can be created by the user or alternatively, ready prepared templates are available. This feature makes it possible for beginners to design web pages as the workload is reduced. If your site is made up of twenty pages based around a particular template design, for example, it will have a consistent style and therefore be more user friendly.
Managing and updating websites effectively
Website designers can make changes to the design of a website simply by editing the Dream Weaver template files. This eliminates the need to alter each page manually because Dream Weaver can automatically update the pages created using a template. This saves much time and effort. Furthermore, the use of templates means that the code and design are separate. As a result, changes can be made to the content without the risk of making unnecessary or incorrect alterations to the code.
Easy to upload using FTP
Dream Weaver software comes with built in FTP features so it is possible to upload files directly to your website.
Customisable software
Users of Dream Weaver can customise the look of the software to match their requirements. Menus, tabs, commands, fonts and code colouring can all be adjusted to personal preference. This can effectively streamline the web design process.
Having reviewed some of the evidence for the case in favour of undertaking Dream Weaver training, it only remains for you to make the final verdict.
How to Choose From Viewstate, Session, Application, Cache, and Cookies
Web Applications are natively statesless, means once a web
page renders from server to client, nothing remains on server and the
next time user submits the page you have to load all values and create
the page again.
ASP.NET provides multiple simple solutions to this problems like:
Now the question arises that when to use what?
1- Viewstate
Viewstate is a hidden fields in an ASP.NET page, contains state of those controls on a page whose "EnableViewstate" property is "true".
You can also explicitly add values in it, on an ASP.NET page like:
Viewstate.Add( "TotalStudents", "87" );
Viewstate should be used when you want to save a value between diferent roundtrips of a single page as viewstate of a page is not accessible by another page.
Because Viewstate renders with the page, it consumes bandwith, so be careful to use it in applications to be run on low bandwith.
2- Session Variable
Session variables are usually the most commonly used.
When a user visits a site, it's sessions starts and when the user become idle or leave the site, the session ends.
Session variables should be used to save and retrive user specefic information required on multiple pages.
Session variables consumes server memory, so if your may have a huge amount visiters, use session very carefully and instead of put large values in it try to put IDs and references
3- Application variables
Application variables are shared variables among all users of a web application
Application variables behave like static variables and they are substitute of static variables as static variables are stateless in web applications
Only shared values should be persisted in Application variables, and as soon as they are not in use they should be removed explicitly.
4- Cache
Cache is probably the least used state feature of ASP.NET.
Cache is basically a resource specific state persistence feature, means unlike session it stick with resource instead of user, for instance: pages, controls etc.
Cache should be used or frequently used pages, controls, and data structures
Data cache can be used to cache frequently used list of values e.g. list of products
6- Cookies
Cookies are some values saved in browsers by the website to retrivbbe and use afterwards.
Usually cookies are used to help dynamic websites to identify visitors and retrieve their saved preferences.
Cookies are also used to facilitate auto login by persisting user id in a cookie save in user's browser.
Because cookies have been saved at client side, they do not create performance issues but may create security issues as they can be hacked from browser.
Finally remember the following points on your finger-tips:
ASP.NET provides multiple simple solutions to this problems like:
- Viewstate
- Session Variables
- Application Variable
- Cache
- Cookies
Now the question arises that when to use what?
1- Viewstate
Viewstate is a hidden fields in an ASP.NET page, contains state of those controls on a page whose "EnableViewstate" property is "true".
You can also explicitly add values in it, on an ASP.NET page like:
Viewstate.Add( "TotalStudents", "87" );
Viewstate should be used when you want to save a value between diferent roundtrips of a single page as viewstate of a page is not accessible by another page.
Because Viewstate renders with the page, it consumes bandwith, so be careful to use it in applications to be run on low bandwith.
2- Session Variable
Session variables are usually the most commonly used.
When a user visits a site, it's sessions starts and when the user become idle or leave the site, the session ends.
Session variables should be used to save and retrive user specefic information required on multiple pages.
Session variables consumes server memory, so if your may have a huge amount visiters, use session very carefully and instead of put large values in it try to put IDs and references
3- Application variables
Application variables are shared variables among all users of a web application
Application variables behave like static variables and they are substitute of static variables as static variables are stateless in web applications
Only shared values should be persisted in Application variables, and as soon as they are not in use they should be removed explicitly.
4- Cache
Cache is probably the least used state feature of ASP.NET.
Cache is basically a resource specific state persistence feature, means unlike session it stick with resource instead of user, for instance: pages, controls etc.
Cache should be used or frequently used pages, controls, and data structures
Data cache can be used to cache frequently used list of values e.g. list of products
6- Cookies
Cookies are some values saved in browsers by the website to retrivbbe and use afterwards.
Usually cookies are used to help dynamic websites to identify visitors and retrieve their saved preferences.
Cookies are also used to facilitate auto login by persisting user id in a cookie save in user's browser.
Because cookies have been saved at client side, they do not create performance issues but may create security issues as they can be hacked from browser.
Finally remember the following points on your finger-tips:
- Viewstate is bandwidth hungry
- Session variables are memory hungry as per number of users
- Applications variables are shared
- Cache is memory hungry as per number of resources
- Cookies are the least secure
Types of Softwares
Computer software is a general term used to describe
a collection of computer programs, procedures and documentation that
perform some task on a computer system. The term includes application software such as word processors
which perform productive tasks for users, system software such as
operating systems, which interface with hardware to provide the
necessary services for application software, and middleware which
controls and co-ordinates distributed systems.
Practical computer systems divide software systems into three major classes: system software, programming software and application software, although the distinction is arbitrary, and often blurred.
Practical computer systems divide software systems into three major classes: system software, programming software and application software, although the distinction is arbitrary, and often blurred.
- System software helps run the computer hardware and computer system. It includes operating systems, device drivers, diagnostic tools, servers, windowing systems, utilities and more. The purpose of systems software is to insulate the applications programmer as much as possible from the details of the particular computer complex being used, especially memory and other hardware features, and such accessory devices as communications, printers, readers, displays, keyboards, etc.
- Programming software usually provides tools to assist a programmer in writing computer programs and software using different programming languages in a more convenient way. The tools include text editors, compilers, interpreters, linkers, debuggers, and so on. An Integrated development environment (IDE) merges those tools into a software bundle, and a programmer may not need to type multiple commands for compiling, interpreter, debugging, tracing, and etc., because the IDE usually has an advanced graphical user interface, or GUI.
- Application software allows end users to accomplish one or more specific (non-computer related) tasks. Typical applications include industrial automation, business software, educational software, medical software, databases, and computer games. Businesses are probably the biggest users of application software, but almost every field of human activity now uses some form of application software. It is used to automate all sorts of functions.
Installing Ajax Toolkit for Visual Studio .net 2005
In this article I will explain how you can integrate the AJAX framework into a web site and very easily create an AJAX enabled web site within Visual Studio 2005 utilizing C#.
What this article will try to do is help point you to the helpful web sites available and condense your search and learning curve with AJAX as far as what it is, where do I find it and once I do find it how does it work. I will try to show you where you can find the various articles and videos that go into great detail on the vast functionality available with AJAX. In our next article in this series I will show you a simple example of using this framework to create a PasswordStrength validation process.
Let's start with what is AJAX and what can I do with it?
ASP.NET AJAX is a free framework for quickly creating efficient and interactive Web applications that work across all popular browsers.
With ASP.NET AJAX you can:
What we will learn in this article:
Please Note:
AJAX functionality is integrated in ASP.NET 3.5 and does not require any additional downloads. If you are using ASP.NET 3.5 this article does not apply to you.
Getting Started with AJAX
Before we begin coding we will need to download the AJAX framework and install it onto our system in order to have the framework available for us to create our first AJAX web project. You can find out everything you need to know regarding AJAX at:
http://www.asp.net/
This web site is where you will find information on ASP.Net and AJAX, there are numerous articles, books, downloads and tutorials available on this site that will help guide you through the different options that AJAX offers for your web development.
You can find a helpful tutorial at ASP.NET that will help explain "How you get started with AJAX". This video will help guide you through the process step by step and is very informative. You can find this video at:
http://www.asp.net/learn/ajax-videos/video-75.aspx
In order to use AJAX you will need to first install the "ASP.NET AJAX Extensions 1.0" and the "ASP.NET AJAX Control Toolkit" found on the ASP.NET web site mentioned earlier in the article. When you get to ASP.NET site you will need to click on the "AJAX" link to get to the home page for AJAX. Once you are on the home page click on the "Downloads" link to get to the ASP.NET AJAX Control Toolkit.
The download site is located at:
http://www.asp.net/ajax/downloads/
The first file you will need to download and install to utilize the functionality within AJAX is the "ASP.NET AJAX Extensions 1.0". The extension setup package is the framework for AJAX and needs to be installed before the ASP.NET AJAX Control Toolkit.
The second file you will need to download and install is the ASP.NET AJAX Control Toolkit which holds the controls that you will use in your application. When these controls are added to your Toolbox panel you will be able to drop these controls onto your web page exactly like you would with the controls that come as part of Visual Studio. Here is what you need to do to install the ASP.NET AJAX Control Toolkit.
Configure Visual Studio 2005
Please Visit Programminghelp.com For the full article and Pictorial tutorial.
http://www.programminghelp.com/web-development/ajax/installing-ajax-toolkit-for-visual-studio-net-2005/
What this article will try to do is help point you to the helpful web sites available and condense your search and learning curve with AJAX as far as what it is, where do I find it and once I do find it how does it work. I will try to show you where you can find the various articles and videos that go into great detail on the vast functionality available with AJAX. In our next article in this series I will show you a simple example of using this framework to create a PasswordStrength validation process.
Let's start with what is AJAX and what can I do with it?
ASP.NET AJAX is a free framework for quickly creating efficient and interactive Web applications that work across all popular browsers.
With ASP.NET AJAX you can:
- Create interfaces with AJAX components that can be reused.
- Upgrade your existing pages with AJAX controls.
- AJAX comes with support for all modern browsers
What we will learn in this article:
- What is AJAX
- How to find all of the necessary downloads for AJAX
- How to find the easy to follow tutorials at ASP.NET
- How to setup our environment with AJAX
Please Note:
AJAX functionality is integrated in ASP.NET 3.5 and does not require any additional downloads. If you are using ASP.NET 3.5 this article does not apply to you.
Getting Started with AJAX
Before we begin coding we will need to download the AJAX framework and install it onto our system in order to have the framework available for us to create our first AJAX web project. You can find out everything you need to know regarding AJAX at:
http://www.asp.net/
This web site is where you will find information on ASP.Net and AJAX, there are numerous articles, books, downloads and tutorials available on this site that will help guide you through the different options that AJAX offers for your web development.
You can find a helpful tutorial at ASP.NET that will help explain "How you get started with AJAX". This video will help guide you through the process step by step and is very informative. You can find this video at:
http://www.asp.net/learn/ajax-videos/video-75.aspx
In order to use AJAX you will need to first install the "ASP.NET AJAX Extensions 1.0" and the "ASP.NET AJAX Control Toolkit" found on the ASP.NET web site mentioned earlier in the article. When you get to ASP.NET site you will need to click on the "AJAX" link to get to the home page for AJAX. Once you are on the home page click on the "Downloads" link to get to the ASP.NET AJAX Control Toolkit.
The download site is located at:
http://www.asp.net/ajax/downloads/
The first file you will need to download and install to utilize the functionality within AJAX is the "ASP.NET AJAX Extensions 1.0". The extension setup package is the framework for AJAX and needs to be installed before the ASP.NET AJAX Control Toolkit.
The second file you will need to download and install is the ASP.NET AJAX Control Toolkit which holds the controls that you will use in your application. When these controls are added to your Toolbox panel you will be able to drop these controls onto your web page exactly like you would with the controls that come as part of Visual Studio. Here is what you need to do to install the ASP.NET AJAX Control Toolkit.
Configure Visual Studio 2005
Please Visit Programminghelp.com For the full article and Pictorial tutorial.
http://www.programminghelp.com/web-development/ajax/installing-ajax-toolkit-for-visual-studio-net-2005/
Upload Image Without Refresh Page - Asynchronous Image File Upload Without Ajax
Through concept such as Ajax and scripting languages like PHP, we now have a much robust set tools
with which to deal with imaging. Thorugh Ajax, we can dynamically load
and display images without the rest of the page having to reload, which
speeds up the process considerably. We also have more control over what
the user sees while the screen or images load. Users are generally
understanding of load times, provided that you let them know what is
happening. Thorugh Ajax and a little PHP magic, we can help the user's
experience be a seamless and enjoyable as possible.
The basic uploading, manipulating and dynamically displaing images using PHP and Ajax.
Uploading Images
I suppose it is neccessary to bring a little bad news to Ajax at this point, it is not possible to process a file upload through the XMLHtrtpRequest Object. The reason of this is that javascript has no access to your computer's file system. While this is somewhat disappointing, there are still ways to perform Ajax-like functionality for this wighout making use of the XMLHttpRequest Object. Clever developeres have discovered that you can use hidden iframes to post a form request, thereby allowing for a image upload wiothout refresh.
I am designing a website with ajax and php. My main target is doing everything without full page refresh. I have done everything completed. I solved it partially using IFRAME.
By setting the iframe's CSS display property to none, the element is persent on the page to be utilized by the upload form, but not visible to the end user. by assiging a name to the iframe tag, you can use the target attribute in the form tag to post the request to the hidden iframe. Once you have the iframe configured, you can perform any uploads you like, and then use Ajax to perform any extra functionality. Consider the following example, which will allow yout to upload an image to a folder of your specification. Consider the code, which will allow you to create application.
An Ajax-enabled file upload system that uses hidden iframes to hide the upload
The code to create form, with a hidden iframe for processing
As you can see, you are using the same functionality and you will now use it to load the recently uploaded image into your
web page dynamically and without a screen refresh. The uploading function will still perform your form submission, but it is now coupled with a function called downloading, which will fire once the process_upload.php script has finished uploading the image (determined by the onload evernt). The doneuploading function takes ther parent frame of the hidden iframe and the fine name as arguments. It then users Ajax to dyanmically load the image the speicified element of ther parent frame.
Im trying to create a page for a picture framing site where users can upload images to see how they would look framed.
Uploading images can be broken down into the three following steps which will be looked at in turn:
* An HTML form with a browse button to allow the client to choose which file to upload
* A script to process the upload, validate the file, name it and place it in the file system
* Lastly a page to advise the client the upload was a success
* Is there a AJAX based solution or PHP based solution to check the filesize a user is trying to upload via a form.
* If the filesize exceeds more than 2 MB we want to give a message to the user that they need to upload a smaller file
size.
You can upload ZIP file of all your images in one shoot. You can upload image using zip file.
* You can create zip file for image, doc file and other file.
* This script find only jpg file uploaded and other file deleted.
* You can set which extension allowed or not allowed using this script uploaded.
The basic uploading, manipulating and dynamically displaing images using PHP and Ajax.
Uploading Images
I suppose it is neccessary to bring a little bad news to Ajax at this point, it is not possible to process a file upload through the XMLHtrtpRequest Object. The reason of this is that javascript has no access to your computer's file system. While this is somewhat disappointing, there are still ways to perform Ajax-like functionality for this wighout making use of the XMLHttpRequest Object. Clever developeres have discovered that you can use hidden iframes to post a form request, thereby allowing for a image upload wiothout refresh.
I am designing a website with ajax and php. My main target is doing everything without full page refresh. I have done everything completed. I solved it partially using IFRAME.
By setting the iframe's CSS display property to none, the element is persent on the page to be utilized by the upload form, but not visible to the end user. by assiging a name to the iframe tag, you can use the target attribute in the form tag to post the request to the hidden iframe. Once you have the iframe configured, you can perform any uploads you like, and then use Ajax to perform any extra functionality. Consider the following example, which will allow yout to upload an image to a folder of your specification. Consider the code, which will allow you to create application.
An Ajax-enabled file upload system that uses hidden iframes to hide the upload
The code to create form, with a hidden iframe for processing
As you can see, you are using the same functionality and you will now use it to load the recently uploaded image into your
web page dynamically and without a screen refresh. The uploading function will still perform your form submission, but it is now coupled with a function called downloading, which will fire once the process_upload.php script has finished uploading the image (determined by the onload evernt). The doneuploading function takes ther parent frame of the hidden iframe and the fine name as arguments. It then users Ajax to dyanmically load the image the speicified element of ther parent frame.
Im trying to create a page for a picture framing site where users can upload images to see how they would look framed.
Uploading images can be broken down into the three following steps which will be looked at in turn:
* An HTML form with a browse button to allow the client to choose which file to upload
* A script to process the upload, validate the file, name it and place it in the file system
* Lastly a page to advise the client the upload was a success
* Is there a AJAX based solution or PHP based solution to check the filesize a user is trying to upload via a form.
* If the filesize exceeds more than 2 MB we want to give a message to the user that they need to upload a smaller file
size.
You can upload ZIP file of all your images in one shoot. You can upload image using zip file.
* You can create zip file for image, doc file and other file.
* This script find only jpg file uploaded and other file deleted.
* You can set which extension allowed or not allowed using this script uploaded.
Just What is Java?
Java is a highly portable computer programming
language. "Portable" is a term used to describe programs that can be
run in many different computing environments and on many different
"platforms" (MS Windows, Apple's Mac OS, Solaris, and Linux are all examples of "platforms")
It is Java's portability that makes it such an intriguing technology. To give you an example of how this portability relates to real world features and benefits, let's say you have a program that is written in Java such as a web browser. Normally, with a web browser application, the user is bound to the settings for the browser application and the configuration of the machine that they are using it on. So, at the office, the machine on Joe User's desktop has one set of bookmarks, plug ins, security setting, etc. Joe's machine at home will most likely have a different set of bookmarks, plug ins and settings. Now, let's say Joe want to have a more consistent experience with the computers that he uses everyday. Joe could install a Java-based browser on removable writable media (such as a floppy diskette, pen drive, zip disk or CDRW) and carry his browser with him (with all the settings, bookmarks and plug ins in tow as well!)
Java is not only portable, but it is also widely known, and does not need to be interpreted (like PHP, Java script and some other and other languages). Java also does not have to be compiled on the machine it will be run on. Java can be compiled once and run in its binary form on many systems. Although there are other languages out there that are extremely portable, there are few that could stand up to Java's "compile once, run everywhere" functionality. Java is truly a useful and feature rich programming language and is used to program many software programs on the market today.
Source: Free Articles
It is Java's portability that makes it such an intriguing technology. To give you an example of how this portability relates to real world features and benefits, let's say you have a program that is written in Java such as a web browser. Normally, with a web browser application, the user is bound to the settings for the browser application and the configuration of the machine that they are using it on. So, at the office, the machine on Joe User's desktop has one set of bookmarks, plug ins, security setting, etc. Joe's machine at home will most likely have a different set of bookmarks, plug ins and settings. Now, let's say Joe want to have a more consistent experience with the computers that he uses everyday. Joe could install a Java-based browser on removable writable media (such as a floppy diskette, pen drive, zip disk or CDRW) and carry his browser with him (with all the settings, bookmarks and plug ins in tow as well!)
Java is not only portable, but it is also widely known, and does not need to be interpreted (like PHP, Java script and some other and other languages). Java also does not have to be compiled on the machine it will be run on. Java can be compiled once and run in its binary form on many systems. Although there are other languages out there that are extremely portable, there are few that could stand up to Java's "compile once, run everywhere" functionality. Java is truly a useful and feature rich programming language and is used to program many software programs on the market today.
Subscribe to:
Posts (Atom)