background preloader

Design Patterns on CodePen

Design Patterns on CodePen

Animated Background Headers | Demo 1 Connect Three Previous Demo Back to the Codrops Article Animated Background Headers Examples for creative website header animations using Canvas and JavaScript If you enjoyed this demo you might also like: On Scroll Header Effects Inspiration for Article Intro Effects Image credits: ESO/VISTA/J. Emoji cheat sheet for GitHub, Basecamp and other services The Bézier Game Stoodle Expert Housing Benefit Advice for UK Supported Housing The funnel is dead. Long live the consumer decision journey This blog was written by David Edelman and Francesco Banfi from McKinsey & Company If there were 10 Commandments for marketing, #1 would be: Know thy customer. While it’s one of the most fundamental principles in business, companies are still having trouble adhering to it. Nearly three quarters of companies believe their budget for customer insights is too low, according to a recent survey of almost 700 senior executives we completed. Even more disturbing, only 6% of companies surveyed understand customer needs extremely well while 45% of companies admit they have limited to no understanding on how their customers interact with them digitally. Without the ability to understand their customers, companies will find it difficult to be where their customers are. However, the more fundamental reason is that shoppers are shopping in a different way that requires companies to change how they think about and interact with their customers. ■ Consider an initial set of brands.

Font Awesome, the iconic font and CSS toolkit Promise, Vision, Scenario, and User Stories By Jared M. Spool Originally published: Oct 01, 2014 People like to share their stories with me. Lately, many of these stories have been about their experiences on recent United Airlines flights. I’ve become a bit of a magnet for United Airlines stories. Most of these stories are about how the airline failed them in some way. They wanted their flight to go exactly as the airline had promised. Yet sometimes the stories have a happy ending. These stories are about promises. If you listen closely to the stories, you can hear the underlying user experience interactions. We Can Design Our Users’ Promise Stories If you speak with an Uber customer, they frequently have a glowingly positive story to tell. This isn’t an accident. United Airlines’ promise stories are also designed, but not like Uber. As an organization, we can choose if we want to be more like Uber or United Airlines. Promise Stories Represent the User’s Perspective The promise story is what a user tells a friend. Hear It; Tell It

RANDOM.ORG - True Random Number Service 10 geweldige tools om online snel (en gratis) afbeeldingen te bewerken “Even snel een leuk plaatje voorzien van tekst, dat vinden ze leuk op Twitter.” “Shit, mijn profielfoto is te groot voor LinkedIn. Even snel aanpassen.” En buiten dat er weinig tijd is kunnen ook de kosten die met Photoshop gemoeid gaan meespelen. Maar ook online zijn er voldoende pareltjes te vinden waarmee je prima uit de voeten kunt. 1. Pixlr is erg uitgebreid en lijkt erg op Photoshop. Pixlr 2. Sumopaint is er in verschillende smaken. Sumopaint 3. Deze tool gebruik ik veel. PicMonkey 4. Snel een filtertje over een foto gooien doe je met Picfull. Picfull 5. Qua functionaliteiten kan Fotor prima mee met PicMonkey. Fotor 6. Als je veel afbeeldingen moet maken voor op social media kun je bijna niet zonder deze tool. Social Image Resizer Tool 7. Een alternatief voor de vorige tool met template voor nog meer social media kanalen. Social Media Image Maker 8. Een heerlijke tool waarmee je snel afbeeldingen kunt maken voor jouw Facebookpagina. Timeline Slizer 9. Photovisi 10. PicResize

Wég met de QR-code: Lang leve de SnapTag! | DMmediaplein SpyderLynk vindt dat dit anders moet kunnen en ontwikkelde de SnapTag, die de QR-code zowel op het grafische- als het functionele vlak moet verslaan. Met behulp van een enorme infographic maakt SpyderLynk de verschillen tussen QR-codes en SnapTags duidelijk. Hier heb ik stukken uitgeknipt en voorzien van enige duiding. Wat zijn SnapTags? SnapTags bestaan uit een afbeelding (meestal een logo), met daaromheen een ring die op enkele plaatsen onderbroken is. De ring kan steeds op andere plaatsen onderbroken worden, waardoor weer een nieuwe tag ontstaat. Het bereik van SnapTags is potentieel groter Allereerst is het (potentiële) bereik van SnapTags vele malen groter dan van een QR-code. SnapTag als trigger van interactiviteit Met de SnapTag is het mogelijk om verschillende vormen van respons te triggeren, zoals het openen van een chatvenster, het ‘liken’ van een facebook pagina of het versturen van een kortingscoupon aan de gebruiker. SnapTag case: Coca-Cola Zero

5 Awesome Tools For Website Designers • Conetix To remain competitive in the digital field, it's essential that website designers and developers keep a close eye on changes, updates and new techniques. What's the latest and greatest thing today could easily disappear into a sea of obsolescence tomorrow. It's not always easy to stay on top of the game, but with a few intelligent, time-efficient strategies, it's certainly possible. Triangly This is the app that artists the world over have been waiting for. Readymag This app assists users to create seriously impressive digital publications without any experience or knowledge of coding. Fontface Ninja You know that frustrating moment when you come across a font that you absolutely adore, but you can't find the name of it anywhere? Raumrot One of the biggest challenges of creating striking web pages is finding awesome images, right? Sassline If you've been looking for ways to improve your headlines, Sassline is here to help.

10 Free Online Tools To Create Professional Resumes The first thing connecting you with a recruiter is your resume. The way it is usually done is you work on a template you get from a friend or from an online source, then produce a black and white dull rendition of just another face in the crowd which you then print out and mail to potential employers. It’s time for a change: wow your recruiters with a fresh new look to your resumes while still presenting yourself in a modern and professional manner with the help of online tools. These tools will guide you through every aspect of creating your resume or CV, perfect for fresh graduates who are unsure of where to begin. Most of them give you the option to download a PDF, ready-for-print version, and all you have to do is fill in your details. Recommended Reading: 10 Common Misconceptions About Job Interviews 1. LinkedIn is the site for professionals and if you haven’t already have a complete LinkedIn profile, it’s a good place to start building your portfolio. 2. 3. 4. 5. 6. 7. 8. 9. 10.