CSS Blend Modes could be the next big thing in Web Design For everyone who has ever opened Photoshop or Illustrator you are most likely familiar with blend modes. Multiply, screen, overlay and soft light, to name a few can turn boring opaque layers into beautiful pieces of stained glass. However, what awesome “blend modes” do web designers have at their disposal for making websites beautiful? Opacity. Yep, that’s it. Blend modes and the web It’s a shame that we couldn’t have had more blend modes to work with when the opacity property gained widespread support across browsers, but it turns out that ensuring Photoshop-like blend modes render uniformly across different browsers and implementations is no easy task. Despite this, things are changing fast and there is a candidate recommendation titled CSS Compositing and Blending. Right now, the specification brings three brand new properties to CSS, background-blend-mode, mix-blend-mode, and isolation. Canvas 2D: Will it blend? Blending in CSS: Say hello to background-blend-mode Learn more:
Storm Type Foundry Dimensioni immagini nei Social Network - Yunikon Design Un’utile infografica contenente tutte le dimensioni delle immagini nei Social Network Quante volte ti sarà capitato di non ricordare le dimensioni esatte dell’immagine cover di una Pagina Facebook? A me almeno una dozzina. Stamani ho trovato un’utile infografica che racchiude tutte le dimensioni delle immagini dei principali social network, ed ho pensato di condividerla sul sito. Quick Reference Dimensioni Immagini nei Social Network Facebook – Facebook foto di Copertina: 851 x 315, Facebook foto Profilo: 180 x 180Twitter – Twitter immagine Header: 520 x 260, Twitter foto Profilo: 81 x 81Google+ – Google+ foto Copertina: 2120 x 1192, Google+ foto Profilo: 270 x 270LinkedIn – LinkedIN foto Copertina: 646 x 220, LinkedIN foto Profilo: 100 x 60Pinterest – Pinterest foto Profilo: 160 x 165Instagram – Instagram foto Profilo: 110 x 110YouTube Image Dimensions – YouTube foto Copertina: 2560 x 1440, YouTube foto Copertina safe area: 1546 x 423
James Bond 007 Cars Evolution | Evans Halshaw <div class="no-js-warning">This site is better with JavaScript turned on!</div> Licence to drive Everyone has a favourite Bond - and a favourite Bond girl - but what's your favourite Bond car? Scroll through time to find out 62 Sunbeam Alpine The Alpine was the first James Bond car and had no alterations by Q's lab. Embed To embed this page as an infographic image, simply copy and paste this embed code. Download a desktop wallpaper of your favourite Bond car! Wallpaper Share
NEWTYPOGRAPHY - free fonts for the cloud Lazy Line Painter 10 moduli gratis per PrestaShop - AscoliTech Oggi vi consiglio 10 moduli gratis – e utilissimi – per PrestaShop. Costruendo e-commerce su questa piattaforma ho avuto necessità di trovare moduli che mi permettessero di fare determinate cose, e in giro per la rete ci sono diversi siti che raccolgono moduli a pagamento e non, davvero molto utili; vi propongo questa piccola carrellata di quelli che, a mio parere, sono tra i migliori moduli free che potete trovare per questa piattaforma. I moduli sono stati testati sulle versioni 1.3 e 1.4, ma per avere informazioni precise sulla compatibilità attenetevi alla documentazione di ciascun modulo 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. Bene, questo è tutto Spero che questi moduli siano di vostro gradimento! A presto!
20+ Tools to Create Your Own Infographics A picture is worth a thousand words – based on this, infographics would carry hundreds of thousands of words, yet if you let a reader choose between a full-length 1000-word article and an infographic that needs a few scroll-downs, they’d probably prefer absorbing information straight from the infographic. What’s not to like? Colored charts and illustrations deliver connections better than tables and figures and as users spend time looking back and forth the full infographic, they stay on the site longer. Plus, readers who like what they see are more likely to share visual guides more than articles. While not everyone can make infographics from scratch, there are tools available on the Web that will help you create your very own infographics. In this article, we’re listing more than 20 such options to help you get your messages across to your readers, visually. Read Also: The Infographic Revolution: Where Do We Go From Here? What About Me? “What About Me?” Vizualize.me Piktochart easel.ly
Festival - Fourth edition Application Agenda Festivals, markets, local celebrations, sportsevents - the entire programme of events in the Bouches-du-Rhône is on MyProvence Agenda. Check by date, by place, by theme: there's always something going on near you. People Like Myprovence is the official page for Bouches-du-Rhône tourism. Like Tables MyProvence Tables 13 means more than 200 restaurants for all kinds of local, homemade, creative, friendly cuisine. MyProvence The Pass Do you live in the Bouches-du-Rhône ? Discover Beautiful Roads With MyProvence Belles Routes, take off on foot, on bicycles, mountain bikes, motorcycles, in the car or even in mass transit. Festival Discover Provence looking through the eyes of the artists who have depicted it with Myprovence Festival : 4 years of contemporary artistic creation in and around Marseille-Provence. Discover Zevisit MyProvence Zevisit is a free app to explore Provence. Strolls
Processing.js BouncyBubbles Based on code from Keith Peters (www.bit-101.com). Multiple-object collision. Original Processing.org Example: BouncyBubbles 29 free Internet tools to improve your marketing starting today 4.7K Flares Filament.io 4.7K Flares × Aren’t shortcuts just the best? While everyone else takes the long way, you and your shortcut get to breeze right through, skipping a few steps and feeling pretty smart doing it. Finding a good marketing shortcut feels especially great, considering all that we marketers have to do in a day. That’s why I went hunting for the top free marketing tools in a variety of marketing categories. Research Tools We’ll start at the beginning: researching topics, sites and ideas. 1. I don’t know why more people don’t talk about Google Scholar, but I love this tool for researching science-heavy articles and digging into emerging studies. 2. Described as a search engine for links, Open Site Explorer allows you to see a list of the sites that are linking to you – or another site. 3. See what the world is searching for and how interest in concepts has changed over time with Google Trends. Ideation Tools 4. Stumped for ideas? Not bad, huh? 5. Reading and Writing Tools 6.
Ideator | Million-dollar ideas at the push of a button Websites - Sviluppatori di Facebook As mentioned, the code above uses the common defaults for the options available when initializing the SDK. You can customize some of these options, if useful. Changing SDK Language In the basic setup snippet, the en_US version of the SDK is initialized, which means that all the dialogs and UI will be in US English. <script> (function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/es_LA/all.js"; d.getElementsByTagName('head')[0].appendChild(js); }(document)); </script> Disabling Login Status Check By setting status to true in the FB.init() call, the SDK will attempt to get info about the current user. Setting status to false can improve page load times, but you'll need to manually check for login status using FB.getLoginStatus. Disabling XFBML Parsing Triggering Code when the SDK loads Debugging To improve performance, the JavaScript SDK is loaded minified.