Post pobrano z: News printed on packagings / Des news pas si nouvelles?
 |
 |
| THE ORIGINAL? Mainichi “News Bottle” – 2013 Source : Cannes Lions BRONZE Via : Coloribus Agency : Dentsu Tokyo (Japan) |
LESS ORIGINAL Cafe Pele “Front Page Pack” – 2016 Source : Cannes Lions BRONZE Via : Comunicadores, Coloribus Agency : Lew’Lara\TBWA Sao Paulo (Brazil) |
Post pobrano z: 24 Night Light Photos
Low light photography is one of the most difficult skills in photography but if executed correctly, one of the most spectacular. Whether you’re photographing the night sky, street lights, city lights, or painting with lights, your end result has the potential to look incredible!
Shooting in low light requires the right equipment and expertise, but can return a very satisfying shot. The photographers below have done just this; take a look!
Credit to respective artists.
Neil Barnsley
barnyz
barnyz
dragosboca
minoir
Shanti Alex
Shanti Alex
barnyz
Dmytro Shoshin
barnyz
Jonathan Ichikawa
Mariana
YI LI
Dovid Brody
Marina
Daniele Poli
Mylène My-trip
Flavio Obradovich
Arma 27
André Pereira
Saúl Aguilar Gonzalez
llee_wu
Christian Haecker
icx1
The photographers above have mastered the art of shooting in low light; their shots as proof. I hope that this collection has inspired you to head out once the sun has set, and shoot in the night light.
Thanks for stopping by!
Post pobrano z: 38 Shoe Designs For Sneakerheads
I believe that there’s a sneakerhead in all of us. For some people, it might just be a simple love for sandals and for others a love of all sneakers; from Yeezy’s to New Balance. I myself am definitely a sneaker guy, having just bought a fresh new pair of Asics Gel-Lytes. Complex came up with the top 30 most influential sneakers of all time. The top 10 are:
I’ve gone ahead and put together a collection of 34 shoe designs for sneakerheads! Enjoy!
Credit to respective artists
credit:Tyler Christmas
credit:Tyler Christmas
credit:Luís Quintal
credit:Shane Griffin
credit:Go Media
credit:Go Media
credit:Leanber II Ruallo
credit:AARON MARTINEZ
credit:Ezequiel Grand
credit:Ezequiel Grand
credit:Ezequiel Grand
credit:Ezequiel Grand
credit:Ezequiel Grand
credit:Seth Maddox
credit:Matt DEALMEIDA
credit:Ian Jepson
credit:Codoro Studio
credit:Ahmed Samir
credit:Robert Machuga
credit:Ayashi V
credit:irfan mirza
credit:irfan mirza
credit:irfan mirza
credit:Marek Kowalik
credit:MGNG !
credit:Gemma Pearce
credit:Saurabh Badola
credit:Yoann Moreau
credit:Matt Smith
credit:Matt Delbridge
credit:Matt Delbridge
credit:Matt Delbridge
credit:Matt Delbridge
credit:Benjamin Schuster
credit:Marielooox ©
credit:Marielooox ©
credit:Justin McDaniel
My personal favorite of the bunch are the Nike Yeezy II Red October’s followed closely by the Nike Air-Max 90 ad. Masterpiece! My current favorite shoe that I own are my Adidas Busenitz “euro cup” followed by either my Nike Roshe or Asics Gel-Lyte V’s.
I hope that this roundup has served as inspiration! Thanks for stopping by!
Post pobrano z: 21 Color Photos That’ll Make Your Eyes Pop
Colors play a massive role in everyone’s day-to-day life. If you’re not color blind, your eye can process somewhere around 7,000,000 colors. The power of the eye is a whole different conversation and can be left for another day, but colors in-and-of itself is a very fascinating topic to look at. Here are some facts about colors courtesy of Ucreative that will blow your mind!
I hope that you enjoy this collection of eye-popping colorful photography!
Credit to respective artists.
credit:Jéssica Ribeiro
credit:botaroo
credit:Tania Barra
credit:Bre Tincher
credit:James Walsh
credit:Anthony Hart
credit:L.S.P. tokyo
credit:wiley photo
credit:Ricardo Williams
credit:Jim Wallace
credit:Patricia Henschen
credit:Kiril Urbonas
credit:Tony Ibarra
credit:Meg Milburn
credit:Melmo375
credit:jenni983
credit:song zhen
credit:Gustavo Diaz
credit:Graeme Wilmot
credit:David Yu
credit:Kay Tee
If you’re blessed enough to be able to see color (approximately 95.5% of the world’s population), take the time to appreciate it for what it’s worth. Next time you pass a colorful garden, stop and look upon the vast array of colors before you.
I hope that you enjoyed this colorful photography collection! Thanks for stopping by!
Post pobrano z: 34 Fierce (and not-so-fierce) Viking Logos
The Vikings were both fascinating and terrifying. The modern knowledge of these people is based mostly on stereotype, so let’s clear the air.
The Vikings eventually stopped raiding and gradually settled into the rest of civilization, becoming Norwegians, Swedes, and Danes.
Anyways, that was a quick history lesson, but here are some modern logos that have been inspired by the Vikings (or their stereotypes.) Enjoy!
Credit to respective artists.
I hope that you enjoyed this weeks logo roundup! With halloween around the corner, I’m sure you’ll be encountering some Vikings in the streets. Just remember that they’re all posers and the real Vikings were actually quite dignified and respectable people, who used barbaric tactics to raid.
Post pobrano z: With Fontself, you can now create fonts directly from Photoshop
On Designer Daily, we already mentionned Fontself when they were looking to fund their first iteration of the project. At the time, they were looking to create an add-on for Photoshop and Illustrator, starting with the latter. The Illustrator plugin was released months ago already and was a great success. Recently, Fontself launched the Photoshop […]
Post pobrano z: Real CSS Tweets (Vol. I)
We be tweetin’ all the time about web design and development stuff. In fact, @Real_CSS_Tricks, the official Twitter account for this site, is largely just an outgoing airhorn for the stuff we publish here and interesting things elsewhere. The human beings that operate this site have their own accounts.
It’s pretty interesting to see which tweets take off! Here’s a list of the most popular tweets in the last year or so.
Wanna see a decent little slider in a handful of lines of code? pic.twitter.com/zOsN4mhRFw
— CSS-Tricks (@Real_CSS_Tricks) October 23, 2016
That one turned into a blog post and demo.
Loads of icons you can make with a single element (and pseudos)https://t.co/s3VyHj2P11 pic.twitter.com/mlIkyjc86w
— CSS-Tricks (@Real_CSS_Tricks) October 16, 2016
I’d say SVG is normally the best fit for this kind of thing, but this is a damn impressive experiment. I like the websites interface in how you can hover over the parts of CSS and it shows you what part of the icon it is.
Some more helpful mini tools:
CSS Peeper: https://t.co/RRbKhut7Ea
Chrome extension that displays styling information about the current site. pic.twitter.com/bs3NtmgI3I
— CSS-Tricks (@Real_CSS_Tricks) December 23, 2016
Always helpful to have a quickie site to snag nice colors.https://t.co/h2Ei8syLEU pic.twitter.com/X0GGXyn5dE
— CSS-Tricks (@Real_CSS_Tricks) April 4, 2016
Reminder that Clippy is an *awesomely helpful* little app for clip-pathhttps://t.co/SZILcdftSZ pic.twitter.com/qcKvcaTO8a
— CSS-Tricks (@Real_CSS_Tricks) April 6, 2016
Demos!
ooOOo fancy. "Aquarelle is a watercolor js effect."https://t.co/0ycH8fcyRV pic.twitter.com/NKqj0LKZf0
— CSS-Tricks (@Real_CSS_Tricks) January 16, 2017
What a cool way to show nav with what is current visible: https://t.co/u7yHR2QtlP pic.twitter.com/m53rzHD8El
— CSS-Tricks (@Real_CSS_Tricks) January 13, 2017
The Twitter heart explosion animation by @anatudor with:
1 Element
0 Images
0 JavaScripthttps://t.co/9rcDYZwjrY pic.twitter.com/tA7zaMg3xl— CSS-Tricks (@Real_CSS_Tricks) June 29, 2016
Little bits of code:
Always so satisfying centering stuff with flexbox. pic.twitter.com/uH8u9EQhaw
— CSS-Tricks (@Real_CSS_Tricks) January 11, 2016
Native (!) smooth scrolling:
window.scroll({
top: 2500,
left: 0,
behavior: 'smooth'
});Polyfill: https://t.co/I6fHdLzDTT
— CSS-Tricks (@Real_CSS_Tricks) November 2, 2016
This was confusing me, but I think we have it sorted now.https://t.co/uRuiJTA68yhttps://t.co/cvYQA1riU4 pic.twitter.com/lQhba7QEpe
— CSS-Tricks (@Real_CSS_Tricks) January 22, 2016
Stuff right here on CSS-Tricks:
Input Masking :: https://t.co/ee1bRnPPnl pic.twitter.com/xVZUIc8XTr
— CSS-Tricks (@Real_CSS_Tricks) November 30, 2016
Sticky Footer
❶ ❷ ❸ ❹ ❺
Ways!https://t.co/4shCFk12UY pic.twitter.com/VjFmQnK65H— CSS-Tricks (@Real_CSS_Tricks) May 25, 2016
So. Much. Info. on CSS Grid Layout.https://t.co/lTmSHGztho pic.twitter.com/D0lBxQSQxG
— CSS-Tricks (@Real_CSS_Tricks) March 29, 2016
❤️
Real CSS Tweets (Vol. I) is a post from CSS-Tricks
Post pobrano z: Build Your Next Website with Squarespace
I’ve been reminded a few times lately how the web is both is a great enabler, allowing people all over the world to share ideas and build businesses, and a pain in the ass.
The other day, I listened to a gentlemen explain to me his unique startup business, a marketplace connecting two groups of people. It will be a real challenge, I thought, reaching all these people on both sides and getting them to understand how his business can help. He was up for the challenge and making great headway. His biggest problem, he said, was his website. ARG! The website should not be the limiting factor here. It should not be the hard part. The website should be the easy part. The hard part is reaching all those people that can make or break this idea.
A few weekends ago I watched a team come together and, highly reluctantly, spend their entire weekend handling frustrating infrastructure work on their website. Migrations gone haywire; upgrades being harder than they should have been. These people work with web tech, but web tech isn’t their business. Their time is better spent building their business, and on the weekend, resting their brains.
I’m not that worried about these folks. They have the expertise and resources to get through. I am worried about all the people out there who don’t. I’m worried about the people who are entrenched in a website setup that is far too complex for them and actively disrupting their work and business.
I wish more people used Squarespace.
With Squarespace, you’re getting a beautifully designed responsive site. You don’t have to worry about upgrades or security. You control everything – you don’t need permission or to call someone to change things on your site. You don’t need to worry about how domain names work, or hosting, or SSL. It makes the website the easy part so you can focus on whatever your hard part is. Plus I’ll worry about you less.
Use the offer code „CSS” at check-out to get 10% off your first purchase.
Direct Link to Article — Permalink
Build Your Next Website with Squarespace is a post from CSS-Tricks
Post pobrano z: Dove Chinese New Year Reconciliation
Mars China is promoting Dove (De Fu) chocolate in a commercial connecting Chinese New Year with intergenerational relationships. The 5-minute film tells the story of a young woman (Guan Xiao Tong) and her mother, their annual Chinese New Year ritual, and their changing relationship as they grow older. Their family greeting, “Nian nian de fu”, could be heard as “Good Fortune every year” or “Dove every year”. The commercial culminates in a touching reunion in which Dove chocolate and calligraphy is used to express their love.
The campaign was inspired by insights which revealed a growing emotional disconnect within families as Chinese people struggle to show affection and emotion, especially to their parents. The campaign sees a shift in strategy for Dove, which usually targets young independent women with its advertising. This campaign aims to drive growth in volume and penetration for the brand by appealing to a broader audience.
Arthur Tsang, CCO, BBDO Beijing, said, “This year, we wanted to tell the story of everyone; the importance of family love and how it lingers no matter how distant we become as life carries us away from our parents. Being headstrong, feisty and independent is one thing, but what is it as young people that we are really rebelling against? Our goal was simply to touch upon this nerve and remind our audience, there’s always someone that loves you back home.”
Thomas Delabriere, vice president, marketing, Mars China said, “This Chinese New Year, Dove wants to be the most talked about campaign for a spot that really touches people’s hearts.”
BBDO Beijing ECD Howard Mok said, “We have created the “Dove Girl” for more than 2 decades; she has always been an independent, witty and charming girl. However, this year, she misses home. We changed the Dove girl’s image to make it a reflection of everyone; she connected the family and the ritual of Chinese New Year. Through the Dove chocolate box, which contained all of the “Fu” calligraphy over the years, it not only deeply connected the brand and ‘Nian nian De Fu’, but also created a unique symbol of blessing Chinese New Year with chocolate.”
The Dove New Year campaign was developed at BBDO Beijing by chief creative officer Arthur Tsang, executive creative director/art director Howard Mok, group creative director/art director Gin Tee, copywriters Arthur Tsang, Bi Rui Zhang, Ray Xu, art directors Kevin Ni, Roy Yang, managing director Yeat Mung Koo, executive producer Max Lee, account director Joshua Teong, senior planner Jasmine Lai, account management team Jamie Wang, Sophie Hou, working with Mars China marketing VP Thomas Delabriere, marketing directors Jelina Wan and Bobo Chen, and marketing manager Lu Fu.
Filming was shot by director David Tsui via Moviola Productions with producer Christine Ip.
Post pobrano z: The Media Object, A Bunch of Ways
The Media Object pattern is: image thingy on the left, heading and text on the right.
That’s what Nicole Sullivan called it and the name stuck. It’s a pretty simple pattern, but like all things web design, it can be done many ways.
Let’s take a crack at a lot of those ways. In these demos, I’m not particularly focusing on naming conventions, semantics, or browser support. Just possibilities.
Certainly, we could float the image to the left!
See the Pen Media Block #1 by Chris Coyier (@chriscoyier) on CodePen.
But just floating means you get wrapping. Wrapping might be perfectly fine, or you might not want it.
To fix that, we could make sure all the text is wrapped in an element, then make sure that element has padding-left equal to the width of the image and any white space between them.
See the Pen Media Block #2 by Chris Coyier (@chriscoyier) on CodePen.
Or, you could float both sides:
See the Pen Media Block #3 by Chris Coyier (@chriscoyier) on CodePen.
Flexbox makes quick work of it!
See the Pen Media Block #4 by Chris Coyier (@chriscoyier) on CodePen.
Note that we’re allowing the <img> to become a flex item. We used align-items: flex-start; to make sure it doesn’t stretch out to the same height as the text.
The media object could be a two-cell row of a table:
See the Pen Media Block #5 by Chris Coyier (@chriscoyier) on CodePen.
If you wanted to keep non-<table> markup, it’s still possible to make it behave like a table via display: table;:
See the Pen Media Block #6 by Chris Coyier (@chriscoyier) on CodePen.
Grid layout allows us to define a set of columns. It’s quite easy to set up the first column to the fixed width we want, and the second column to take up the rest of the space.
See the Pen Media Block #7 by Chris Coyier (@chriscoyier) on CodePen.
Like in flexbox, we can avoid the image stretching itself out by aligning it to the top with align-self: start;.
I’m sure y’all can find about a dozen more ways to do it!
The Media Object, A Bunch of Ways is a post from CSS-Tricks