background preloader

Design Patterns on CodePen

Design Patterns on CodePen

6500 Pixel Perfect Flat Icons Set Bundle Quando amadores ganham a primeira página - IdeaFixa As fotografias de amadores são responsáveis pela crise no fotojornalismo? Existe a crença na comunidade de fotógrafos profissionais de que há novas organizações midiáticas e grupos de compartilhamento dando apoio a fotógrafos amadores com câmeras baratas de celulares que acabam tornando-se rivais de quem vive dos cliques por aí. (Na foto acima, a cidade de Miyako sofre com a vinda de um tsunami, Japão 11/03/2011.) Video de George Holliday em que um grupo de policiais bate em Rodney King. Não é segredo que o jornalismo é um setor em crise. Frame #372 do assassinato de Kennedy. Em sete de julho de 2005, quando quatro terroristas detonaram bombas no metrô de Londres e em um ônibus de dois andares, dois civis usaram as câmeras dos celulares para tirar imagens dos túneis da cidade cujo jornalistas não poderiam ter acesso. Dois meses depois, o jornal francês Liberation levantou a pergunta: "somos todos jornalistas?" Frame de um vídeo em que Muammar Gaddafi é preso na Líbia, 20/10/2011. | Via.

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 Infographies: 5 outils à découvrir Récemment, j’ai fait quelques recherches pour trouver un outil me permettant de réaliser facilement une infographie. Au fil de mes recherches, 5 outils ont retenu mon attention. Cet article vise à vous présenter sommairement chacun de ces 5 outils: Easel.ly, Venngage, Piktochart, Infogr.am, ainsi que 5 "templates" d’infographies élaborées dans PowerPoint. #1 : Easel.ly J’ai fait quelques tests avec plusieurs outils d’infographie afin de représenter mon offre de services de formations en 2014. C’est donc avec Easel.ly que j’ai dessiné l’infographie suivante, présentant mon offre de formations publiques en 2014. #2: Venngage J’ai beaucoup aimé Venngage mais je l’ai découvert un peu trop tard! #3: Piktochart Piktochart ressemble énormément à Easel.ly. #4: Infogr.am Dans Infogr.am, outre les possibilités de création au niveau des infographies, j’ai particulièrement aimé l’aspect convivial pour créer de jolis graphiques, comme le tachymètre suivant: #5 : Powerpoint Vous aimez cet article? Like this:

Creating color palettes with adjustment layers Recently, it came in handy for iStat Menus 5, where we have 14 base colors with 4 variations on each. The 56 resulting colors form iStat Menus’ colors and themes. Base colors To get started, choose some base colors and draw large blocks as shape layers in Photoshop. Adjustment layers With the base colors in place, it is now possible to create an adjustment layer with a mask running horizontally across all the colors (either a vector or bitmap mask will do). I’ve used levels adjustment layers as an example, but hue/saturation, vibrance, curves and other adjustment layer types can be just as effective, depending on your needs. Blending modes The technique also works well with shape layers and blending modes. The result is a nice shift, giving us some stronger and brighter colors that relate to the originals. Fine tuning Because the adjustments layers alter the shape layers underneath, everything can be tweaked in realtime.

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

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.

1600+ iOS7 Vector Icons - Download Free Pack or Premium Pack Marca cromática e semântica da cor | Norberto Chaves Read in spanish Marca cromática y semántica del color No manual de identificação gráfica de uma rede internacional de centros educacionais se lê o seguinte: «O azul representa o ardente desejo de conhecimento dos jovens. O vermelho remete ao fogo regenerador da instituição». Este tipo de verbalização do significado das cores prolifera em manuais e apresentações orais do design de marcas. Em ambos os casos trata-se de atribuições de significados unilaterais e arbitrários, ou seja, significações inventadas pelo emissor independentemente dos códigos sociais que permitem uma decodificação direta, imediata, unânime pelos receptores. O significado de uma cor só é unânime, ou seja, comunicacionalmente eficiente, quando seu uso o associa de modo unívoco a um determinado contexto, no qual determinada cor já está socialmente codificada. O significado de uma cor não é intrínseco, mas determinado pelos códigos operantes no contexto em que se apresenta. Author Norberto Chaves Barcelona Translation

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

Related: