Mash Web Design

Resource For Web Design And Development

What is PHP?

October24

PHP is a programming language specifically written to generate HTML (HyperText Markup Language), the language used to create web pages. PHP has an incredibly rich library of functions to do every conceivable kind of operation on a web site, from processing data entry forms to manipulating graphic images and managing databases. Its command structure borrows heavily from the “C” programming language, regarded as one of the most powerful languages available. (The Unix and Linux operating systems are written in C.)

The name “PHP” is a recursive acronym, standing for “PHP: Hypertext Preprocessor”. It derives from an older program named “Personal Home Page / Forms Interpreter” (PHP/FI), which was released as Open Source in 1995. It quickly became a favorite tool for web developers and gathered a large group of volunteer supporters who contributed greatly to its growth and development. Persons interested in learning more about php can visit their web site at http://www.php.net/ or consult their very extensive on-line manual at http://www.php.net/manual/en/index.php.

Mashwebdesign.com uses PHP extensively in the web sites we design. Most of our web pages are dynamically generated, meaning that the page that the web visitor sees is not stored on the server, but is generated by the server on the fly at the visitor’s request from a set of PHP instructions. The majority of our sites utilize a template file, which contains all the information about the overall design of all the pages on a particular site. This allows us to make design changes that affect all the pages of even a very large site by editing only a single file.

PHP runs under Apache server software on Unix machines, and is very fast and efficient, making for very fast loading web pages. Over the years, WebSpinners.com has developed a sizeable collection of PHP scripts which can be adapted to our clients’ needs.

Why web browser compatibility?

October24

The Hypertext Markup Language (HTML) — the language in which web pages are written — is rigorously controlled by internationally supported standards. The World Wide Web Consortium (W3C) is responsible for developing and issuing these specifications. Over the years, various standards have been issued, most notably HTML 2.0, 3.2, 4.0, and most recently, HTML 4.01 and future HTML 5.0. Each successive version adds more tags (the basic unit of hypertext markup) to increase functionality. Occasionally, older tags are depreciated, meaning that they may not be supported in future releases. Web browsers are supposed to ignore any markup tags that they don’t understand, thus insuring downlevel compatibility.

However, browser manufacturers, in order to improve their product and stay competitive, often will include support for new tags not included in any W3C standard. This is not necessarily a bad thing, as it often drives improvements in later standards. As an example, the <TABLE> tag was first introduced by Netscape®, and only later incorporated into HTML 2.0. The problem arises when different browser manufacturers chose to implement the same functionality using different and often contradictory markup. This occurred far too often during the bitter battle between Netscape® and Microsoft®, when Microsoft® tried to establish its Internet Explorer® as the dominant browser for web surfing.

When browser manufacturers also provide web site development tools, they are naturally inclined to include in their tools support for their own proprietary markup tags. This is most notably the case with Microsoft’s Front Page® and the “Save as HTML” option in the MS Office® suite. Unless the people using these tools are intimately familiar with HTML, and take the time to hand edit the resulting HTML page, they are liable to wind up with a web site that displays properly, or is even viewable, only on the target browser. (I have even seen Front Page® created sites that show only a blank page on older Netscape browsers.)

We use no proprietary markup tags, relatively few of the tags introduced in HTML 4.0, and make sure that those we do use degrade gracefully on older, pre-HTML 4.0 browsers.

Why I cannot design my own website?

October24

You can, and many people do. However, few do it well. Imagine that you are laying out an advertisement for a printed page — only you don’t know how large the page will be, and you don’t know what size of type your customer will see. It could be printed on a 5½” by 8½” sheet of note paper or a full sized sheet of newsprint. It could be printed in 8-point type (like this) or in 20 point type for the visually impaired (like this). Web site designers confront this problem with every site they design. Computer monitors vary in resolution from 640 by 480 pixels to 2048 by 1536 pixels — more than a 3 to 1 range (WebTV® viewers are restricted to 576 pixels), and not everybody surfs with their browser maximized to full screen (I don’t). Most web browsers also let the user select font sizes over at least a 4 to 1 range.

Needless to say, what looks perfect on your computer screen might look hideous or virtually unreadable on someone else’s. Mashwebdesign.com will design your web site so that it looks good — or at least readable — on every visitor’s screen.

