background preloader

Blueprints

Blueprints

Houdini Honey Badgers Can Escape From Anywhere So half the Internet has seen the video about what total badasses honey badgers are (reminder at bottom for those who want a second look). But they don't just have attitude. As this clip from a BBC documentary reveals, they're also really smart. It is amazing to think that barely 50 years ago Jane Goodall was mocked for producing evidence that chimpanzees use tools. The games between Stoffel and Brian may be all in good fun – one commentator on Youtube suggests Stoffel likes escaping more than being free, and that may actually be right. In other regions similar conflicts have emerged over ratels attacking chickens. For a refresh on the video that brought the honey badger to global fame see here: After all this two questions occur to us: How on Earth did Brian and his team manage to recapture Stoffel all those times?

Caption Hover Effects | Codrops A tutorial on how to create some subtle and modern caption hover effects. View demo Download source Today we want to show you how to create some simple, yet stylish hover effects for image captions. The idea is to have a grid of figures and apply a hover effect to the items which will reveal a caption with the title, author and a link button. For some of the effects we will use 3D transforms. The aim is to keep the effects subtle and provide inspiration for many different variations. Please note: this only works as intended in browsers that support the respective CSS properties. The images used in the demos are Dribbble shots by talented Jacob Cummings. Let’s get started. The Markup The structure of our grid and the figures will be made of an unordered list and each item will contain a figure element. This is the default structure for all the grid examples. But first let’s define the common styles for all effects. The CSS The common styles for all the figures is the following. Effect 1 Effect 2

Yung Joc - It's Goin' Down Lyrics This a nitty beat Here we go again, ghetto ville U.S.A You know I got by the name nitty right I gotta introduce you to another motherfucker Out my squad right Dis nigga go by the name of Jock He resides in College Park, right But for right now what we gotta do for y'all We gotta give y'all a hit Niggaz in my face, damn near er' day Askin' a million questions like, Jock, where ya stay?" Jest bought a zone, Jay's on my feet I'm on that patron so get like me 69 cutlass wit' the bucket seat Beat in my trunk bought it just for the freaks Catch me in the hood posted at the sto Pistol in my lap on the phone countin' dough If a girl choose let her do her thang Just like her mama and I ain't sayin' the name brain Everybody love me I'm so fly Niggaz throw the deuces everytime I ride by I know ya wonder why, I'm so cool Don't ask me just do what cha do Meet me in the trap it's goin' down Meet me in the mall it's goin' down Meet me in the club it's goin' down Any where ya meet me guaranteed to go down

Planning Your Web Design with Sketches Planning a website doesn't have to be completely digital. Learn how sketching wireframes can help you speed up and innovate your creatives. There are plenty of foundational courses taught in design school. Whether you’ve been a lifelong doodler or have serious sketch ‘chops,’ being able to use paper to explore new ideas is an important skill in the design field. Fear not! In fact, I’ve heard of a growing backlash against wasted billable hours developing fully-rendered Photoshop comps. Whether you’re a big agency or freelancer, being able to communicate ideas to clients with a quick sketch is a valuable tool. Why Sketch? Sketching has some advantages to digital wireframes or even digital drawing. I’ve found, too, that clients tend to find the work informal enough that they can suggest changes and make edits. By sketching, you can do rapid, almost train-of-thought development to get your ideas down quickly. And sketching kills the need for-placement-only (FPO) images. How to Get Started

