Il Responsive Web Design è una tecnica con la quale la realizzazione strutturale di un progetto web, viene eseguita con lo scopo di ottimizzare un layout a seconda delle dimensioni dello schermo o dispositivo mobile corrente.

Questo layout diventa reattivo a seconda dell’ambiente in cui si trova, grazie all’uso di diverse tecniche tra cui le Media Queries CSS.
Con l’avvento dei supporti mobile, si è sentita la necessità di avere a disposizione la possibilità di poter costrutire dei layout potenzialmente adattabili su diverse dimensioni.
Design Reattivo, ma di cosa si tratta?Nel Maggio 2010 si è iniziato a parlare di web design reattivo e oggi anche grazie all’introduzione di HTML5 e CSS3 si iniziano a vedere dei progetti interessanti.
L’obiettivo di questa tecnica non è altro che avere la possibilità di progettare un unica versione di un progetto web, che si possa auto-adattare a tutti i supporti, device inlclusi senza preventivare versioni apposite.
WordPress famoso CMS ha rilasciato tempo fa anche un tema gratuito, chiamato Responsive Tweenty Ten, realizzato con queste regole, interessante per andare a curiosare del codice.
Che libri mi consigli?Su argomento Responsive Web Design ti consiglio vivamente l’e-book pubblicato da A Book Apart: Responsive Web Design.

L’e-book è a pagamento, pochi dollari spesi bene per iniziare a conoscere il design reattivo.
In questo articolo puoi trovare una recensione in italiano sugli argomenti trattati, scritto da Tommaso Baldovino.
Risorse e TutorialHo raccolto alcune risorse riguardo il design reativvo applicato su layout, video, slider, lightboxmenu, immagini e testi.
Questi esempi possono aiutarci molto per capire a fondo la potenzialità del Responsive Web Design.
Responsive Design Framework
Responsive Design Grid
Responsive Design Ligthbox
Responsive Design jQuery slider
Responsive Design Videos
Responsive Design Images
Responsive Design Text
Responsive Design Menu

News from the SUPEREVR security blog is that Skype for iOS is vulnerable to a cross-site scripting (XSS) attack that allows an attacker to send someone a message and, for instance, capture that user’s address book from their iPhone.

The author of the article posted a video that demonstrates the attack:

He further states in a tweet that he notified Skype of the vulnerability on August 24th:

In case anyone is wondering, I disclosed the vulnerability to Skype on 8/24. I was told an update would be released early this month.

Skype has issued a statement through their PR firm:

We are working hard to fix this reported issue in our next planned release which we hope to roll out imminently. In the meantime, we always recommend people exercise caution in only accepting friend requests from people they know and practice common sense Internet security as always.

Skype’s mitigation recommendation is a good one as the default privacy setting is typically that you can only receive chat messages from people on your Contact list. Therefore, the attacker would have to be someone who you have authorized and added to your contact list.

Meanwhile, hopefully Skype will be out with their update soon.

P.S. Hat tip to Tom Keating for writing about this exploit as that was where I first learned of it.

MobileHTML5 è un progetto web che raccoglie in una unica pagina tabellare tutte le maggiori compatibilità degli standard HTML5 sui diversi dispositivi mobile e browser tablet.

Come sappiamo HTML5 e CSS3 sono linguaggi in fase di definizione, non tutte le loro specifiche vengono supportate su browser mobile.
Questa lista comprende le proprietà, selettori di CSS3 e le applicazioni, tag e input form di HTML5, molto utile per conoscere cosa attualmente è supportato o meno.

Ogni specifica può essere approfondita con la guida del W3C, e nella tabella possiamo individuare le compatibilità con i dispositivi e browser mobile.
Attualmente, i browser inclusi sono Safari su IOS, Android, Blackberry, IE, Opera, Firefox, webOS e Symbian.
Un’ottima tabella di compatibilià da avere sotto mano per sviluppatori di applicazioni mobile.

Screenfly è un servizio online gratuito realizzato dai ragazzi di Quirktools che nella loro home page prometto altri 3 fantastici tools.

Abbiamo la possibilità di testare un sito web su diversi device, come desktop, tablet, mobile e schermo tv.
Per ogni device potremo decidere il formato e ottimizzare la versione del nostro sito web per tutti i device.
Device DisponibiliDesktop10″ Netbook 1024 x 60012″ Netbook 1024 x 76813″ Notebook 1280 x 80015″ Notebook 1366 x 76819″ Desktop 1440 x 90020″ Desktop 1600 x 90022″ Desktop 1680 x 105023″ Desktop 1920 x 108024″ Desktop 1920 x 1200TabletViewSonic ViewPad 800 x 480Velocity Cruz 800 x 600Samsung Galaxy 1024 x 600Apple iPad 1&2 1024 x 768Motorola Xoom 1280 x 800MobileMotorola RAZR V3m 176 x 220Motorola RAZR V8 240 x 320BlackBerry 8300 320 x 240Apple iPhone 3 320 x 480LG Optimus S 320 x 480Google Nexus S 480 x 800ASUS Galaxy 7 480 x 800Apple iPhone 4 640 x 960Television480p Television 640 x 480720p Television 1280 x 7201080p Television 1920 x 1080Ho notato che con alcune versioni mobile e tablet la visualizzazione salta su una nuova pagina, ma almeno viene riconosciuta la versione ottimizzata.
Come dico spesso, uno degli aspetti da non sottovalutare per un web designer è conoscere l’esistenza di strumenti che possano ottimizzare il nostro lavoro, quindi apputnatevi questo tool.

An Android personal data leakage epidemic has just been revealed. The vulnerability affects 99% of Android phones and may allow hackers to steal your Facebook, Google Calendar, or other personal data if you use a rogue open Wi-Fi network. Here's how to protect yourself. More »

Lo stesso team di HTML5 Boilerplate, ha realizzato una versione per mobile chiamata Mobile Boilerplate.

Avremo la possibilità di scaricare gratuitamente dei file e documentazione, che ci permetteranno di avere un modello base da cui iniziare con i nostri progetti web su mobile.

Mobile Boilerplate non è un framework, ma è integreato con progetti come jQuery Mobile, Sencha Touch, PhoneGap e Appcelerato.

Questo progetto open mira a diventare un modello di base per iniziare a creare un’applicazione web mobile.

Caratteristiche:

Compatibilità cross-browser (IE6 incluso)
Integrazione con HTML5
Impostazioni di caching e compressione ottimali per le migliori prestazioni
Ottimizzazioni per i browser mobile
Classi specifiche per IE per il massimo controllo cross-browser
Comode classi .no-js e .js per stili basati sulle capacità del browser

Sul sito ufficiale è possibile accedere a guide e documentazione dettagliata.

Mobile Boilerplate funziona con tutti i browser moderni e ha il pieno supporto per eredità Blackberry, Symbian e IE Mobile.

Non ci resta che ringraziare questo fantastico team e tuffarci in questa nuova risorsa per creare applicazione web mobile.

You find a lot of interesting articles as you browse the web, but you don't always have time to read them right away. Read-it-later services like Instapaper and Read It Later both help solve that problem, but rather than signing up for yet another service, you can actually turn your Google Reader account into a personalized read-it-later archive. More »

Sometimes the most interesting stuff in an unfamiliar city is hiding in plain sight. With the right location-aware and map-friendly web tools, you can find the best cheap eats, picture-worthy sights, and much more. Start with this list of in-the-know apps.
Photo by epicharmus.

We've previously taken an example tour around Austin, TX with tools to find the best spots in new cities, some of which are detailed here, as well. For this list's sake, we'll assume you're familiar with the most popular local search tools, like Yelp, UrbanSpoon, and, well, Google and Google Maps. Beyond those tools, we wanted to provide a list of less well-known sites and services that pin down stuff you might not know about that is right around the corner.

10. See what pads are for rent or sale
There are plenty of webapps that let you cherry-pick apartments for rent and homes for sale from the comfort of your monitor at home. If you're right in the perfect neighborhood and want to know what's up, you've got other options. Realtor.com's iPhone app is the newest entrant to the game, but has, as you might expect, quite a database to pull from. HotPads.com has a similar location-aware app for Android phones, one that can also provide turn-by-turn directions to any listing you pluck out. Real estate data and "Zestimate" provider Zillow has an iPhone app too, but can also work from any phone with its very minimalist text interface. For more apartment-specific tools, head over to our readers' five favorite apartment search tools. (Original posts: Realtor.com, Zillow mobile)

9. Find photo-worthy sites with Flickr
I use Flickr mainly to find the food that people feel is worth embarrassing their table enough to take a picture of, but the photo-sharing site's nearby photo finder helps you discover sights and locations you never knew about, right around the corner from where you are. You can simply search Flickr for your location ("Chicago"), find a neat-looking photo and add /nearby to the photo's URL, or you can hit the "Map" link on any photo that has its location tagged. (Original post)

8. Snag a comfortable Wi-Fi spot
If all you want is a connection, we've got you covered. Gina's definitive guide to finding free Wi-Fi recommends such tools as WeFi and JiWire, along with other means of hopping on the net from almost anywhere. If you want somewhere you'll actually enjoy being with your laptop, LaptopFriendlyCafes.com covers 104 spots in New York City (and a scant few shops elsewhere), or type "laptop" or "wi-fi" into local review aggregator Yelp and see what comes up.

7. See what's listed nearby on Craigslist
Having a good handle on the Craigslist listings for the area you're in is like knowing someone who's always up in everybody's business—and knows where all the deals and low-key events are happening. Craigsphone for iPhone and Android phones does a great job of reformatting Craigslist for mobile viewing, calling, and mapping; in NYC and San Francisco's Bay Area, it can even show you what's close to your exact location. If you're elsewhere and want updates on items or apartments up for grabs, check out our classic Craigslist for power users guide, which explains how to make RSS feeds your always alert friend. (Original Craigsphone post)

6. Find things to do on Goby
If you have time before you head out, either on a trip or in your neighborhood, hit up your local alternative weekly's web site or newspaper's entertainment guide. If you're looking for a quicker glance, listing and calendar aggregator Goby does a notably good job of rounding up everything that's listed as a public or paid even in and around a location. Most of the stuff tends toward high-profile events and family-friendly happenings, but that might be perfect for that one rained-out vacation day in an otherwise sunny city. (Original post)

5. Catch an awesome concert
Unless you're married to, or best friends with, a concert promoter, you're going to have a few moments every year where you'll hear about an awesome show by a band you're digging at a neat venue—last week. Not so if you sign up at Bandsintown, or grab its iPhone app, both of which can keep you in the know about shows coming to your town, or whatever you consider a reasonable driving distance. Music streaming and discovery service Last.fm can also email you about shows from its vast database of artists happening nearby, and there is, of course, always signing up for notifications at your truly favorite artists' web sites. Just be sure to create a smart Gmail filter to keep the "NEW EP OUT SOON!" emails from cluttering your inbox. (Original Bandsintown post)

4. Learn what's around the corner with Near Me Now
Google's not the first entrant into the geo-location game, but the new "Near Me Now" link on its mobile home page is notable for being quick, simple, and not requiring a separate app to access (it's all web-based). It's out right now for iPhone and Android phones, but we hope it expands soon, as the pleasure of finding out scads of info about all the restaurants on the street you're facing, with the click of a link, belongs on every phone. (Original post)

3. Find great eats and drinks on semi-snobby boards
Sites and apps that offer restaurant reviews often suffer from overstuffed and not-quite-trustworthy data. A great, authentic Somali restaurant might get only one single-star review from an eater expecting something different, while a sugary-sauced Chinese joint might get a high volume of three-star ratings because, well, it's always open. Visit the forums of foodie sites like Chow/Chowhound, eGullet, and Roadfood.com, do a search for your town, and see what people serious enough to sign up for a site named "Chowhound" and the like are saying. For a tall pint of great beer, try Beer Advocate's forums.

2. See streets in augmented reality
Remember how the Terminator could pull up information on anything he saw, as he saw it? With an iPhone or Android unit, you are (scarily?) close to that reality. Apps like augmented reality browser Layar for iPhones and Androids, and the "Monocle" in the Yelp iPhone app use your phone's camera, GPS chip, and motion/balance sensors to take what you're looking at, pull down the web's knowledge about it, and bring it back to you. Yelp shows businesses that have been reviewed by somebody, anybody, while Layar is the true walking tour app. You choose which "layers" to add to your view, like Wikipedia mentions, Flickr photos, real estate listings, and Google Maps listings. It's like having someone back at your computer meticulously research everything you're seeing and feed it to you, but you don't have to wear a Secret-Service-style earpiece to do so. (Original posts: Yelp, Layar)

1. Pin down the cheap stuff
Need to fill up, but feel like you're about to pay tourist-trap prices? Down to just pocket change and an inch of credit-card space? The new classic GasBuddy is always reliable, but MSN Auto's overnight gas price finder has earned kudos, too. For cheap food and drinks, give Cheap-Ass Food a look, and give MappyHour a peek for drink specials. If you're looking for a way to spend some time without having to eat, drink, or drop much cash, DiscountYeti finds free museum days and other local discounts and maps them out for you. (Original posts: cheap eats, gas prices).

Check the comments in our previousl feature on local spot finding for more tips and tools, and drop your own recommendations for living like a local in the comments.