Nearly every word processor, spreadsheet, and database program available has an HTML (HyperText Markup Language) save option, and there are numerous graphical WYSIWYG (What You See Is What You Get) web site editors on the market (e.g. Microsoft® FrontPage®, Adobe Dreamweaver). Unfortunately, good web site design does not lend itself well to automated approaches, and without extensive knowledge and experience in HTML and CSS design, the use of these programs is more likely than not to produce sites that look acceptable on only one or a very few computer screens, or which are viewable on only one brand or version of browser. What you see may be what you get, but not necessarily what everyone else gets.

Mashwebdesign.com does not employ such tools, preferring to use only tools that produce tight, clean pages optimized for all viewers and the fastest access possible.

What are “Scripts”?

October24

Anything on a web page that changes with each visitor, or that accepts keyboard input, from a visitor counter to a data entry form or a shopping cart, requires a small program, called a script. These programs can either be executed on the web site’s host computer (server side) or downloaded and run on the visitor’s computer (client side). Because client side scripts can significantly slow the delivery of web pages to visitors with slower internet connections and can place an unwanted burden on older and slower computers, WebSpinners.com prefers to use server side scripts wherever possible. Server side scripts can be written in any computer language that the hosting web server supports.

Mashwebdesign.com specializes in custom scripts designed to meet our clients exact needs. Whether you need a searchable database, and the forms for entering your data into it, or a web page whose content you can change from your home or office computer, or a complete eCommerce site with online credit card payment, we can provide the scripts required for the job.

We also have a number of generalized PHP scripts which can be incorporated into a client’s site at a very modest cost (typically from 2 to 4 hours at our standard hourly rate). This include a Site Visitor Counter (free to all clients hosted with Mashwebdesign.com referred web hosting sites), or schedules of interest to your web site visitors, a Password Management System, where you or a designated administrator can add or delete passwords for other users, staff members, or whoever else you wish to have access, and a GuestBook*, where visitors can leave comments about your site (useful for gathering postal or email mailing lists of visitors interested in your products or services).

How much does a website cost?

October24

Web site prices range from free to over half a million dollars. Free web sites are generally paid for by advertising, and require the inclusion of large banner ads on the client’s pages. They also generally require that creation and maintenance be performed by the owner. Mashwebdesign.com does do free web sites, but we can be surprisingly affordable if it is a big website.

Most clients who contract with small web designers like Mashwebdesign.com don’t understand, or even do not want to understand, the nuances of web design techniques, and may be unaware of many of the features that a web site can provide to benefit their business or organization. As a result, the time required to design a site that optimally serves their needs can be quite unpredictable, and the design objectives are apt to change as site development proceeds. For this reason, Mashwebdesign.com prefers not to quote a flat rate unless the potential client has very specific design goals in mind.

Most sites designed by Mashwebdesign.com cost less for a basic 2 to 3 page site with no interactive features to a few thousand dollars for a large site with lots of images, interactive submit forms, databases, and/or dynamic content.

Mashwebdesign.com also has a number of prepared scripts, such as an announcements form, a customer information request form, a guestbook, or a password protection management system, which can be adapted for a specific web site in only a few hours. Pages can be dynamically generated from a standardized template file (as these pages were generated), allowing updates and additions to be done with a minimum of time and labor, and quick and easy changes made to the site’s overall layout and “look and feel.”

What kind of a website do I need?

October24

In general, people use the web either to be entertained or to become informed. Those who want to become informed will generally have some specific information in mind, and will want to get to that information as quickly and efficiently as possible. They will be inclined to use whatever equipment is readily available at hand, even if it is old and antiquated. (In computer technology, “old and antiquated” can mean anything over one year old.) They are more likely to use slower internet connections, and are likely to become impatient with and pass by sites that take a long time to download because of too many pictures, animations, and the like. They are more likely to be using older, downlevel versions of software.

People surfing for entertainment will likely not have a specific goal in mind, but will be looking for sites with lots of pretty pictures, video clips, real audio, and all the fancy “bells and whistles” that have become standard features on entertainment web sites. They will quite likely have newer and faster computers with more features, and the latest software, and will have fast internet connections so that entertainment sites will download more quickly.

Mashwebdesign.com specializes in web sites that inform — sites that are neatly laid out, download quickly, are logically organized, easy to navigate, and… informative. We try to avoid “bells and whistles” except where absolutely essential to the information being presented, preferring instead to focus on the clear and logical organization of material. This allows us to offer more information at a significantly lower cost. (Bells and whistles, fancy graphics, animation, and the like are why web designers make the big bucks.) Rather than spend our time (and your money) on features that only serve to wow and amaze visitors having the fastest computers and the latest software, we prefer to make our information accessible to the widest possible audience, including those who simply can’t afford to upgrade their equipment and software every year.

Why not “Bells and Whistles?”
Most of the things that move, or that change on the screen after a web page has been downloaded, require little programs, called “applets,” that must be either imbedded into the web page or downloaded along with it. These applets are then executed by the processor in the visitor’s machine, and can consume computer resources that older and slower computer systems can ill afford to spare. Some of them — Java applets in particular — can carry viruses that can infect your computer in a variety of harmful ways. For this reason, some sophisticated computer users, like me, operate their browsers with Java disabled, thus blocking many of the fancy features that webmasters charge so much to provide.

In some cases, these programs can cause an older computer, particularly one with limited memory, to crash or lock up, requiring that the system be rebooted and the visitor to log onto the internet all over again. This is a sure way to loose potential visitors.

How can a website benefit my small business?

October24

A web site is one of the most inexpensive forms of advertising that any business can employ. However, web sites do not advertise themselves. You must first make your customers aware that you have a web site. Always include your web site address on your advertising flyers, business cards, and newspaper or other media ads. Added to your existing advertising, a web site can offer numerous additional features not available from conventional advertising.

  • Product or service listings can be posted once, and will need no further attention, and no per-insertion charges.
  • Product specifications and feature comparisons can help your customers decide which of your products is right for them.
  • A map to your facility and a photograph of the building can help bring visitors to your door.
  • A web site can provide application information about how various products can be used, or how your company’s services can benefit the customer.
  • Technical support, in the form of operator’s manuals, service manuals, or lists of frequently asked questions (FAQ’s), can be made available for customers to browse or download to their printers.
  • A customer information request form can be provided to allow visitors to direct queries from the web to your email account.

If you are not sure what features you want on your web site, you can always start small, and add additional features as the need arises. Mashwebdesign.com can work with you as your requirements grow, and can even suggest functionality that may not have ever occurred to you.

So You Think You Want A Website

October24

Information for Potential Web Site Clients

Some people expect that having a killer website will instantly bring them fame and fortune online - and it does not happen as of today’s patterns in the web world. There are hundreds of millions of web sites on the Internet, and only a very few have made their owners wealthy. Because the returns expected from having a website will determine to a large extent how that site should be designed, it is important to begin the site development effort with a set of reasonable and achievable objectives.

  • How can a web site benefit my business?
  • What kind of a web site do I want?
  • How much does a web site cost?
  • What are “Scripts?”
  • Why can’t I design my own web site?
  • Why browser compatibility?

Best ways of Bookmarking Through Firefox

August4

In Continuation with my previous post, This time, I am going to talk about Best Ways of Bookmarking through the best firefox plugins.

This list of plugins are not sidebars(hate opening firefox sidebars). Mostly come under icons you can place on your Address bar and toolbar plugins.

1. 404-Error? Site/File/Page-Not-Found? Now it will be! - Ever bookmarked your favorite page but few months later when you finally had time to read it in detail, you couldn’t find it? If a page was (re)moved and now shows ‘404 Page / File / Site Not Found’ error, this tiny extension uploads archived version of a page (from wayback machine at archive.org).

2. Check4Change - Check4Change (aka C4C) is a simple extension that allows you to periodically check a web-page for updates.

3. Clipmarks - Instead of copying and pasting links, Clipmarks is like adding a pair of scissors to your browser, letting you capture exactly what you want others to see (text, images or video). Your clips are saved on clipmarks.com and can easily be syndicated to FriendFeed, Twitter, Facebook or other sites. You can also post anything you clip directly to your blog (supports Wordpress, Blogger, Typepad and more) or send it directly to friends or co-workers via email. Clipmarks also gives you a way to help the environment by printing only the parts of a page that you need. By printing just what you need, you’ll save ink, paper and trees, thus making a contribution to a cleaner environment. Your clip collection is accessible from any computer with an internet connection, including your iPhone, Blackberry, or other mobile device.

4. DejaClick - DéjàClick is a web recorder and Super Bookmark utility designed exclusively for Firefox. You can record and bookmark your browser activities, then with a single click, replay the entire sequence all over again.

5. Delicious Bookmarks - Delicious Bookmarks is the official Firefox add-on for del.icio.us, the world’s leading social bookmarking service. It integrates your del.icio.us bookmarks and tags with Firefox and keeps them in sync for easy, convenient access.

6. Fast Dial - Fast access to your favorite sites through thumbnails, like Opera Speed Dial.

7. Link Evaluator - Link Evaluator is a Firefox extension designed to help users evaluate the availability of online resources linked to from a given Web page. When started, it automatically follows all links on the current page, and assesses the responses of each element in the webpage.

8. StumbleUpon - StumbleUpon discovers web sites based on your interests, learns what you like and brings you more.

9. Traction Control - An accurately ordered list of pages seen or loaded, in a kind of a history console, which handles nicely :-) It shows the icon, time, title and address. There are some tools in the right-click menu.

10. WebMynd - Never bookmark or save a page again! WebMynd is like a DVR for the web — It is a web service that records a visual browsing history — Search your web history and Del.icio.us bookmarks from Google — Access your history offline — Perfect for research or just for fun!

11. Yoono - Socialize you browser. Bring all your friends in your browser with Yoono and: - Follow what they are doing - Chat with them wherever they are - Discover and share any content by a single drag & drop Support: MSN, Yahoo, Gtalk, AIM, Facebook, Flickr, Twitter, Friendfeed,… Yoono also synchronizes your bookmarks between your different computers See long description for all additional Yoono’s features.

Thats About it now. The above firefox plugins I believe are great for power surfing and getting the best of your firefox browsing experience. Also Helps you out in Social bookmarking and stuff so wherever you go your Bookmarks follow.

25 Best Firefox Plugins For Web Development.

August3

I list down some of my favorite and best plugins if you are for Web Design and Development. Download them directly when viewing this page in Mozilla Firefox.

Abduction - Capture an entire web page or part of a web page and save it as an image. For the sake of making this extension findable: This extension takes screenshots of websites.

Accessibar - Accessibility toolbar enabling easy manipulation of web page display and text-to-speech output.

Active Whois plugin for Firefox - Starting Active Whois to get details about any Web site owner and its host server

ColorZilla - Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies

CounterPixel - Display the counting/measurement pixel of a website

Firebug - Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

FireColour - FireColour is a very handy Colour Picker and Converter. Its already a part of FireCal. Its gives the colour values in 20 colour models. The conversions are now only for HEX, RGB and XYZ to 20 models.

FireShot - Fireshot is a Firefox extension that creates screenshots of web pages. Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify captures and insert text and graphical annotations. Such functionality will be especially useful for web designers, testers and content reviewers. It’s possible to choose whether entire web page or only visible part of this page should be captured. Screenshots can be uploaded to server, saved to disk (PNG, GIF, JPEG, BMP), copied to clipboard, e-mailed and sent to external editor for further processing.

FlashTracer - While running any .swf Flash file in your browser you can see all the output generated by the “trace” flash functions in this sidebar component

Font Finder - Find all the fonts used in a web document.

JavaScript Debugger -   a powerful JavaScript debugging environment for Mozilla based browsers.

Measure It - Draw out a ruler to get the pixel width and height of any elements of a web page

My Image Here -  Replace images on websites with images you select from your local computer.

Link Evaluator - Link Evaluator is a Firefox extension designed to help users evaluate the availability of online resources linked to from a given Web page. When started, it automatically follows all links on the current page, and assesses the responses of each link.

PageDiff - Pagediff is a simple page compare application. It helps web developers and designers to see HTML-code(text) differences between web pages

Palette Grabber - Creates a color palette for Photoshop, Paint Shop Pro, GIMP, Flash, Fireworks, or OS X based on the current page.

Rotate Image -  Rotate images on webpages.

Server Switcher - Easily switch between your development and live servers.

Small Screen Renderer - Turn your Firefox into a cellphone browser. It adds a new menu entry “Small Screen Rendering” under the View menu. Just select it to have the page you are currently browsing redisplayed in a cellphone.

SQL Injection - it is a component to transform checkboxes, radio buttons, select elements to a input text and enable disabled elements from all forms in a page. It makes easier to test and identify SQL injection vulnerabilities in web pages.

ViewSourceWith - The main goal consists to view page source with external applications.

Web Developer - Adds a menu and a toolbar with various web developer tools.

Window Resizer - Resize your browser to various standard resolution sizes.

Lynx Browser -  Lynx Text Browser helps in understanding better text to code ratio.

yExplore - yExplore adds quick access to Yahoo Site Explorer. Just right click, select yExplore and the URL will be passed to Yahoo Site Explorer in a new tab.

YSlow - YSlow analyzes web pages and tells you why they’re slow based on Yahoo’s rules for high performance web sites.

Stylish - Customize the look of the application and of websites with Stylish, a user styles manager.

List All Images - List url, size and dimension properties for all images of a page.

Thats it for now - Its a long post. Hope everyone benefits from this. Hope to know many more of such stuff from you people.

posted under Latest News | 1 Comment »
Newer Entries »