LambertvilleのSecret Garden in Lambertville This 1800s hideaway in the heart of artsy Lambertville NJ has a knock-out kitchen (complete with marble countertops and authentic cabinets from Jim Morrison's last US residence out in West Hollywood), that opens up onto your secluded courtyard and garden. You'll have 1 Queen bed and 1 twin sleeper sofa, made up with Egyptian linens, and a full modern bath (tub and shower and even dressing table), with Juliette balcony that opens out over Secret Garden. For your convenience, there are 2 TVs (one of which includes premium channels and HBO OnDemand), an ipod with everything from Billie Holiday to Rockpile, and wireless internet. It's all just 1.5 hours from NYC and 1 hour from Philly (see below for public transport) But why would you want to leave? Can there be more? These 2 river towns host special festivals throughout the year -- Shad Fest, Winterfest, Autumn House Tour, Spring Garden Tour! Check out my photos and feel free to message me, Melanie, with any questions.

Starting with HTML + CSS This short tutorial is meant for people who want to start using CSS and have never written a CSS style sheet before. It does not explain much of CSS. It just explains how to create an HTML file, a CSS file and how to make them work together. After that, you can read any of a number of other tutorials to add more features to the HTML and CSS files. Or you can switch to using a dedicated HTML or CSS editor, that helps you set up complex sites. At the end of the tutorial, you will have made an HTML file that looks like this: The resulting HTML page, with colors and layout, all done with CSS. Note that I don't claim that this is beautiful ☺ Sections that look like this are optional. Step 1: writing the HTML For this tutorial, I suggest you use only the very simplest of tools. Don't use a wordprocessor, such as Microsoft Word or OpenOffice. Step 1 is to open your text editor (Notepad, TextEdit, KEdit, or whatever is your favorite), start with an empty window and type the following: <! <!

24 People Who Applied for the World's Toughest Job Were In for Quite a Surprise Here's a pretty cool project from Mullen for a client we won't immediately reveal, lest we spoil the surprise. (Scroll down to the bottom of credits, watch the video or click here to find out.) The Boston agency posted this job listing online for a "director of operations" position at a company called Rehtom Inc. The requirements sounded nothing short of brutal: • Standing up almost all the time • Constantly exerting yourself • Working from 135 to unlimited hours per week • Degrees in medicine, finance and culinary arts necessary • No vacations • The work load goes up on Thanksgiving, Christmas, New Year's and other holidays • No time to sleep • Salary = $0 The job ad got 2.7 million impressions from paid ad placements. Check out what happened below. CREDITS Project: World's Toughest Job Producer: Vera Everson Account Director: Jessica Zdenek Account Supervisor: Laila Lynch Director of Digital Strategy: Eric Williamson Senior Brand Strategist: Ryan Houts

Applying CSS | HTML Dog In-line In-line styles are plonked straight into the HTML tags using the style attribute. They look something like this: <p style="color: red">text</p> This will make that specific paragraph red. But, if you remember, the best-practice approach is that the HTML should be a stand-alone, presentation free document, and so in-line styles should be avoided wherever possible. Internal Embedded, or internal, styles are used for the whole page. This will make all of the paragraphs in the page red and all of the links blue. Although preferable to soiling our HTML with inline presentation, it is similarly usually preferable to keep the HTML and the CSS files separate, and so we are left with our savior… External External styles are used for the whole, multiple-page website. If this file is saved as “style.css” in the same directory as your HTML page then it can be linked to in the HTML like this: <! Apply! Now change your HTML file so that it starts something like this: <! Save the HTML file.

Multilinguals Have Multiple Personalities In an essay published on Monday, New Republic Senior Editor Noam Scheiber—who grew up speaking both Hebrew and English—explains why he stopped speaking only Hebrew to his three-year-old daughter. “My Hebrew self turns out to be much colder, more earnest, and, let’s face it, less articulate," he writes. "In English, my natural sensibility is patient and understated. My style in Hebrew was hectoring and prosecutorial.” I understand the feeling. How does that play out in day-to-day speech? Image from the Thematic Apperception Test READ: People Speaking a Foreign Language Make Less Emotional Decisions Ervin then analyzed the stories, looking at the different themes incorporated into the narratives. In 1968, Ervin—by this point, “Ervin-Tripp”—designed another experiment to further explore her hypothesis that the content of bilinguals’ speech would change along with the language. Scholars have also used more qualitative methods to try to understand language’s impact on personality.

Be Less Annoying: Reduce Bounce Rates through Better Web Design A properly designed site can reduce bounce rate and increase engagement significantly. In this article, six important elements are introduced that are important for reducing a site's bounce rate. According to the almighty Google, bounce rate is defined as “the percentage of single-page visits or visits in which the person left your site from the entrance (landing) page“. Truly, the real killers of engagement are distractions and annoyances. A properly designed site can reduce bounce rate and increase engagement significantly. Good UIHigh Quality, Relevant ImageryEngaging Color SchemeReadable TypeConsistent BrandingResponsive Feedback 1 – Good UI The quickest way to annoy a user is to design a site that has an unusable or bad user interface. Positioning of typical site elements should be predictable and easy to find. Forms are often a huge culprit in high bounce rates. 2 – High Quality, Relevant Imagery For some reason, it seems like it’s always easy to spot stock photography. Conclusion

Use YouTube Feather beta for low-bandwidth connections When you load a video on YouTube, you're getting a lot more than just something to watch. There's an information panel that goes along with the video mentioning credits, keywords, and other interesting tidbits. Below the video and top comments, you'll find video responses to the one you're watching. On the right-hand side of the page, you'll see a long list of suggested videos that might be related to the one you're watching. YouTube Feather removes the information panel, share button, most of the related videos, video responses, vote counts on each comment, the medium-size player option, like and dislike counts for the video, and the capability to add the video to a list. Ready to test it out? If you start viewing a video and feel the removal of the extra bells and whistles has left a void in your YouTube experience, you can easily switch back. I am not a low-bandwidth user myself, but I actually prefer YouTube Feather to the regular version. (Via Lifehacker)

Top 10 Online Resources for Learning Japanese for Free [box type="tick"]Check out Tofugu’s new Japanese Resources Guide! It has the best Japanese resources and reviews for each! It’s also more updated and has more resources than this article![/box] I’m really proud and excited to announce Tofugu’s first annual “Top 10 Online Resources for Learning Japanese for Free” list, which includes an e-book that’s available for download at the end of the article. Have you ever wondered what was out there in the tubes of the interwebs in terms of improving your Japanese? #10: Twitter Twitter is a micro-blogging service that lets you input up to 140 characters to tell the world (and your friends) “what you are doing right now.” #9: Livestation Livestation is a program you can download off the web that allows you to watch live television from anywhere in the world (which of course includes Japanese television). #8: Yamasa’s Japanese Dictionary (Kanji Stroke Order)

Tooltip Widget Description: Customizable, themeable tooltips, replacing native tooltips. Tooltip replaces native tooltips, making them themeable as well as allowing various customizations: Display other content than just the title, like inline footnotes or extra content retrieved via Ajax. A fade animation is used by default to show and hide the tooltip, making the appearance a bit more organic, compared to just toggling the visibility. The items and content options need to stay in-sync. In general, disabled elements do not trigger any DOM events. Theming The tooltip widget uses the jQuery UI CSS framework to style its look and feel. ui-tooltip: The outer container for the tooltip. Dependencies contentType: Function() or String Default: function returning the title attribute The content of the tooltip. When changing this option, you likely need to also change the items option. Initialize the tooltip with the content option specified: Get or set the content option, after initialization: disabledType: Boolean

Related: