Cool Web Design Tricks 1 – Shadows Down the Outsides of Your Webpage

Ever wondered how to get those neat shadows along the edges of your webpage to give it that slick three-dimensional look? Read on and let me explain exactly how to do it the easy way.

A good place to begin this tutorial is at the very beginning as Mary Poppins would probably have said.

Let’s imagine that you have made your webpage or are in the process of making it with css. You’ve decided to create the page 780px wide and centered it on screen. You have made the background either side of the webpage a light gray.

For the sake of this article I am going to assume that your main page style is called.wrapper and that you have created the wrapper div in the body.

It looks okay I suppose but how much better would it look if it had a shadow along the length of either side of your white page?

I am going to refer to Photoshop in this tutorial mainly because it’s something I use but I assume you could use almost any image editor and adapt the following information to suit.

Start Photoshop. Create a new file and create it 820px wide and 200px high. The height is simply to make sure we can see what we’re doing but the width is 40px wider than our page – 780px plus 20px on both sides.

Color the whole background light gray so that it is exactly the same color as the background on our web page.

Create a new layer and with the rectangle marque tool create a rectangle over the gray background 780px by 100px high, color it black.

Now go to select and choose all. Go to Layer and choose Align Layers to Selection – Horizontal Centers. This will shift your black rectangle to the centre of the background from left to right, the top and bottom doesn’t matter.

Select the black rectangle layer. Double click the thumbnail or open the blending options any other way you prefer. Go to Outer Glow, set the screen mode to normal, set the opacity to about 70%. Make the size 20px which is the width each side of the rectangle. And in the colored square click and select black from your swatch.

Your graphic should now be 820px wide with a black rectangle 780px wide in the center with blurry sides.

OK the blending panel to close it. Now the good bit, if your picture has dotted lines all around it press ctrl d to get rid of them, now go to Layers – Flatten Image.

Choose the cropping tool and crop a region the entire width of your graphic and also as narrow as you easily can. Press enter to verify the selection and you’ll be left with a wide strip of your image.

Go to File – Save As and save it as a jpg file. Go back to your page and add the graphic.

To include it you must wrap your wrapper div with shadow div. In the css add

Place the closing div following the closing wrapper div.

At this point add this to your css:

.shadow
background-image: url(xxxxx.jpg);
width: 820px;
margin: 0 auto 0 auto;
The curly braces don’t show in this article but I am sure you realize that they belong at the beginning and end of each style.
You should have the white page 780px wide centered in the monitor using a gray background each side with an awesome shadow running down either side of your web page.

I hope you liked this quick hint, watch out for more soon.

Points to Remember in Web Design

The internet is the new corner of the world where everyone is in. Web design brings in a lot of quality to how people appreciate data placed on the internet.

Here are the three things you should remember when you do web design:

1. The proper arrangement of the pages and the way the information is presented should complement the kind of population that is intended for that page. Understanding the project you are in will help you come up with the right ideas for the design. Every detail must be precise. From the color of the background to the size of the pictures and even the right set of animations for each page. The best thing to do is create a dummy design and see how each of your idea goes with the concept. You should also take into consideration the amount of web experience your expected audience have and the information preferences as well.

2. Make sure that your website is accessible and user-friendly. Use universal computer languages (HTML, CSS, XML, etc) to ensure that the page would be useful to everyone. Using complicated languages might cause data error when the website is viewed by someone who isn’t using a computer that supports the language you are using. Always make sure that the labels of your hyperlinks make sense. Also try to create text equivalents to non-text components.

3. Always specify the restrictions of the site you are creating. There are already several web explorers out there (eg. Internet Explorer, Mozilla Firefox, Google Chrome, Rockmelt, etc); understanding the specifications of each browser would help you do a proper web design. Doing a little research on which of the browser responds the best to the design you are creating may also help to. If in any case, the page you have created cannot be compatible with other browsers, then you should make sure that you indicate the limitations of the site when using other browsers.

A lot of the other things that you would learn from web design, you will learn during the actual procedure of designing a creation. The best thing about being a part of the design team is that you get to be innovative and you get to learn new stuff everyday about how to improve your work. Every day, new web design tricks are being introduced to the internet population, understanding your audience, embracing the language and specifying the restrictions would help you steer towards success in effective web design.

Books and Ghostwriter Books and Magazines Accessories For You Clothes and Accessories Clothing Swap Parties Mens Designer Communications Business Telecommunication Recycling Key Safety and Security Personal Safety Cloud Computing Safety Stay Safe Online Financial Services Sector Arguments For Investing Banking and Financial Business Financial Services Financial Institutions Investing in Farm Popular Outdoor Gateway to Recreation Advertise Any Business Advertising Institute Internet Advertising Android Advertising Web Site Advertising Advertising Techniques Outdoor Toys Product Costing Viral Marketing Product Assembly Service Hardwood Floor Retail Distribution Promoting Products Make Money Essential Marketing Best Web Designer Web Design Tricks Good Web Design Web Design Service Online Web Design Web Design Program Photography Contest Photography Lens Baby Photography Photography Resource Photography Tutorials Wedding Traditions Wood Flooring Ideas My Country Home Popular Home Styles Classic Home Style Wood Kitchen Carts Interior Home Design Fitness Equipment Fitness Center Fitness And Nutrition Fitness Clothing Fitness Degrees Fun Games For Kids Fun Games To Play Fun Games For Adults Fun Game Barbie Fun Game Challenges Sports Centre Sports Equipment Web Hosting Company Web Hosting Rates Cheap Internet Hosting Reseller Web Hosting Discover Internet Resources Strategies For Writers Top Internet Resources Importance of Branding Like E-Commerce Sites Social Commerce Commerce Review Sell Your E-book Self Publishing Book Public Libraries Higher Education Sector Quality Education Public Education Campus Education Own Estate Agent Real Regency Enjoy a Regency Home Improvement Gardening Tips Home Remodeling living Rooms Decorating Balcony Spaces All Medicine Reviews Should Health Care Health Care Costs Art and Hobbies Athens Art and Design Art and Culture Creative Hobbies shopping for clothes shopping garden shopping holidays motorcycles explained motorcycles equipment automobiles online livestock management livestock marketing Imperial Gardens Apartments Employer Services Online Business Consultants Small Business Trends advocate rates Heating Systems Home Automation Home Security Products Home Automation System Building Supplies Building Designer Building Consultants Bathroom Accessories Appliance Repairs trauma divates Personal Product Floor Coating Products Furniture Removal Garden Maintenance Garden Designer Interior Designer Interior Decorating Kitchen Design Landscape Construction Landscape Design Project Management Landscaping Patio Cover Installations photo diary inmates Home Access Control Home Alarm Systems Home Intercom Systems Home Security Card Access Plumbing Installation Home Entertainment System Home Improvement Mistakes Home Improvement Leads Home Improvement Tips Home Improvement Grants Home Improvement Stores Home Improvement Projects Green Home Improvements Advantages Ecommerce Benefits of Ecommerce Best Laser Printer Color Laser Printers Compare Laser Printers Dictionary Ecommerce Ecommerce and Internet Ecommerce Definition Ecommerce Information ecommerce website services Distributed File System The Politics Nation Software Technology Technology Applications Shipping Software Solutions Best games for Android Download Free Games Best Logistics Software Free Mobile Games Download Free Games Free Online Slots Games Shooting Simulator Shooting Simulator Game Web Development Webshop Seo Web Marketing Web Tool Development Websites cheap price Free Web Design SEO Consulting Services Web Marketing Web Design Web Design projects Web Developers The Complete Web Developer Web Design Jobs Online Online Web Development Course web design agency Best Web Agencies Websites Best Website Designing Service Web Design Company luxury condos Commercial Property For Sale Commercial Real Estate Commercial property Apartments for rent apartment finder service Find Apartments for Rent Apartment Luxury Homes Real Estate Developments Mortgage Rates Best Mortgage Rates Find a Home Inspector Online Home Inspector Patio Furniture Home and Patio Decor Center Home Patio Better Home Products home product business Home Remedies Kitchen Appliances Online Home Security Systems The Best Smart Home Security Systems Wireless Home Security Systems Home Design Ideas Home Decorating Ideas interior design ideas bedroom Bedroom Designs Small Bedroom Designs cheap insurance drivers cheap auto insurance view car insurance rates Law Firms Compare Lawyers The Lawyer Careers Commercial Lawyer Information About Lawyer Attorneys Personal Injury Lawyers Family Law business attorneys Woman Lawyer Black Lawyer Lawyer Definition Bankruptcy Lawyers employment law foreclosure law green law Business Law Attorneys Special Education Law Sex Crimes Law The Law of Theft Crime The Law of Drug Crime Embezzlement Law Law of Domestic Violence Law of Violent Crime Gun Crime Law The Law of Teen Crimes Murder Law The Lawyer The Business Law Legal Information Attorney Best Lawyers The Best Advice Lawyer Lawyer Requirements Lawyer Employment Law Reports Best Lawyers Justice Laws Website The Law Society Justice Law Limited Personal Injury Lawyer Justice and Law Studies The Justice Law Group Law and Justice Division Justice and legal Commercial lawyer Corporate Commercial Law Criminal Justice Degree Schools Criminal Justice Online Degree Programs School of Criminal Justice Legal Information General Medical Care Medical Physicals Immunizations Medical Checkups Specialist Referrals Family Nurse Practitioners Family Medicine Internal Medicine Pediatrics Behavioral Health General Family Dentistry Dental Services Cleaning Dental Services Extractions Dental Services Crowns and Caps Dental Services Root Canals Dentures and Partials Pediatric Dental Clinic Dental Health Services General Dentistry Journal of International Dental medical and dental Dental Managers Association Dental Plans Dental Practitioners Council Dental Clinic Dental Medicine Community Health Services New Patient Packet Medical Professionals Web Development Webshop Seo Web Marketing Web Tool Development Websites cheap price Free Web Design SEO Consulting Services Web Marketing Web Design Web Design projects Web Developers The Complete Web Developer Web Design Jobs Online Online Web Development Course web design agency Best Web Agencies Websites Best Website Designing Service Software Iphone Wedding Planning Wedding Planning Guide Wedding Websites wedding planning tips Small Wedding Planning Wedding Wedding Ideas Virgin on Wedding Night wedding definition quotes wedding definition of marriage find the meaning of wedding Wedding Planning Wedding Planning Guide Wedding Websites Technology Applications Phone System Software Information Technology Spy Phone Technology download Smartphone Spy Phone Technology Logistics Software Systems Software Developers Systems Software Developers Software Engineer Software Developer Education Car Insurance Compare Cheap Car Insurance Cheap Car Insurance Insurance Company International Life Insurance Insurance policy financial Commercial Insurance Principles of Insurance Food and Nutrition Success Business Marketing and Promotion Amelia Island Living Fashion Art Music Travel and Leisure Education Certified Business Travel Global Marketing Technologies Contractor Business Systems Guide to Health Care Quality Holiday Activity Guide Clean Water for Health Quotes About Education Online Fashion Shopping Guide Alternative Health Care Network Society Gambling Experts Medical Insurance Expert Financial Advice Sports Authority Business Systems Online Business and Government digital marketing social media marketing starting a business business ideas small business ideas online business Commercial Property For Sale Apartments for rent Real Estate Developments Mortgage Rates Home Improvement Contractor Carpet Cleaning Equipment Bets Home Improvement Better Homes and Gardens Home Improvement Projects Bathroom Addition Home Improvement Ideas Home Remodeling Vehicle Electrical System Auto Parts and Service European Vehicle Market Auto Parts Web Marketing Marketing Concept Affiliate marketing Smart Affiliate Marketing Strategies Best Affiliate Programs Digital marketing Internet Marketing Services Free Online Slots Games Download Free Games Shooting Simulator Game Online Educational Games Best games for Android Online Games For Kids Free Online Learning Games and Apps Free Online Games Women's Clothing Clothing Online Wholesale Handbags Online Dresses Shopping Shop Wedding Dresses Online Shopping Electronics The Lawyer Bankruptcy Lawyer Law Firms Insurance Coverage Compare Cheap Car Insurance Cheap Car Insurance Affiliate Widget Binary Digits Digital marketing Internet Marketing Services affiliate strategy download automated trading program Binary Options Trading Binary options robot software New Binary Options Software Auto Trading Auto trading software Marketing strategy Commercial Insurance Principles of Insurance Central Insurance Companies health insurance companies Life Insurance Plans Simulation Games Android Simulation games Top Flight Simulation Games Funny Games Mobile Fun Games Download App Games‎ best free iPhone games Top Grossing iPhone Games Apps and Games Android Apps and Games Top free simulation games Simulation Games Android Simulation games General Products digital marketing social media marketing starting a business business ideas small business ideas online business marketing strategies online marketing internet marketing marketing strategy business strategy marketing companies online business ideas business marketing seo marketing seo optimization search engine marketing small business marketing business website own business business investment marketing ideas website marketing online marketing company how to promote your business business advertising small business website how to market your business internet marketing company small business owner small investment business best online business business promotion online marketing agency small business seo local marketing small business advertising small business plan best small business invest in business marketing ideas for small business business to business marketing marketing strategies for small business internet marketing strategies marketing online seo marketing companies advertise my business best way to advertise social media for small business seo business online marketing services best way to advertise your business business and marketing online marketing strategies best business plan ways to advertise promote your business marketing your business best businesses to own advertise your business small business marketing consultant online marketing business small business advertising ideas best small business websites small business online marketing business plan starting a website business promote my business local business marketing small business marketing company digital marketing for small businesses ways to promote your business local internet marketing small business strategy best way to market your business marketing plan for small business online marketing for small business small business branding ways to advertise your business best seo companies for small business small business seo company ways to market your business best advertising for small business business promotion ideas make a business website small business marketing services best way to advertise small business internet marketing for small business start a small business online internet marketing business best way to promote your business business advertising ideas how to market my business small business promotion digital marketing businesses business marketing services marketing tools for small business marketing a new business business marketing ideas small business marketing agency online advertising business promote business online small business marketing firms marketing strategies for business business search engines market your business small business marketing help business i can start small business promotion ideas small business search digital marketing business Business Ownership Ideas Business Business Trends Business Mistakes business meetings Business Mastery Business World Bookkeeping Business Mobile Business Ideas Small Business Grant Business Brokers Small Business Brokers Business Development Global Businesses Best Business Business Magazines small business business plan Free Business Plan How to write a business plan Business Planning Business Brokers Small Business Services Online Business Services Online Services for Businesses Employer Services Online Business Consultants Business Online Payment Service Business services online affiliate Business service management Department of Small Business business services industry Small Business Trends Small Business News Small Business Advice Tips Small Business Small Business Banking Accounts Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Online Product Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Sell Products Online Luxury Homes Legal Information insurance premium Marketing Strategy E-Commerce Technology Internet Marketing Services Glass Shower Screens Top Room Flooring Homes and Gardens Building Online Courses The Best Carpet Cleaner Attorney Accessories Online Shopping Bedroom Designs Home Remedies Patio Furniture Online Home Inspector Apartment Home Landscaping Project Automotive Electrical Systems Online Boat Games Shopping for Fashion Clothes Lawyer a Debt Collector The Best Online Binary Insurance policy financial Find a Life Insurance Policy auto insurance companies Games App Hotel and Travel Vacations and Travel Deals Cheap Hotels Travel Tips Travel Guides Travel Information Cheap Flight and Hotel Packages‎ Trip Travel Insurance Compare Cheap Holiday Travel Insurance Find Cheap Hotel Discounts Cheap Hotels and Flights Best Restaurants Chinese restaurants Vegetarian Restaurants Hotels And Resorts Best Hotel Restaurant Travel Information Cheap Flight and Hotel Packages‎ Trip Travel Insurance Compare Cheap Holiday Travel Insurance Find Cheap Hotel Discounts Cheap Hotels and Flights Vacations and Travel Deals Cheap Hotels Travel Tips Travel Guides Travel Insurance Find Cheap Hotel Discounts Hotel and Travel Vacations and Travel Deals Cheap Hotels Travel Tips Travel Guides Travel Information Cheap Flight and Hotel Packages‎ Trip Travel Insurance Compare Cheap Holiday Travel Insurance Find Cheap Hotel Discounts Cheap Hotels and Flights Best Restaurants Chinese restaurants Vegetarian Restaurants Hotels And Resorts Best Hotel Restaurant Travel Information Cheap Flight and Hotel Packages‎ Trip Travel Insurance Compare Rates Personal Loans With Bad Credit Online Loans Personal Loans Guide Debt Consolidation Online Find a Personal Loan Debt Consolidation Services Car Insurance Home Security Home Warranties Life Insurance Medical Alerts Mortgage Rates Mortgage Refinance Personal Loans Pet Insurance Reverse Mortgages Tax Relief insurance premium Insurance Compare Cheap Car Insurance Cheap Car Insurance Insurance Coverage Insurance Company International Life Insurance Insurance policy Life Insurance Plans Insurance policy financial Commercial Insurance Principles of Insurance Find a Life Insurance Policy Car Insurance Central Insurance Companies list of insurance companies auto insurance companies health insurance companies Life Insurance Plans Insurance policy financial Commercial Insurance Web Development Webshop Seo Web Marketing Web Tool Development Websites cheap price Free Web Design SEO Consulting Services Web Marketing Web Design Web Design projects Web Developers The Complete Web Developer Web Design Jobs Online Online Web Development Course web design agency Best Web Agencies Websites Best Website Designing Service Web Design Company Free Software Download Software Top Free Software Downloads Computer Software Review Software Programs Online Video Converter Software Mp3 Converter Software Music Editing Software DVD Burning Software Video Editor Software Video Capture Software Invoicing Software Multitrack Mixing Software Checkbook Software Photo Editing Software Zip Software Image Converter Software Business Software Recording Software Audio Tools Dictation & Typist Webcam Software FTP Software Accounting Software Invoice Software Inventory Software Flowchart Software Home Software Software Utilities FTP Software Dictation Software Phone System Software Converting Software Personal Finance Software Business Card Software Inventory Management Software Related Software Inventory Software Document Converter opportunity business business insider business ideas starting a business small business ideas business casual fashion world fashion bible fashion jobs fashion designer fashion art fashion apps fashion advice fashion brands fashion books fashion buyer fashion courses fashion capital fashion clothes fashion dresses fashion events fashion editor fashion fair fashion history fashion ideas fashion industry Veterinary Products Animal Feed Supplement Pet Shampoo Pet Collars Veterinary Drugs Pet Leads Veterinary Instrument Animal Feed Supplement Animal Calcium Supplement Antioxidant Supplement Pet Collars Chain Collar Flat Collars Pet Collars By Material Pet Care Products Shipping Software Solutions World Wide Technology List of Information Technology Master of Technology in IT Software Quantum Digital Forensics Forensic Technology Software Reference Library What Is Technology World Wide Technology List of Information Technology IT Staffing and Solutions Master of Technology in IT Software Quantum Digital Forensics Forensic Technology Software Reference Library teachers for technology Science Education Cell Phone Monitoring Software Software Technology Technology Applications Best Application Comparison Technology Definition Technology in Business Technology in Education Technology in Medical Technology Software What Is Technology Technology Software the best online casino online casino games Best Gaming Experience Play Online Casino Games Online Casino Gambling Casino best casino gambling Slots gambling Online Casino Reviews The Best Online Casino Play Online Casino Games Play Online Casino Play Online Pokies Real Money Slots Online Slots and Casino Play Online Slots Real Money Casinos Play Slot Machines Online Real Casino Jackpot Party Casino Slots Real Casino Slots Apps Online Lottery Games Heating Systems Home Automation Home Security Products Home Automation System Building Supplies Building Designer Building Consultants Bathroom Accessories Appliance Repairs Equipment Hire Extensions & Additions Floor Coating Products Furniture Removal Garden Maintenance Garden Designer Interior Designer Interior Decorating Kitchen Design Landscape Construction Landscape Design Project Management Landscaping & Gardening Patio Cover Installations Tile Suppliers Home Access Control Home Alarm Systems Home Intercom Systems Home Security Card Access Plumbing Installation Home Entertainment System Home Improvement Mistakes Home Improvement Leads Home Improvement Tips Home Improvement Grants Home Improvement Stores Home Improvement Projects Green Home Improvements real estate houses for sale property for sale property sales buying a house homes for rent commercial building rental properties commercial real estate commercial property real estate property real estate companies apartments for sale real estate business business property commercial space house real estate real estate listings house listings education law education loan education library service education meaning education personnel education technology Natural Health Magazine Bedroom Designs interior design ideas bedroom Premature ejaculation Health Tonics Herbs Natural Health Magazine Electrical System Vehicle The Shop Bulk Online Premature ejaculation www.777chat.info www.777good.info www.twshowkiss.info www.twtalk080.info www.twavtalk.info www.twshowlove.info www.twavsexy.info www.twavroom.info www.twavmovie.info www.twsexy888.info www.twsexyadult.info www.adult506.info The Legal Adviser www.twavshow.info www.twavnice.info www.asia222.info lawyer Legal advisor The Lawyer Portal good tube Drug Abuse Information Travel Guides Hotel and Travel Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers Find Web Developers