@critara: a lucky woman, mum in love, passionate about anything web, communication, technology, The Cloud. That's where she lives and works. Ah, and she loves travelling too. :) By the way, she physically lives in Italy
venerdì 28 settembre 2012
5 Free Marketing Tools from Google You Need to Know About | The Daily Egg
With more than 1 billion search queries submitted to Google every day, Google houses a lot of data. Luckily for marketers, Google offers some great tools that provide access to this data. And they are free!
Check out these five helpful tools:
Google Trends, Google Url Builder, Googe Authorship and G+, Google Agent Rank (Patent Pending), Google Insights for Search (beta)
Read on: 5 Free Marketing Tools from Google You Need to Know About | The Daily Egg
giovedì 27 settembre 2012
[Twitter] Decreto sviluppo al varo il 4 ottobre: detrazioni per start up e digitale, forse senza vincoli d'età http://t.co/N4pcVvro via @techecon
Decreto sviluppo: start up e digitale al varo il 4 ottobre? | Tech Economy
[Twitter] The Good The Bad The Ugly of #Facebook's new Page Post Targeting http://t.co/CowXvPko via @marketingland
[Twitter] #Facebook Pages Gets New Post Targeting Options http://t.co/2LgqMNIX via @marketingland
[Twitter] how much does #SEO cost around the world? #infographic http://t.co/lcsNpD30
[Twitter] RT @ThinkwithGoogle: What are the keys to mobile site success? Big buttons, less content, fewer checkout steps, and speed. Read research http://t.co/f2rNkDyJ
[Twitter] Findings from the Survey, 2011 via @alistapart http://t.co/twVQkmne
[Twitter] Test di usabilità fai da te: le 10 cose che ho imparato da Steve Krug al From The Front http://t.co/vv8dVQqU via @andreavit #usability
[Twitter] Google: 76pc of users want to find a company’s location, op... http://t.co/xx8Qc7Qu via @Clipboard
Google: 76pc of users want to find a company’s location, operating hours from a mobile site - Research - Mobile Marketer
Read it on Mobile Marketer
[Twitter] 12 Automated Email Workflows You'll Kick Yourself For Not Using http://t.co/a4XA2PrI via @HubSpot
[Twitter] The Treasure of Frontend Island http://t.co/owtvX7Ra via @redturtle
[Twitter] RT @crazyegg Get The Action You Want On Your Website Using These Four Visual Cues http://t.co/MeYGcAJw
[Twitter] Sweet! :) "All You Need To Know About Inbound Marketing You Learned In Kindergarten" http://t.co/lwwt1CoF
[Twitter] RT @getelastic Study Shows Top Ecommerce Websites Not Getting Faster http://t.co/Cg7yc2MG
mercoledì 26 settembre 2012
[Twitter] Adotta una famiglia, sostieni il coraggio: bellissima iniziativa! #terremotoSERV #terremotoemilia #nondimentichiamoli http://t.co/9CqyZWjI
[Twitter] RT @Terraferma_E: Continuano le storie di ricostruzione #terremoto. Oggi ascoltiamo Aries, azienda biomedicale http://t.co/8OCuBhSN
[Twitter] Pagusiani @ work (@ Pagus Media) [pic]: http://t.co/vNDDAa9x
Codrops: 3D Restaurant Menu Concept
Applying CSS 3D transforms to components can bring some more realism to normally flat web elements. We've experimented with some simple concepts for restaurant websites and came up with a 3D folded menu (a real menu, not a "web" menu). The result is a restaurant website template where the menu will open by unfolding. Clicking the linked items will reveal a modal overlay which contains some more info. Since this "flyer" structure requires a decent amount of space, and, although we will make this responsive, we'll add a media query for smaller screens where everything will fall back to a simplified stacked structure. The same will be applied for browsers that don't support 3D transforms. The thumbnails and delicious recipes are by Michael Natkin from herbivoracious.com (all the ones that have a link). Please note: this only works as intended in browsers that support the respective CSS properties. Alright, so let's get started! The CSS will not contain any vendor prefixes, but you will find them in the files. The MarkupOur structure will consist of a main container with the class "rm-container" and we'll have a wrapper inside. The wrapper will contain the three panels. Initially, we only want to see the cover of the folded menu; that is the division with the class "rm-cover". The last panel is the one with the class "rm-right". The middle panel is the one we see in the middle when we open the menu: <div id="rm-container" class="rm-container"> <div class="rm-wrapper"> <div class="rm-cover"></div> <div class="rm-middle"></div> <div class="rm-right"></div> </div><!-- /rm-wrapper --> </div><!-- /rm-container --> Inside of the rm-cover and the rm-right division, we will have a front- and a backface: <div class="rm-front"> <div class="rm-content"> <!-- Some content --> </div><!-- /rm-content --> </div><!-- /rm-front --> <div class="rm-back"> <div class="rm-content"> <!-- Some content --> </div><!-- /rm-content --> <div class="rm-overlay"></div> </div><!-- /rm-back --> We'll also add an element for an overlay gradient that will give the menu parts a bit more realism. Note that the front will be empty in the last element. The middle part of the menu will simply have another wrapper inside, no front or back part: <div class="rm-inner"> <div class="rm-content"> <!-- Some content --> </div><!-- /rm-content --> <div class="rm-overlay"></div> </div><!-- /rm-inner --> We will never see the back part of this part of the menu, so we won't need that structure. The content will consist of some text elements, like definition lists for the dishes and headlines: <div class="rm-content"> <h4>Appetizers</h4> <dl> <dt>Bella's Artichokes</dt> <dd>Roasted artichokes with chipotle aioli and cream cheese</dd> <dt><a href="http://herbivoracious.com/2011/11/crostini-with-young-pecorino-grilled-figs-and-arugula-mint-pesto-recipe.html" class="rm-viewdetails" data-thumb="images/1.jpg">Green Love Crostini</a></dt> <dd>Crostini with young pecorino, grilled figs and arugula & mint pesto</dd> <dt>Focaccia di Carciofi</dt> <dd>Artichoke focaccia with fresh thyme</dd> <!-- ... --> </dl> <h4>Salads & More</h4> <dl> <!-- ... --> </dl> </div><!-- /rm-content --> Notice the anchor with the class "rm-viewdetails" and the data attribute "data-thumb". We will use this as the content for a modal overlay box that will appear when clicking on the link: <div class="rm-modal"> <div style="background-image: url(images/1.jpg)" class="rm-thumb"></div> <h5>Green Love Crostini</h5> <p>Crostini with young pecorino, grilled figs and arugula & mint pesto</p> <a href="http://herbivoracious.com/2011/11/crostini-with-young-pecorino-grilled-figs-and-arugula-mint-pesto-recipe.html">See the recipe</a> <span class="rm-close-modal">x</span> </div> It will contain the same headline and description that we get from the followed dd element (definition description), the thumbnail that we get from the data-attribute and the link. And that's the HTML, now, let's take a look at the style. Note that we won't go into the styling of the text elements or inner content parts. Instead we will focus on the 3D structure, transition classes and media queries. ![]() The CSSWe want to make the whole thing fluid, so we will give the main container a percentage width, and, since we want some 3D awesomeness, some perspective: .rm-container { width: 33%; height: 700px; max-width: 370px; margin: 0 auto 40px auto; position: relative; perspective: 1600px; color: #2a323f; } The wrapper and its children divisions (the cover, middle part and right part) will all have the full width and height and we'll position them absolutely: .rm-wrapper, .rm-wrapper > div { width: 100%; height: 100%; left: 0; top: 0; position: absolute; text-align: center; transform-style: preserve-3d; } Since we will be working in 3D perspective, we want the transform style of these elements to be "preserve-3d". The cover needs a higher z-index than all the other parts and we'll set the transform origin to be on the left edge (left center). The transition delay is for when we close the menu. The transition to the open state will contain another value, but let's look at that a bit later: .rm-wrapper .rm-cover { z-index: 100; transform-origin: 0% 50%; transition-delay: 0.2s; } The middle part will have the lowest z-index of all three parts and we'll add a subtle box shadow: .rm-wrapper .rm-middle { z-index: 50; box-shadow: 0 4px 10px rgba(0,0,0,0.7); } The right most part will have a z-index that is higher than the middle part one but lower than the cover one. The transform origin will be on the right edge (right center) and there will be no transition delay when we close the menu: .rm-wrapper .rm-right { z-index: 60; transform-origin: 100% 50%; transition-delay: 0s; } The inner divisions which are the ones with the classes "rm-front", "rm-back" and "rm-inner" will have a paper texture as background and we'll add a inset box shadow that will simulate a multi-line decorative border: .rm-wrapper > div > div { background: #fff url(../images/white_paperboard.jpg); width: 100%; height: 100%; position: absolute; padding: 30px; box-shadow: inset 0 0 0 16px #fff, inset 0 0 0 17px #e6b741, inset 0 0 0 18px #fff, inset 0 0 0 19px #e6b741, inset 0 0 0 20px #fff, inset 0 0 0 21px #e6b741; } Now, let's add the important 3D properties. The front and the back face need backface-visibility set to hidden: .rm-container .rm-front, .rm-container .rm-back { backface-visibility: hidden; } Let's rotate the backfaces so that they are behind the front parts: .rm-container .rm-back { transform: rotateY(-180deg); } The overlay will generally be an almost transparent gradient from light to a bit darker: .rm-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%); } For the middle overlay we will turn the gradient to the other side: .rm-middle .rm-overlay { background: linear-gradient(to right, rgba(0,0,0,0) 64%, rgba(0,0,0,0.05) 100%); } Let's add some padding the the content divisions: .rm-content { padding: 20px; } The modal layer will be invisible: we'll set the opacity to 0, the pointer-event to none and we'll translate it on the Z-axis: .rm-modal { position: absolute; z-index: 10000; width: 120%; margin-left: -10%; top: 50%; padding: 40px; background: #fff url(../images/white_paperboard.jpg); box-shadow: inset 0 0 0 16px #fff, inset 0 0 0 17px #e6b741, inset 0 0 0 18px #fff, inset 0 0 0 19px #e6b741, inset 0 0 0 20px #fff, inset 0 0 0 21px #e6b741, 0 4px 20px rgba(0,0,0,0.4); opacity: 0; pointer-events: none; transform: translateZ(1000px); } The idea is to reveal the modal when we click on one of the links on the menu. We'll scale the menu down and make the modal appear from "above". This concept is inspired by Hakim El Hattab's modal concept Avgrund. Let's add some transitions and define some classes for opening the menu. First, we'll give a transition to the wrapper (for scaling it when opening the modal) and to the children of the wrapper, i.e. our three menu parts (for animating the "opening"/rotation): .rm-wrapper, .rm-wrapper > div { transition: all 0.6s ease-in-out; }The modal will also have a transition for the transformation (to scale down) and its opacity: .rm-modal { transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out; } The idea is to add a class called "rm-open" which will trigger the menu to unfold. This class will be added with JavaScript when we click on the "View the menu" link. When adding the class, we will define what will happen to all the elements when we open the menu. The children of the wrapper will all get a box shadow: .rm-container.rm-open .rm-wrapper > div { box-shadow: 0 4px 5px -3px rgba(0,0,0,0.6); } The cover will rotate (without any delay) -180 degrees on the Y-axis. Since we defined the transform origin to be on the left center, it will open to the left: .rm-container.rm-open .rm-cover { transform: rotateY(-180deg); transition-delay: 0s; } The right part will rotate 180 degrees, but here we will add a transition delay of 0.2s because we want the cover to open a bit first: .rm-container.rm-open .rm-right { transform: rotateY(180deg); transition-delay: 0.2s; } When we click on one of the menu item that is an anchor, we will add another class called "rm-in" to the container and move the wrapper down on the Z-axis: .rm-container.rm-in .rm-wrapper { transform: translateZ(-500px); } The cover and the right part will be rotated a bit more to the inside: .rm-container.rm-in .rm-cover { transform: rotateY(-150deg); } .rm-container.rm-in .rm-right { transform: rotateY(150deg); } We need to set the transition delay to 0 seconds for this case: .rm-container.rm-in .rm-cover, .rm-container.rm-in .rm-right, .rm-container.rm-nodelay .rm-right { transition-delay: 0s; } The class "rm-nodelay" is an extra class that we'll need for the right menu part when we close the modal. Remember, it had a transition delay for when we open the menu. The modal will appear by translating it to 0px on the Z-axis and increasing the opacity to 1: .rm-container.rm-in .rm-modal { transform: translateZ(0px); opacity: 1; pointer-events: auto; } Let's define some media queries for smaller screens and devices. The first media query will simply resize the wrapper: @media screen and (max-width: 1110px) { .rm-container { height: 800px; } } Since we made the wrapper fluid, it will need a larger height in order to contain the text. From 960 pixels on, we no longer want to show the menu as a folded flyer but as normal, scrollable content. @media screen and (max-width: 960px) { .rm-container { width: 100%; height: auto; max-width: 460px; } All the inner divisions will no longer be absolute, but relative and we'll give them 100% of width and set the height to auto: .rm-wrapper, .rm-wrapper > div, .rm-wrapper > div > div { position: relative; width: 100%; height: auto; } The content divisions will need some margin: .rm-wrapper > div > div{ margin-bottom: 10px; box-shadow: inset 0 0 0 16px #fff, inset 0 0 0 17px #e6b741, inset 0 0 0 18px #fff, inset 0 0 0 19px #e6b741, inset 0 0 0 20px #fff, inset 0 0 0 21px #e6b741, 0 3px 5px rgba(0,0,0,0.2); } Let's remove the rotations: .rm-container .rm-back, .rm-container.rm-open .rm-cover, .rm-container.rm-open .rm-right { transform: rotateY(0deg); } We don't need the overlays any more: .rm-overlay, .rm-middle .rm-overlay { display: none; } And we set the position of the modal to fixed, so that it sticks on top when we scroll: .rm-container .rm-modal { position: fixed; width: 80%; top: 100px; left: 50%; margin: 0 0 0 -40%; transform: translateZ(0px); transition: opacity 0.6s ease-in-out 0s; } When we click on a menu item link and the modal appears we won't rotate anything any more: .rm-container.rm-in .rm-cover, .rm-container.rm-in .rm-right, .rm-container.rm-in .rm-wrapper { transform: rotateY(0deg); transition-delay: 0s; } } And that's all the important style. For browsers that don't support 3D transforms, we will use almost the same styling like we do for this last media query. Since we use Modernizr, we'll just add those classes again, preceded by .no-csstransforms3d (which will be added to the body). Now, let's add some lines of JavaScript. The JavaScriptWe will start by caching some elements: // main container var $container = $( '#rm-container' ), // the cover, middle and right panels $cover = $container.find( 'div.rm-cover' ), $middle = $container.find( 'div.rm-middle' ), $right = $container.find( 'div.rm-right' ), // open and close elements $open = $cover.find('a.rm-button-open'), $close = $right.find('span.rm-close'), // the links for each recipe (photo and details) $details = $container.find( 'a.rm-viewdetails' ), The events for opening/closing the menu and also for showing each item's details (modal) are initialized: init = function() { initEvents(); }, initEvents = function() { $open.on( 'click', function( event ) { openMenu(); return false; } ); $close.on( 'click', function( event ) { closeMenu(); return false; } ); $details.on( 'click', function( event ) { $container.removeClass( 'rm-in' ).children( 'div.rm-modal' ).remove(); viewDetails( $( this ) ); return false; } ); }, To open/close the menu we will be adding/removing the class 'rm-open' from the $container. Remember, this is the class where the transitions are defined. Note that on close, we are also removing the classes 'rm-nodelay' and 'rm-in'. These are classes that are added if we click to see the menu item's details. openMenu = function() { $container.addClass( 'rm-open' ); }, closeMenu = function() { $container.removeClass( 'rm-open rm-nodelay rm-in' ); }, Finally, if we click to see an item's details, a modal box will be shown with the image and the text for that item. We translate the main container on the Z-axis (and adjust the top margin in order to center it), and slightly rotate the left and right panels: viewDetails = function( recipe ) { var title = recipe.text(), img = recipe.data( 'thumb' ), description = recipe.parent().next().text(), url = recipe.attr( 'href' ); var $modal = $( ' ' ); $modal.appendTo( $container ); var h = $modal.outerHeight( true ); $modal.css( 'margin-top', -h / 2 ); setTimeout( function() { $container.addClass( 'rm-in rm-nodelay' ); $modal.find( 'span.rm-close-modal' ).on( 'click', function() { $container.removeClass( 'rm-in' ); } ); }, 0 ); }; And that's it! I hope you enjoyed this tutorial and find it useful! |
How to Use Google Analytics | by Christopher Butler
Read on...
Preview background patterns
martedì 25 settembre 2012
[Twitter] i magistrati correggano la legge o abbiano il coraggio di andare fino in fondo, dice #sallusti http://t.co/8EM2cbbw
lunedì 24 settembre 2012
[Twitter] Slides of a @nireyal lesson: Using Neuroscience to Influence Behavior http://t.co/9ApooW1B
sabato 22 settembre 2012
[Twitter] "Alzando da terra il sole" libro pro #terremotoemilia firmato da quarantasei fra scrittori, artisti e giornalisti: http://t.co/iUDOMnus
[Twitter] Da Hong Kong un sostegno attivo a FacciamoAdesso http://t.co/lOyYZyak via @facciamoadesso
venerdì 21 settembre 2012
[Twitter] RT @FacciamoAdesso: La motivazione del premio e-gov 2012 a Facciamoadesso http://t.co/U7FJPPTc
[Twitter] RT @FacciamoAdesso: L'Assemblea Regionale ritira il premio e-gov 2012 per Facciamoadesso!! #egov2012 http://t.co/rXqu7pw6
[Twitter] New Study From LinkedIn Shows How User Mindset Affects Social Media Marketing http://t.co/1AJasZNn via @HubSpot
giovedì 20 settembre 2012
[Twitter] Interesting article on loss aversion: study of #behavioral #economics applied to #teachers http://t.co/DhIYUJtd - by @thedailybeast
mercoledì 19 settembre 2012
Masking HTML elements with gradient-based fadeouts
Read on...
martedì 18 settembre 2012
Real funny, a #mustread: Gilt Flashed My Granny Panties http://t.co/XKMDw55I via @HuffPostTech #facebook #privacy #wtf
Advanced Excel For PPC
#advertizers to share budgets between multiple #campaigns in a single #adwords account | via @searchengineland http://t.co/Six4iwyn
lunedì 17 settembre 2012
Did u know #google #mobile and google #desktop #search produces #different results? http://t.co/SjAJkZ59
#google recommends #responsive sites more than separate #mobile URLs https://t.co/GgmPpRRl
Codrops: Button Switches with Checkboxes and CSS3 Fanciness

View demo Download source
Hello everyone! For a while now, I'm having fun with the new CSS properties (CSS3). It's an incredible playground for creativity and cleverness. I particularly enjoy designing and creating UI elements like buttons, switches, toggles and such. That's the focus of this tutorial, I'll show you how to create button switches with CSS only, without a line of JavaScript. Ready for it?
Read more...
venerdì 14 settembre 2012
Caro Monti... 3 domande ben poste di un piccolo #imprenditore (leggetelo, merita) http://t.co/u0NxeplJ
RT @KISSmetrics The Anatomy of an Effective Homepage http://t.co/Z3E3i6BY
Add Google plus comments to your website
Inner Shadows in CSS: Images, Text and Beyond | Design Shack
Add Google plus comments to your website
Read on...
Inner Shadows in CSS: Images, Text and Beyond | Design Shack
Read more...
Instagram's Amy Cole Means Business: How A Former Racecar Engineer Is Helping The App Grow Up http://t.co/xc7GnlOv via @huffingtonpost
giovedì 13 settembre 2012
RT @PippoSolello: RT @Terraferma_E: Il maiale non si ferma anche dopo il #terremoto. Storie di Emilia http://t.co/wzF1chBE
http://t.co/EdaM1iX0 via @SEOmoz
RT @mashable: Anonymous Hacker’s Arrest Caught on Tape http://t.co/MmgAcyRx via @dailydot
Opt-Out Responsive Design? | CSS-Tricks
Read more...
A Marketer's Guide to Tracking Online Campaigns

Tracking URLs are one of the most complicated concepts I've ever had to explain during my time as an inbound marketing consultant here at HubSpot. That said, they are also one of the most useful tools for online marketing. Below, I'll explain how to use tracking URLs to create targeted campaign reporting.
Read more...
RT @nekorina: @redturtle S-P-E-T-T-A-C-O-L-O!! @FacciamoAdesso finalista ai premi #eGov! http://t.co/tJA5KtW6 Incrociamo le dita!!
"Nati con la Camicia" camiceria di #mirandola con grinta da vendere #terremoto. #nondimentichiamoli @facciamoadesso http://t.co/7GxarTXi
mercoledì 12 settembre 2012
Talking about "What is your favourite blogging platform?" on @branch. Who has something to add? http://t.co/6CSg5lIj
#Facebook CEO Mark Zuckerberg: We Burned Two Years Betting On #Mobile Web Vs. #Apps - Forbes http://t.co/sWfCUui8 via @sharethis
lunedì 10 settembre 2012
The Ultimate Guide to Content Planning | SEOmoz http://t.co/5ed5agfh via @SEOmoz
domenica 9 settembre 2012
This Is How Facebook Is Tracking Your Internet Activity http://t.co/eiYjS5tr via @BI_Advertising
RT @charpolanosky: How Do You Explain Blogging to Your Mom? - http://t.co/WLXC1BE7
sabato 8 settembre 2012
Watch the Sequel to 'Sh*t Apple Fanatics Say' http://t.co/3KssDQlJ via @mashable
venerdì 7 settembre 2012
Nice trick: Decorative CSS Gallery – Part 2 http://t.co/6e1TUdUh via @nickla
RT @brad_frost: Nice! @grigs will be giving a virtual seminar on mobile-first responsive web design https://t.co/e7UvREhX You should sign up.
giovedì 6 settembre 2012
#guesswhat? #Pinterest Now Sending More Traffic Than Yahoo Search, @Shareaholic Says http://t.co/gymNQhnQ via @sengineland
Grazie, thank you, danke, merci #refund #itunes #macworld #apple #sillydaughter #happymum :)
You're welcome, @c_venturini. Ci risentiamo presto con tue indicazioni su cme muoverci. Buona serata :)
RT @brad_frost: CSS Tricks gets a big Kickstarter-induced redesign: http://t.co/mvqzZCqS Big ups to @chriscoyier, master of the universe.
The importance of the word #because when crafting "Magically Persuasive Offers" http://t.co/Uq2bXzoK via @crazyegg #mktg
This Is Responsive | by @brad_frost and @pkattera
About Responsive.RGA.com
Collected by@brad_frost and @pkattera at R/GA.
Ciao @c_venturini, sto leggendo la tua mail, scusa ritardo, era comple di mio figlio ieri... :)
Getting Your Product Into the Habit Zone | Nir and Far
Creating user habits leverages two critical factors that should be considered by every company attempting to build high-engagement products ..."
Getting Your Product Into the Habit Zone | Nir and Far
The Ultimate Guide to Content Planning | SEOmoz @simonpenson
A Beginner’s Guide to Leaner CSS | Design Shack
This article isn’t for the guy who spends his days trolling through web development blogs for a chance to leave comments and show off how much more he knows that everyone else. If you’re already a CSS genius, go write a book.
Instead, I’m writing this for the masses of developers who are finally beginning to get the hang of this CSS thing. You’ve been styling websites for a year, maybe two and you’re ready to take a step beyond how to write effective code and learn how to write efficient code.
“You’re ready to take a step beyond how to write effective code and learn how to write efficient code.”
Just like me at this point in my career, you’ve heard the jargon plenty of times but have yet to experience that “click” where suddenly writing efficient CSS makes sense. Hopefully, we’ll find that click today.
The Ultimate Guide to Content Planning | SEOmoz @simonpenson
@simonpenson
Read more... | SEOmoz
Getting Your Product Into the Habit Zone http://t.co/VNLXtpLP via @nireyal
Enquire.js - Media Query Callbacks in JavaScript | CSS-Tricks
Use Cases
- Responsive Design
- Mobile-first Design
- Assist older browsers with media queries [...] "
Enquire.js - Read more...
RT @JebBrovsky: You can tell Monopoly is an old game because there is a "Luxury Tax", "Community Chest" and the Banker can still get thrown in jail.
The Cooper Journal: The best interface is no interface http://t.co/iaZYTBDc via @cooper
"it's what they do online and how they do it that provides the richest source of knowledge to companies." http://t.co/6elwr4y3
mercoledì 5 settembre 2012
A Beginner’s Guide to Leaner CSS | Design Shack
Read more...
RT @KISSmetrics: Why You Ought to Throw Away Your Vanity Metrics for These 5 Customer Metrics http://t.co/lIokEMKF
Free sketch sheets for web designers (pdf/psd) via @smashingmagazine
About transparent #Facebook's #IPO Prospectus, #Zuckerberg's patience and his impatient #Shareholders http://t.co/AP5ctRSL via @sai
@frenci : bentornata!!
RT @uniiulm: #Milano richiama i talenti http://t.co/N6IMH5ck #università #bando
Why not? @DigitalTrends: Graveyard tech: QR codes to bring cemeteries alive http://t.co/LOCRxGzg
martedì 4 settembre 2012
He probably telecommuted: Man advertises on digital billboard to help wife land a job http://t.co/0Le6KmMG @DigitalTrends
Who no? @DigitalTrends: Graveyard tech: QR codes to bring cemeteries alive http://t.co/LOCRxGzg
RT @steverubel: Would you? Could you? -> Restaurant Owner In Los Angeles Offering 5% Discount If You Check Your Phone At The Door http://t.co/587nifWN
RT @consumerist: Why ‘Antibiotic-Free’ Meat Doesn’t Mean What You Think It Does http://t.co/XidfQoDK
Report: 40 percent of mobile clicks are fraud or accidents http://t.co/tMX1FFVo
Google: 66pc of social media access begins on a smartphone - Mobile Marketer - Research http://t.co/l2tmKgtE
Code a Mountain Lion Style Notification Window With CSS | Design Shack
Read more...
List navigation to mobile : #touchdown by @samuelcotterall · GitHub
Touchdown is a tiny bit of JavaScript that converts <ul>
or <ol>
navigation elements to <select>
dropdowns—which is nice if you’re using an iPhone or something.
Want to see a demo? http://samuelcotterall.github.com/touchdown/ Read more...
Responsive Design case study | built by Boon
"This post aims to outline the entire project processes and act as an informal case-study for the construction of a large-scale responsive website. The South Tees site contains over 1,000 pages and while Responsive Design is not a new technique, documented examples of client sites on this scale are few and far between. The more we share our experiences, the better our techniques and processes will become as a result. [...]"
Responsive Design case study | built by Boon
@TechCrunch: #twitter helps #GirlsWhoCode, an association that helps women get in technology http://t.co/GeQd5Ss6 by @leenarao
lunedì 3 settembre 2012
Google+ Launches Tools for Businesses http://t.co/6de4mGpP via @mashable
How To Use Customer Data and Website Analytics To Create a Stellar User Experience | The Daily Egg
Do you know which of them are the most profitable, or the most active on your website – and do you know why? If you haven’t answered yes to all of these questions, read on – because understanding this information can be critical to ensuring you offer your customers the best possible user experience.
Read more...
Where print fits in responsive web design by Jordan Moore — Web Designer & Front End Developer
[...] if we are developing from a mobile first standpoint we can involve print styles at this level too so that most of our layout resets for the print media type are already taken care for us before horizontal layout occurs. [...]
Read more...