background preloader

Check Browser Compatibility, Cross Platform Browser Test - Browsershots

Check Browser Compatibility, Cross Platform Browser Test - Browsershots

10 Secret Code Phrases to Get What You Want from Your Graphic Designer Pixels, white space, focal points and sans-serif. Designers have their own language, and it’s baffling if you’re not used to it. It’s almost like we have a “secret code,” and we reserve our best work for the clients who know it. When you speak with us, you might feel like you need a translator to communicate what you want and get marketing materials that stand out. But the good news is it’s simpler than it sounds. In the end, you don’t need to know the difference between points and pixels to get the best work from your designer. Code Phrases to Avoid: Say the phrases below at your peril. When we hear these come out of your mouth, we immediately start either formulating how we can say “no” to working with you, or calculating how much more we should charge for the project so that we can cover the additional time it will take to deal with you. 1. 2.”Here, I made a layout for you.” 3. 4. 5. 6. Code Phrases to Use: The phrases below are music to our ears. 7. 8. 9. 10. The biggest secret of all?

6 Things I Bet You Didn't Know You Could Do with Google Some of the tips below are effortless to implement and save you a lot of time and energy when dealing with these issues. Let’s start with the first proof of the awesomeness of Google… 1. Create unlimited disposable email addresses with Gmail If you add dots (.) between the letters of your Gmail username, sending an message to the new username will get forwarded to your original email (which is without or with only 1 dot.) For example: It doesn’t matter how many dots you’ll add between your username, all of the emails sent will go to your original email. Gmail doesn’t recognize dots as characters within usernames, you can add or remove the dots from a Gmail address without changing the actual destination address; they’ll all go to your inbox, and only yours. homerjsimpson@gmail.com = hom.er.j.sim.ps.on@gmail.comhomerjsimpson@gmail.com = HOMERJSIMPSON@gmail.comhomerjsimpson@gmail.com = Homer.J.Simpson@gmail.com All these addresses belong to the same person. Why is this helpful? 2. Results:

10 Usability Tips Based on Research Studies We hear plenty usability tips and techniques from an incalculable number of sources. Many of the ones we take seriously have sound logic, but it’s even more validating when we find actual data and reports to back up their theories and conjectures. This article discusses usability findings of research results such as eye-tracking studies, reports, analytics, and usability surveys pertaining to website usability and improvements. You’ll discover that many of these usability tips will be common sense but are further supported with numbers; however, some might surprise you and change your outlook on your current design processes. 1. Forget the "Three-Click Rule" The idea that users will get frustrated if they have to click more than three times to find a piece of content on your website has been around for ages. Logically, it makes sense. But why the arbitrary three-click limit? In fact, most users won’t give up just because they’ve hit some magical number. Source: User Interface Engineering

Error Goblin Mega Collection Of Cheatsheets for Designers And Developers Cheatsheets and various quick reference guides are available for almost any type of software and language these days. Unfortunately they’re not always easy to find when you actually need them. This is why I decided to take some time to gather up as many as possible and share them with you here! Hopefully this can be a timesaver for you, along with teaching you a new trick or two. CSS3 Cheat Sheet ↓ CSS2 Visual Cheat Sheet ↓ CSS Cheat Sheet (V2) ↓ Css Property Index ↓ BluePrint CSS ↓ HTML 5 Cheat Sheet ↓ HTML5 Canvas Cheat Sheet ↓ HTML5 Glossary ↓ HTML Character Entities Cheat Sheet ↓ Color Codes Matching Chart HTML (Convert CMYK, RGB Hex) ↓ Javascript JavaScript Cheat Sheet ↓ Javascript DOM ↓ JavaScript Reference Card ↓ jQuery 1.4 API Cheat Sheet ↓ jQuery selectors ↓ jQuery 1.3.2 ↓ jQuery 1.3 ↓ jQuery 1.2 ↓ Mootools 1.2 Cheat Sheet ↓ Prototype Cheat Sheet ↓ PHP & MySQL for dummies ↓ PHP 5 Online Cheat Sheet v1.3 ↓ PHP5 Cheat sheet ↓ PHP Manual Quick Reference ↓ Printable PHP Security Checklist ↓ MySQL Softwares

Remotely Control Somebody's Desktop the Easy Way We’ve all gotten the call from some family member asking why their computer isn’t working properly. After an hour of troubleshooting over the phone with them or trying to get remote assistance to work we’ve decided we’re skipping the next family reunion to avoid being asked to help… there has to be a better way… There is, and it’s called Crossloop – a completely free screen sharing software that’s extremely simple to use and very secure… since it’s not enabled all the time. I’d advise installing this on their computer even before they have problems so you’ll be prepared. Yes, It’s Really This Simple Tell the person that you are trying to help to open the application and select the Host tab. Type in the access code on your copy’s Join tab, and then click Connect. They’ll get a dialog telling them that you want to control their computer, tell them to hit Yes. The first time they run the app, they’ll need to click the Unblock button (unless you’ve already installed and configured it for them)

Footer design, 200+ best As most of you guys probably know, the footer is the last significant part of a website. It tends to be used for placing important information, such as the RSS feedback button, slide galleries, contact information, latest posts, the site map, among others. But the footer its not just a large space to fill the bottom of the page. Its a whole design area, in which the designer can place some pretty cool ideas that will not fit inside the main space of the site. In this countdown, we will be showing you some of the coolest footer ideas on the web, so lets get it started. Ground-Like Footers This footers are identified by a high quality illustration on it, this is used by some designers to complete the layout of the website. 1. This is the first example we found concerning ground-like footers. 2. Octopus meets astronauts, that’s the main theme of this footer and the website in general, a lovely blue tone surrounds the website vibe. 3. In Vimeo you will find a cool footer. 4. 5. 6. 7. 8. 9.

70 Things Every Computer Geek Should Know. | Arrow Webzine The term ‘geek’, once used to label a circus freak, has morphed in meaning over the years. What was once an unusual profession transferred into a word indicating social awkwardness. As time has gone on, the word has yet again morphed to indicate a new type of individual: someone who is obsessive over one (or more) particular subjects, whether it be science, photography, electronics, computers, media, or any other field. How to become a real computer Geek? Little known to most, there are many benefits to being a computer geek. You may get the answer here: The Meaning of Technical Acronyms USB – Universal Serial BusGPU – Graphics Processing UnitCPU – Central Processing UnitATA- AT Attachment (AT Attachment Packet Interface (ATAPI)SATA – Serial ATAHTML – Hyper-text Markup LanguageHTTP – Hypertext Transfer ProtocolFTP – File Transfer ProtocolP2P - peer to peer 1. One of the best list of default passwords. 1A. 2. 3. 4.

Bibliography Books The Elements of Typographic Style by Robert Bringhurst The book which sparked this website. Grid Systems in Graphic Design by Josef Muller-Brockmann The definitive word on using grid systems in graphic design. With examples on how to work correctly at a conceptual level and exact instructions for using all of the systems, this is as valid for the Web as it is for print. References & Tutorials Alan Wood’s Unicode Tests Massively comprehensive resource for locating and testing Unicode characters. How to size text using ems Tutorial on Clagnut which explains in detail how to size text on websites using ems. Em Calculator Handy online tool for converting pixels to ems. How to Size Text in CSS A best practice that satisfies designers and users and works across browsers and platforms. The amazing em unit and other best practices Font sizing tutorial from the W3C. Figuring It Out: OSF, LF, and TF Explained Great explanation of lining, old-style (text) and tabular figures from FontShop. Weblogs Typophile

The 10 Most Important Skills You Need to be a Web Designer Here are my top 10 web design skills that you WILL need to master to become an effective web designer. If you’re serious about mastering web design and marketing, check out the Pro Web Design Alliance. See how Jordan benefited from the course forum and Google hangout sessions to make his and his clients’ sites better. Look at Jordan’s site and the testimonials from his clients here.  The personal interaction with Ben and fellow students while  working on live sites makes the learn by doing course philosophy start generating money for you while you are still in the course. Your priorities may be different (and my priorities may be different a few months down the line). And I’d add that you don’t need all these skills in any particular measure to make it in web design. #1. I’m convinced the #1 most important skill for a web designer is the ability to use words effectively. Effective wording is of singular importance in several highly important factors in the success of web pages: #2.

Pearsonified — Best Damn Blog on the Planet Snook.ca: Tips, Tricks and Bookmarks on Web Development. Maquette - Tutoriel HTML &amp; CSS Présentation Pour la réalisation de notre maquette graphique de site, quoi de plus opportun que la réalisation d'un site pour une société de vente de maquettes. Nous allons réaliser une maquette de site de maquettes, en quelque sorte. Dans un grand élan d'inspiration, nous appellerons la société "Maquettes Casey Steven & Son" ! Nous allons réaliser une page assez typique, avec un entête visuel contenant le titre du site et prenant toute la largeur de l'écran en haut de celui-ci. Un pied de page similaire sera présent en bas de l'écran et affichera une ou deux lignes de textes légaux, tels que le copyright, et un lien de contact, ou autres informations utiles. Tout site se respectant dispose bien-sûr d'un menu. Le menu principal sera un menu horizontal en haut de la page ; Un sous-menu vertical (menu secondaire de la rubrique principale sélectionnée) sera aussi présent sur la gauche de la page. En temps normal, vous n'aurez besoin que d'un menu. Voici les images dont nous avons besoin. <!

Islands of Consciousness - Code/Visualization: Mario Klingemann - Soundtrack: Oleg Marakov / Corpuscul Islands Of ConsciousnessCode/Visualization: Mario Klingemann | Soundtrack: Oleg Marakov / Corpuscul When Oleg Marakov pointed out the similarities between his piece of randomly arranged music Islands and my random movie creator Flickeur it was immediately clear that a combination of both projects would definitely result in something very interesting. The result of this fusion - Islands of Consciousness - is not a simple combination of the two concepts but a great advancement. Sound and Images enter a very close relationship in which the randomly arranged musical phrases are taking direct influence on the visual outcome. So when you look at this piece keep in mind that all the visuals are assembled in realtime using photos downloaded from Flickr.com. Whilst the basic idea of Flickeur - an endless virtual videoloop that is in perpetual metamorphosis - has remained I have altered the visual engine and the image selection algoritm in many aspects.

Related: