Web Design for Developers

Total Page:16

File Type:pdf, Size:1020Kb

Web Design for Developers What Readers Are Saying About Web Design for Developers This is the book I wish I had had when I started to build my first web- site. It covers web development from A to Z and will answer many of your questions while improving the quality of the sites you produce. Shae Murphy CTO, Social Brokerage As a web developer, I thought I knew HTML and CSS. This book helped me understand that even though I may know the basics, there’s more to web design than changing font colors and adding margins. Mike Weber Web application developer If you’re ready to step into the wonderful world of web design, this book explains the key concepts clearly and effectively. The comfortable, fun writing style makes this book as enjoyable as it is enlightening. Jeff Cohen Founder, Purple Workshops This book has something for everyone, from novice to experienced designers. As a developer, I found it extremely helpful for my day-to- day work, causing me to think before just putting content on a page. Chris Johnson Solutions developer From conception to launch, Mr. Hogan offers a complete experience and expertly navigates his audience though every phase of develop- ment. Anyone from beginners to seasoned veterans will gain valuable insight from this polished work that is much more than a technical guide. Neal Rudnik Web and multimedia production manager, Aspect This book arms application developers with the knowledge to help blur the line that some companies place between a design team and a development team. After all, just because someone is a “coder” doesn’t mean he or she can’t create an attractive and usable site. Jon Kinney Ruby on Rails architect, Avastone Technologies Web Design for Developers emphasizes practical, easy-to-master tech- niques. Achieving a professional look is possible, even by those whose idea of symmetry is a balanced set of curly braces. Craig Castelaz Principle software engineer, at a mind-boggling immense software company Web Design for Developers A Programmer’s Guide to Design Tools and Techniques Brian P. Hogan The Pragmatic Bookshelf Raleigh, North Carolina Dallas, Texas Many of the designations used by manufacturers and sellers to distinguish their prod- ucts are claimed as trademarks. Where those designations appear in this book, and The Pragmatic Programmers, LLC was aware of a trademark claim, the designations have been printed in initial capital letters or in all capitals. The Pragmatic Starter Kit, The Pragmatic Programmer, Pragmatic Programming, Pragmatic Bookshelf and the linking g device are trademarks of The Pragmatic Programmers, LLC. Every precaution was taken in the preparation of this book. However, the publisher assumes no responsibility for errors or omissions, or for damages that may result from the use of information (including program listings) contained herein. Our Pragmatic courses, workshops, and other products can help you and your team create better software and have more fun. For more information, as well as the latest Pragmatic titles, please visit us at http://www.pragprog.com Copyright © 2009 Brian P. Hogan. All rights reserved. No part of this publication may be reproduced, stored in a retrieval system, or transmit- ted, in any form, or by any means, electronic, mechanical, photocopying, recording, or otherwise, without the prior consent of the publisher. Printed in Canada. ISBN-10: 1-934356-13-1 ISBN-13: 978-1-9343561-3-5 Printed on acid-free paper. P1.0 printing, December 2009 Version: 2009-12-15 Contents 1 Introduction 13 1.1 Before We Get Started... .................. 13 1.2 The Design Process in Action ............... 14 1.3 YourFoodbox.com ...................... 16 1.4 Ready to Go? ......................... 17 1.5 Acknowledgments ...................... 17 I The Basics of Design 19 2 The Basics of Site (Re)design: Redesigning Foodbox 20 2.1 The Existing Site ...................... 20 2.2 Gathering Requirements .................. 23 2.3 Know Your Purpose ..................... 24 2.4 Where to Go from Here ................... 26 2.5 Sketching Your Ideas .................... 27 2.6 Sketch Selection ....................... 31 2.7 Summary ........................... 31 3 Choosing Colors 33 3.1 The Basics of Color ..................... 33 3.2 Color Context ........................ 36 3.3 Evoking Emotion with Color ................ 37 3.4 Color Schemes ........................ 41 3.5 The Web-Safe Color Palette ................ 46 3.6 Building Color Schemes .................. 47 3.7 Choosing Your Scheme ................... 58 3.8 Summary ........................... 61 CONTENTS 8 4 Fonts and Typography 62 4.1 Font Anatomy ........................ 62 4.2 Font Types .......................... 63 4.3 Dealing with Font Limitations ............... 65 4.4 Selecting Our Fonts ..................... 69 4.5 Using the Baseline Grid .................. 71 4.6 Summary ........................... 76 II Adding Graphics 77 5 Designing the Foodbox Logo 78 5.1 Setting Up a Working Folder ................ 78 5.2 The Foodbox Logo ...................... 79 5.3 What If We Need to Create Our Own Logo? . 84 5.4 Summary ........................... 85 6 Design Mock-up: The Structure 86 6.1 A Bit About Layers ..................... 86 6.2 The Basic Structure .................... 87 6.3 Placing the Logo ....................... 93 6.4 Organizing Our Composition with Layer Groups . 94 6.5 Adding a Reflection to Our Logo ............. 94 6.6 The Footer .......................... 96 6.7 Wrapping Up ......................... 96 7 Design Mock-up: The Content 97 7.1 Creating the Search Box .................. 97 7.2 The Browse Recipes Tag Cloud .............. 99 7.3 Scope Creep ......................... 100 7.4 Mocking Up a Tasty Masthead .............. 100 7.5 Main Content ........................ 103 7.6 Simulating the Browser .................. 104 7.7 Summary ........................... 106 Report erratum this copy is (P1.0 printing, December 2009) CONTENTS 9 8 Putting the Finishing Touches on the Mock-Up 107 8.1 Creating the Search Icon .................. 107 8.2 Creating the Sign-up and Login Buttons ........ 112 8.3 You’ve Got Content! ..................... 115 8.4 Summary ........................... 117 III Building the Site 118 9 Building the Home Page with HTML 119 9.1 Working with Web Standards ............... 120 9.2 The Home-Page Structure ................. 121 9.3 Semantic Markup ...................... 122 9.4 The Home-Page Skeleton .................. 124 9.5 The Header .......................... 134 9.6 The Sidebar ......................... 135 9.7 The Main Content ...................... 141 9.8 The Footer .......................... 145 9.9 Validating Your Markup .................. 149 9.10 HTML 5 ............................ 151 9.11 Summary ........................... 154 10 Creating Assets from Our Mock-Up 155 10.1 Graphics Optimization ................... 155 10.2 Dealing with Different Graphics Formats ........ 157 10.3 Slicing Up Our Document ................. 161 10.4 Creating Slices ....................... 161 10.5 Extracting the Banner as a Transparent PNG . 164 10.6 Exporting the Rest of the Elements ............ 166 10.7 Summary ........................... 167 11 Defining Your Layout with CSS 168 11.1 Browsers Are Awful ..................... 168 11.2 The Basics of CSS ...................... 169 11.3 How Browsers Use CSS .................. 175 11.4 Creating and Linking a New CSS Style Sheet . 178 11.5 Defining the Basic Structure, Header, and Footer . 179 11.6 Turning One Column into Two .............. 184 11.7 Applying Margins to Content ............... 189 11.8 Main Content ........................ 190 11.9 Revisiting the Footer .................... 193 11.10 Summary ........................... 193 Report erratum this copy is (P1.0 printing, December 2009) CONTENTS 10 12 Replacing the Section Headings Using the Cover-up Method 194 12.1 The Cover-up Method Explained ............. 194 12.2 Preparing the HTML to Be Replaced ........... 194 12.3 Covering the Text ...................... 195 12.4 Replacing the Other Headings ............... 195 12.5 Replacing Links ....................... 197 12.6 Downsides of This Method ................. 198 12.7 Summary ........................... 198 13 Adding Styles 199 13.1 Setting Up the Colors and Fonts ............. 199 13.2 The Tag Clouds ....................... 202 13.3 The Search Form ...................... 203 13.4 The Footer .......................... 204 13.5 Cleaning Up Some Loose Ends .............. 204 13.6 Summary ........................... 206 14 Making a Printer-Friendly Page 207 14.1 Preparing for Print ..................... 207 14.2 Linking a Print Style Sheet ................ 208 14.3 Removing Unnecessary Elements ............. 208 14.4 Setting Margins, Widths, and Fonts ........... 209 14.5 Fixing Links ......................... 210 14.6 Dealing with Surprised Users ............... 212 14.7 Summary ........................... 213 IV Preparing for Launch 214 15 Working with Internet Explorer and Other Browsers 215 15.1 Deciding What to Support ................. 215 15.2 Browser Statistics ...................... 217 15.3 Internet Explorer: The Evil You Can’t Ignore . 217 15.4 Internet Explorer 7 ..................... 219 15.5 Internet Explorer 6 ..................... 220 15.6 Internet Explorer 8 ..................... 226 15.7 Other Browsers ....................... 227 15.8 Summary ........................... 228 Report erratum this copy is (P1.0 printing, December 2009) CONTENTS 11 16 Accessibility and Usability 229 16.1 What Does Accessibility Mean to You?
Recommended publications
  • Full Circle Magazine #33 Contents ^ Full Circle Ubuntu Women P.28
    full circle ISSUE #33 - January 2010 CCRREEAATTEE AA MMEEDDIIAA CCEENNTTEERR WWIITTHH UUBBUUNNTTUU,, AANN AACCEERR RREEVVOO && BBOOXXEEEE full circle magazine #33 contents ^ full circle Ubuntu Women p.28 Program In Python - Pt7 p.08 Ubuntu Games p.31 My Story p.19 MOTU Interview p.24 Read how Ubuntu is used in public education, and why one man made the switch to Linux. Ubuntu, Revo & Boxee p.13 Command & Conquer p.05 The Perfect Server - Pt3 p.15 Review - Exaile p.23 Letters p.26 Top 5 - Sync. Clients p.35 The articles contained in this magazine are released under the Creative Commons Attribution-Share Alike 3.0 Unported license. This means you can adapt, copy, distribute and transmit the articles but only under the following conditions: You must attribute the work to the original author in some way (at least a name, email or URL) and to this magazine by name ('full circle magazine') and the URL www.fullcirclemagazine.org (but not attribute the article(s) in any way that suggests that they endorse you or your use of the work). If you alter, transform, or build upon this work, you must distribute the resulting work under the same, similar or a compatible license. full circle magazine #33 contents ^ EDITORIAL This magazine was created using : Welcome to another issue of Full Circle magazine. ast month, Andrew gave us his Top 5 Media Center applications. This month I've written a How-To on using Ubuntu on an Acer Aspire Revo to create the foundation for Boxee. For under £150 I've created a fantastic media center L which not only looks great, it's fully customizable! That's my media center story, but don't forget to read the My Story articles which this month focus on Ubuntu, Linux and open-source in public education, as well as how one man went from using old (modern at the time) computers, to using Ubuntu.
    [Show full text]
  • TEAM Ling Linux Shell Scripting with Bash
    TEAM LinG Linux Shell Scripting with Bash This Book Is Distributed By http://pdfstore.tk/ Please Make Sure That This E-Book Dont Have Any Or Damage This will cause you Missing Pages And Missing Tutorials.www.pdfstore.tk will automaticly `check . is this book is ready for read Attention :- Before You read this Book Please Visit www.pdfstore.tk and check you can Free Download any kind of Free matirials from www.pdfstore.tk web site TEAM LinG Linux Shell Scripting with Bash Ken O. Burtch DEVELOPER’S LIBRARY Sams Publishing, 800 East 96th Street, Indianapolis, Indiana 46240 Linux Shell Scripting with Bash Acquisitions Editor Scott Meyers Copyright © 2004 by Sams Publishing All rights reserved. No part of this book shall be reproduced, stored Managing Editor in a retrieval system, or transmitted by any means, electronic, Charlotte Clapp mechanical, photocopying, recording, or otherwise, without written Project Editor permission from the publisher. No patent liability is assumed with Elizabeth Finney respect to the use of the information contained herein.Although every precaution has been taken in the preparation of this book, the Copy Editor publisher and author assume no responsibility for errors or omis- Kezia Endsley sions. Nor is any liability assumed for damages resulting from the use Indexer of the information contained herein. Ken Johnson International Standard Book Number: 0-672-32642-6 Proofreader Library of Congress Catalog Card Number: 2003112582 Leslie Joseph Printed in the United States of America Technical Editor First Printing: February 2004 John Traenkenschuh 07060504 4321 Publishing Coordinator Trademarks Vanessa Evans All terms mentioned in this book that are known to be trademarks Multimedia Developer or service marks have been appropriately capitalized.
    [Show full text]
  • A Mean-Line Model to Predict the Design Performance of Radial Inflow Turbines in Organic Rankine Cycles
    UNIVERSITÀ DEGLI STUDI DI PADOVA DIPARTIMENTO DI INGEGNERIA INDUSTRIALE CORSO DI LAUREA MAGISTRALE IN INGEGNERIA ENERGETICA TECHNISCHE UNIVERSITÄT BERLIN INSTITUT FÜR ENERGIETECHNIK Tesi di Laurea Magistrale in Ingegneria Energetica A MEAN-LINE MODEL TO PREDICT THE DESIGN PERFORMANCE OF RADIAL INFLOW TURBINES IN ORGANIC RANKINE CYCLES Relatori: Prof. Andrea Lazzaretto Prof.ssa Tatjana Morozyuk (Technische Universität Berlin) Correlatore: Ing. Giovanni Manente Laureando: ANDREA PALTRINIERI ANNO ACCADEMICO 2013/2014 ii Abstract This Master Thesis contributes to the knowledge and the optimization of radial inflow turbine for the Organic Rankine Cycles application. A large amount of literature sources is analysed to understand in the better way the context in which this work is located. First of all, the ORC technology is studied, taking care of all the scientific aspects that characterize it: applications, cycle configurations and selection of the optimal working fluids. After that, the focus is pointed on the expanders, as they are the most important components of this kind of power production plants. Nevertheless. Their behaviour is not always wisely considered in an organic vision of the cycle. In fact, it has been noticed that mostly literature concerning the optimization of ORC considers the performances of the expander as a constant, omitting in this way an essential part of the optimisation process. Starting from these observations, in this Master Thesis radial inflow turbines are carefully analysed, performing a theoretical investigation of the achievable performance. Starting from a critical study of publications concerning the design of radial expanders, a theoretical model is proposed. Then, a design procedure of the geometrical and thermo dynamical characteristics of radial inflow turbine operating whit fluid R-245fa is implemented in a Matlab code.
    [Show full text]
  • Multimedia Foundations Glossary of Terms Chapter 8 – Text
    Multimedia Foundations Glossary of Terms Chapter 8 – Text Ascender Any part of a lowercase character that extends above the x-height, such as in the vertical stem of the letter b or h. Baseline And imaginary plane where the bottom edge of each character’s main body rests. Baseline Shift Refers to shifting the base of certain characters (up or down) to a new position. Capline An imaginary line denoting the tops of uppercase letters. Counter The enclosed or partially enclosed open area in letters such as O and G. Descender Any part of a character that extends below the baseline; such as in the bottom stroke of a y or p. Flush Left The alignment of text along a common left-edged line. Font Family A collection of related fonts – all of the bolds, italics, and so forth, in their various sizes. Gridline A matrix of evenly spaced vertical and horizontal lines that are superimposed overtop of the design window as a visual aid for aligning objects. Justification The term used when both the left and right edges of a paragraph are vertically aligned. Kerning A technique that selectively varies the amount of space between a single pair of letters and accounts for letter shape; allowing letters like A and V to extend into one another’s virtual blocks. Leading A term used to define the amount of space between vertically adjacent lines of text. Legibility Refers to a typeface’s characteristics and can change depending on font size. The more legible a typeface, the easier it is at a glance to distinguish and identify letters, numbers, and symbols.
    [Show full text]
  • CCS1-Ebook-Preview.Pdf
    creativeCOLOR SCHEMES 75 Stunning color schemes, ready for 75 COLOR SCHEMES FOR PRINT use in publication, 75 COLOR SCHEMES FOR THE WEB graphic, web site, presentation, and multimedia design Thawatchai Srisuthep creativecolorschemes.com creativeCOLOR SCHEMES Creative Color Schemes Interactive eBook (PDF) English edition 1.2 2009 (Printable) For ebook updates and paper version, please visit creativecolorschemes.com ; the creative guide creative COLOR SCHEMES CREATE & DESIGN by Published by THAWATCHAI SRISUTHEP The Creative Guide Copyright © 2009 Thawatchai Srisuthep 134/118 Burasiri Village, Nonthaburi Rd. Muang, All rights reserved. No part of this Nonthaburi, Thailand. 11000 publication may be reproduced, stored Tel: +668 1918 2300 in a retrieval system or transmitted in any form or by any means, electronic, +66 2192 0680 mechanical, photocopying, recording Fax: +66 2967 0440 or otherwise, without the prior written permission of the copyright holder. Contact More information & Inquire & book updates please write to: please visit: [email protected] www.creativecolorschemes.com 2 creative COLOR schemes creative color schemes 75 Color Schemes for Print 75 Color Schemes for the Web Color is one of the most important elements in modern design. Besides the aesthetic beauty of color, proper use of color will significantly help convey messages as well as impress people. Have you ever had trouble with color like these? ; Do not know which colors to use for your work. ; Do not know which colors should be used together to get a harmonious effect. ; Always use the same basic colors every time in your design because you have no time to look for new colors. ; Waste too much time selecting colors.
    [Show full text]
  • Web Typography │ 2 Table of Content
    Imprint Published in January 2011 Smashing Media GmbH, Freiburg, Germany Cover Design: Ricardo Gimenes Editing: Manuela Müller Proofreading: Brian Goessling Concept: Sven Lennartz, Vitaly Friedman Founded in September 2006, Smashing Magazine delivers useful and innovative information to Web designers and developers. Smashing Magazine is a well-respected international online publication for professional Web designers and developers. Our main goal is to support the Web design community with useful and valuable articles and resources, written and created by experienced designers and developers. ISBN: 978-3-943075-07-6 Version: March 29, 2011 Smashing eBook #6│Getting the Hang of Web Typography │ 2 Table of Content Preface The Ails Of Typographic Anti-Aliasing 10 Principles For Readable Web Typography 5 Principles and Ideas of Setting Type on the Web Lessons From Swiss Style Graphic Design 8 Simple Ways to Improve Typography in Your Designs Typographic Design Patterns and Best Practices The Typography Dress Code: Principles of Choosing and Using Typefaces Best Practices of Combining Typefaces Guide to CSS Font Stacks: Techniques and Resources New Typographic Possibilities with CSS 3 Good Old @Font-Face Rule Revisted The Current Web Font Formats Review of Popular Web Font Embedding Services How to Embed Web Fonts from your Server Web Typography – Work-arounds, Tips and Tricks 10 Useful Typography Tools Glossary The Authors Smashing eBook #6│Getting the Hang of Web Typography │ 3 Preface Script is one of the oldest cultural assets. The first attempts at written expressions date back more than 5,000 years ago. From the Sumerians cuneiform writing to the invention of the Gutenberg printing press in Medieval Germany up to today՚s modern desktop publishing it՚s been a long way that has left its impact on the current use and practice of typography.
    [Show full text]
  • Betekenis Van De Methode Van Taguchi Voor Off-Line Kwaliteitscontrole Voor De Bedrijfsmechanisatie
    Betekenis van de methode van Taguchi voor off-line kwaliteitscontrole voor de bedrijfsmechanisatie Citation for published version (APA): Coenen, F. J. (1991). Betekenis van de methode van Taguchi voor off-line kwaliteitscontrole voor de bedrijfsmechanisatie. (TH Eindhoven. Afd. Werktuigbouwkunde, Vakgroep Produktietechnologie : WPB; Vol. WPA1017). Technische Universiteit Eindhoven. Document status and date: Gepubliceerd: 01/01/1991 Document Version: Uitgevers PDF, ook bekend als Version of Record Please check the document version of this publication: • A submitted manuscript is the version of the article upon submission and before peer-review. There can be important differences between the submitted version and the official published version of record. People interested in the research are advised to contact the author for the final version of the publication, or visit the DOI to the publisher's website. • The final author version and the galley proof are versions of the publication after peer review. • The final published version features the final layout of the paper including the volume, issue and page numbers. Link to publication General rights Copyright and moral rights for the publications made accessible in the public portal are retained by the authors and/or other copyright owners and it is a condition of accessing publications that users recognise and abide by the legal requirements associated with these rights. • Users may download and print one copy of any publication from the public portal for the purpose of private study or research. • You may not further distribute the material or use it for any profit-making activity or commercial gain • You may freely distribute the URL identifying the publication in the public portal.
    [Show full text]
  • Download the ACL Logo Usage Guidelines
    Branding Guidelines Branding Guidelines ACL logo The ACL logo is the primary visual representation of our brand, and should be included in all corporate and marketing communication. Clear space To ensure legibility and consistency, a minimum clear space equivalent to the height of the“A” in the Administration for Community Living logo should be maintained in all applications. Minimum size The minimum size for the ACL logo is1/2-inch height. Attention should be paid to resizing the logo proportionally to avoid altering its appearance. .50" Branding Guidelines Unacceptable uses Type substitutions AdministrationACL for Community Living Color alterations Distorting shape of logo Adding or altering elements Insufficient contrast with background color or elements Branding Guidelines Colors The colors of the ACL logo match three colors found in the Pantone Matching System (PMS). For print work, four-color process inks (CMYK or cyan, magenta, yellow, black) are used. For digital display and monitor uses (such as in PowerPoint presentations and for web and mobile devices), three colors (RGB or red, green, blue) are used. Web colors for the logo are based on the RGB color scheme and translated into hexadecimal numbers for html code equivalents. Pantone (PMS) CMYK RGB Web 7621 C-15 M-100 Y-90 K-10 R-190 G-30 B-45 be1e2d 137 C-0 M-42 Y-100 K-0 R-250 G-162 B-27 f9a21a 7462 C-100 M-77 Y-18 K-0 R-7 G-82 B-145 075190 Fonts ACL and coordinating program logos use the Futura font family. Branding material intended to coordinate with the ACL logo should use Futura fonts.
    [Show full text]
  • \/ Oh/Ir Stars in the Galaxy
    \/ OH/IR STARS IN THE GALAXY B. BAUD OH/IR STARS IN THE GALAXY OH/IR STARS IN THE GALAXY PROEFSCHRIFT TER VERKRIJGING VAN DE GRAAD VAN DOCTOR IN DE WISKUNDE EN NATUURWETENSCHAPPEN AAN DE RIJKSUNIVERSITEIT TE LEIDEN, OP GEZAG VAN DE RECTOR MAGNIFICUS DR. D.J. KUENEN, HOOGLERAAR IN DE FACULTEIT DER WISKUNDE EN NATUURWETENSCHAPPEN, VOLGENS BESLUIT VAN HET COLLEGE VAN DEKANEN TE VERDEDIGEN OP WOENSDAG 12 APRIL 1978 TE KLOKKE 15.15 UUR DOOR BOUDEWIJN BAUD GEBOREN TE DJAKARTA IN 1948 STERREWACHT LEIDEN 1978 elve/laborvlncit - lelden PROMOTOR: DR. HJ. HABING Aan mijn moeder Aan Alberl ine CONTENTS Summary CHAPTER I A SYSTEMATIC SEARCH AT 1612 MHZ FOR OH MASER SOURCES I SURVEYS NEAR THE GALACTIC CENTRE I Introduction 2 II Equipment and survey observations 2 III Analysis and confirmatory observations 5 IV The Type II OH/IR sources 6 V Selection effects 15 V.1 Velocity coverage and spectral resolution 15 V.2 Variability 16 CHAPTER II A SYSTEMATIC SEARCH AT 1612 MHZ FOR OH MASER SOURCES II A LARGE-SCALE SURVEY BETWEEN 10 i 15° and \b\ 17 I Introduction 17 II Equipment 17 11.1 The survey 17 11.2 Confirmation observations 20 III Results 20 111.1 Analysis of the survey observations 20 111.2 Confirmation of Type II OH/IR sources 21 111.3 The new Type II OH/IR sources 21 111.4 Known Type II OH/IR sources 28 111.5 Unclassified sources 33 IV Discussion 35 CHAPTER III GALACTIC DISTRIBUTION AND EMISSION PROPERTIES OF OH/IR SOURCES 38 I Introduction 38 II Observations and basic data 39 III Distribution of OH/IR sources in velocity,longitude and latitude 43 111.1 Velocity distribution 43 111.2 Longitude distribution 47 111.3 Latitude distribution 48 IV Luminosity function 49 IV.I Spectral resolution 49 IV.2 Mean peak flux density of OH/ItC sources 50 IV.3 Luminosity distribution 51 V Comparison with the identified Type II OH/IR sources 53 VI The galactic distribution of OH/IR sources 54 VI.
    [Show full text]
  • Stanley Labounty Takes Big Steps to Lower Their Carbon Footprint
    February 2020 www.clpower.com stanley labounty taking big steps, pg 1 what is all that gear for?, pg 3 district #1 nominating meeting, pg 5 board minutes summary, pg 6 Stanley LaBounty Takes Big Steps to Lower Their Carbon Footprint Carey Hogenson, Marketing Manager This past September, Stanley LaBounty of Two Harbors current forklift vendor and covered the rental fees for a contacted Cooperative Light & Power (CLP) looking month-long rental of an electric forklift. During that time, for ways to reduce the company’s carbon footprint. CLP the electric forklift usage, electric consumption, and other teamed up with its wholesale power provider, Great River useful information was tracked using a data logger. Energy (GRE), to see what options were available to help Stanley LaBounty accomplish its goal. CLP and GRE did a At the end of the month, the data was collected and walkthrough of the Stanley LaBounty plant and discussed a compared to the company’s cost of its propane forklifts. few possible changes where CLP and Stanley LaBounty was able to show it would achieve GRE could assist. significant long-term savings by replacing its existing IC forklifts with One of the options was a new electric lifts and optimize the number program that allows CLP members of forklifts in the fleet to better with a qualifying fleet of forklifts to match the workload of the lifts. try a new electric forklift for a month- long trial period. Multiple studies have Additionally, Stanley LaBounty was shown that using electric forklifts able to capture a substantial CO2 is a great way to reduce fuel and reduction from converting two of its maintenance costs when compared to IC lifts to electric as part of the first internal combustion (IC) forklifts.
    [Show full text]
  • Quick Guide to Precision Measuring Instruments
    E4329 Quick Guide to Precision Measuring Instruments Coordinate Measuring Machines Vision Measuring Systems Form Measurement Optical Measuring Sensor Systems Test Equipment and Seismometers Digital Scale and DRO Systems Small Tool Instruments and Data Management Quick Guide to Precision Measuring Instruments Quick Guide to Precision Measuring Instruments 2 CONTENTS Meaning of Symbols 4 Conformance to CE Marking 5 Micrometers 6 Micrometer Heads 10 Internal Micrometers 14 Calipers 16 Height Gages 18 Dial Indicators/Dial Test Indicators 20 Gauge Blocks 24 Laser Scan Micrometers and Laser Indicators 26 Linear Gages 28 Linear Scales 30 Profile Projectors 32 Microscopes 34 Vision Measuring Machines 36 Surftest (Surface Roughness Testers) 38 Contracer (Contour Measuring Instruments) 40 Roundtest (Roundness Measuring Instruments) 42 Hardness Testing Machines 44 Vibration Measuring Instruments 46 Seismic Observation Equipment 48 Coordinate Measuring Machines 50 3 Quick Guide to Precision Measuring Instruments Quick Guide to Precision Measuring Instruments Meaning of Symbols ABSOLUTE Linear Encoder Mitutoyo's technology has realized the absolute position method (absolute method). With this method, you do not have to reset the system to zero after turning it off and then turning it on. The position information recorded on the scale is read every time. The following three types of absolute encoders are available: electrostatic capacitance model, electromagnetic induction model and model combining the electrostatic capacitance and optical methods. These encoders are widely used in a variety of measuring instruments as the length measuring system that can generate highly reliable measurement data. Advantages: 1. No count error occurs even if you move the slider or spindle extremely rapidly. 2. You do not have to reset the system to zero when turning on the system after turning it off*1.
    [Show full text]
  • Combinatorial Optimization Problems in Internet Applications
    Poznań University of Technology Institute of Computing Science Combinatorial optimization problems in Internet applications Doctoral thesis Jakub Marszałkowski Supervisor: prof. dr hab. inż. Maciej Drozdowski Poznań, 2017 Contents 1 Introduction 4 1.1 Motivation . 4 1.2 Scope and Puropose . 5 1.3 Methodology . 6 1.4 Common webpage-related factors . 10 1.5 Outline of the Thesis . 11 2 Layout Partitioning for Advertisements Fit 13 2.1 Website’s Layouts and Ad Placement . 13 2.2 Problem Formulation . 16 2.3 Objective Functions . 19 2.3.1 Max Ad Number Function . 20 2.3.2 Max Most Difficult to Pack Ad Unit Function . 20 2.3.3 Min Single Ad Waste . 20 2.4 Solution Method . 21 2.4.1 Combining Ad Units . 22 2.4.2 Valid Column Widths List . 23 2.4.3 Browsing Layouts . 24 2.4.4 Selecting Final Results . 25 2.4.5 Example For a Small Instance . 25 2.5 Benchmarks . 27 2.5.1 Data Sets . 27 2.5.2 Webmaster Survey . 27 2.6 Computational Experiments . 29 2.6.1 Input Parameters . 29 2.6.2 Execution Times . 31 2.6.3 Layout Partitioning Results and Discussion . 31 2.7 Conclusions . 35 3 Tag Cloud Construction 37 3.1 Tag Clouds . 37 3.2 Problem Analysis and Related Work Survey . 38 3.2.1 Tag cloud taxonomy . 38 3.2.2 Related work . 40 3.2.3 Tag Cloud Usability Studies . 42 3.2.4 Tag Clouds for the Web . 43 3.2.5 Client Side . 44 3.2.6 Analysis of Packing Problem Properties .
    [Show full text]