background preloader

Fastcodesign

Fastcodesign
What is responsive design? Most people vaguely understand that it refers to websites that work just as well on desktops as they do on smartphones, but there's a lot more to it than that, leading to widespread confusion (heck, I'll admit, I've even been known to misuse it myself, even after fellow Co.Design writer John Pavlus called me a dummy for it). But the principles of responsive design aren't that hard to understand, thanks to this amazing collection of animated GIFs put together by the guys Froont, a San Francisco-based company specializing in making tools for designers to create responsive websites. Spend just a few minutes with these GIFs, and you'll never be hoightily corrected by a design pedant about "responsive websites" versus "adaptive websites" ever again. In fact, you can be that hoighty pedant! The GIFs below show many of the basic principles of responsive designs, with explaining quotes by Froont co-founder Sandijs Ruluks.

http://www.fastcodesign.com/3038367/9-gifs-that-explain-responsive-design-brilliantly

Related:  WebDevivanrubio

Translate Your Website: 50 Resources for Multilingual Websites Want to translate your website? There’s more to it than meets the eye. Translating the text word-for-word might seem simple. But it’s often more challenging than it looks…and it’s often not enough. object-fit SummaryEdit The object-fit CSS property specifies how the contents of a replaced element should be fitted to the box established by its used height and width. SyntaxEdit object-fit: fill;object-fit: contain;object-fit: cover;object-fit: none;object-fit: scale-down; object-fit: inherit;object-fit: initial;object-fit: unset; Values

Responsive CSS3 / HTML5 Video Background In div No Javascript Needed! Updated on Aug. 4th, 2013 HTML5 Video Ugh! How to Code HTML5 Video Background in Email - Litmus BlogLitmus Blog Last week, we sent the launch email for The Email Design Conference. We knew we couldn’t promote THE Email Design Conference with just any email, which is why we aimed for a forward-thinking and uniquely impressive one. Naturally, we wanted it to be so amazing that people couldn’t help but attend the conference to learn about the tricks we used. So, what did we decide to do? The Things by Peter Watts I am being Blair. I escape out the back as the world comes in through the front. I am being Copper. Contact Form 7 Clear Default Value Contact Form 7 is one of our favorite form plugins because its updated regularly and there are a ton of extensions you can install that make the user-experience that much more rewarding; our favorite is the Database Extension. One feature that people have been asking about for quite some time is the ability to clear the default value of a field onClick or onFocus. This can be done easily by changing a couple lnes of code in the plugin, but remember, when you upgrade Contact Form 7, you’ll need to reapply this change. On line 89 in this file:/wp-content/plugins/contact-form-7/modules/text.php

The World Factbook The Office of Public Affairs (OPA) is the single point of contact for all inquiries about the Central Intelligence Agency (CIA). We read every letter, fax, or e-mail we receive, and we will convey your comments to CIA officials outside OPA as appropriate. However, with limited staff and resources, we simply cannot respond to all who write to us. Contact Information Submit questions or comments online Solarized - Ethan Schoonover Precision colors for machines and people Solarized is a sixteen color palette (eight monotones, eight accent colors) designed for use with terminal and gui applications. It has several unique properties. I designed this colorscheme with both precise CIELAB lightness relationships and a refined set of hues based on fixed color wheel relationships. It has been tested extensively in real world use on color calibrated displays (as well as uncalibrated/intentionally miscalibrated displays) and in a variety of lighting conditions. See the changelog for what’s new in the most recent release.

Bootstrap 4 Cheat Sheet visible-print-inline-block <div class="visible-print-inline-block"> This will be printed as "inline-block" and hidden in the browser </div> This will be printed as "inline-block" and hidden in the browser text-*-left text-xs-left The split brain: A tale of two halves In the first months after her surgery, shopping for groceries was infuriating. Standing in the supermarket aisle, Vicki would look at an item on the shelf and know that she wanted to place it in her trolley — but she couldn't. “I'd reach with my right for the thing I wanted, but the left would come in and they'd kind of fight,” she says. “Almost like repelling magnets.” Picking out food for the week was a two-, sometimes three-hour ordeal. Material Design Color Palette Generator - Material Palette material palette Material Design Examples Palette preview

Do you want to come to Canada, or extend your stay? Find out if you are eligible to apply Do you want to work, study, visit, travel through or live permanently in Canada? Answer a few questions to find out what immigration programs you can apply for. Each immigration program has different application and eligibility requirements. You will need about 10-15 minutes to complete the form. You may be asked questions about your:

Ace - The High Performance Code Editor for the Web Creating a new syntax highlighter for Ace is extremly simple. You'll need to define two pieces of code: a new mode, and a new set of highlighting rules. Where to Start

Related: