Sunday, 30 December 2012

G+ statistics via Webmaster Tools Author Stats


// I had previously http://bit.ly/W8U6r2 written about adding your #author information in your content so that your name can show up next to Google search engine results of your website and #Google+ posts. 

What I hadn't included though is that Google's #WebmasterTools  have a "Author stats" report with traffic #statistics of the pages that Google has correctly indexed as authored by you. The interesting part is that your Google+ posts are included in this, so you actually have some analytics on your G+ activity (unlike Facebook if you only use a personal profile). 

If you have previously added your authorship information to your pages, this link http://bit.ly/Wd9Klr should give you the report. 

Google+: Reshared 1 times
Google+: View post on Google+

Saturday, 29 December 2012

Ember table and the endless grid


// Ember table describes itself as a "fast, lazy rendered, easily extensible table built with Ember.js". The demos on the page http://bit.ly/UejkEL look nicely done (especially the one with thousands of rows!) but the examples in the download file do not run out of the box. Still, check it out and keep a bookmark for future versions. 

On other solutions in the field, see also ng-grid http://bit.ly/VLSpiK and of course my current favorite: jqGrid http://bit.ly/UekhwO

Google+: View post on Google+

Sunday, 16 December 2012

The Internet of Buzzwords


// The Next Web explains "Why 2013 will be the year of the Internet of Things" http://tnw.co/TmTcZl

According to WikiPedia, the term describes "a system where the Internet is connected to the physical world via ubiquitous sensors". But at the moment I think there is a confusion on what "the Internet of Things" actually means, or at least how it is used. Or TNW is desperate for a new buzzword. 

For example, the author writes: 
But as Patil points out, the raw data is not so helpful on its own and this is why people are building products that can help to communicate that information clearly. A good example we’re covered recently is MySugr, the data collection app for diabetics.
Although it doesn’t yet take blood readings automatically, but inputting the data on mood, food and health, people with diabetes can start to work with their own data. The mobile app means they can add information anywhere and even show it to their doctor. At the moment though it’s not compatible with the blood testing kits that are given to patients.

In what was described above, no "thing" produces data or communicates with any other "thing". This is simply an example of "digitized life" (is this a term? can I coin it? :))

Another example involved switching on the lights to your home by your mobile device's GPS signal when you enter the house. If there ever was an example of too much technology being used for a very simple task, that is probably it. Not to mention that GPS signal can be problematic inside a house (signal gone = lights turn out on you?). 

Perhaps we need better examples if the idea of "The Internet of Things" is to have any success...

Google+: View post on Google+

Wednesday, 12 December 2012

Saturday, 10 November 2012

The universal translator is coming


// Speech recognition + instant translation + speaker like speech synthesis! 
Watch the demo: 

Google+: View post on Google+

Saturday, 27 October 2012

How-to: Torrents on your iPad


// How to download/watch torrents on your #iPad:
1) Go to www.put.io and make a free account
2) Get a #torrent link from your regular legal source
3) Paste the torrent link to put.io.
4) You're done. Very soon you'll have a download link and a stream option
Enjoy! :)

Google+: View post on Google+

Wednesday, 24 October 2012

Hoax almost becomes true, hell will freeze quite shortly, please stay tuned

Hoax almost becomes true, hell will freeze quite shortly, please stay tuned

// Dear +Mark Zuckerberg, I really like your development priorities. We still can not edit our status updates, but we can now pay you money so that our posts can actually be seen by people that used to see all our posts. Keep up the good work! :)

I had previously reported http://bit.ly/P1y63j on this while passing via Turkey, now I see it in Greece as well. According to a recent CNN article http://cnnmon.ie/RAc9Gz it's coming everywhere with varying price charges ($7 in the US, 2.54 pounds in Greece (not sure why it didn't give me a euro price)). Meanwhile, Google+ doesn't even have ads. I feel like i'm not significant here :) 

It is interesting to note that the hoax about Facebook adopting a monthly subscription model is yet to become true http://bit.ly/Tf44JV

Google+: View post on Google+

Tuesday, 23 October 2012

Free eBook: Introduction to SQL


// If you are new to programming and looking for a way to start learning about databases, here is a free #eBook  on #SQL  by Rahul Batra

Contents
1) An Introduction to SQL
2) Getting your Database ready
3) Constraints
4) Operations on Tables
5) Writing Basic Queries
6) Manipulating Data
7) Organizing your Data
8) Doing more with Queries
9) Aggregation and Grouping
10) Understanding Joins

Download here http://bit.ly/VzpF3d

Google+: View post on Google+

Thursday, 11 October 2012

Browser Modes and Doctype


// Because there are still clients who refuse/can not to upgrade from #IE7 ...
Here is a helpful page with tons of information on which browser runs which mode (quirks/ standard) under which condition. http://bit.ly/UKEqj3

Google+: View post on Google+

Romney Self-Googlebombed!


// Apparently if you search on #Google images for "completely wrong" you get tons of photos of Mitt Romney. It's not an old-style #googlebomb but just a regular search engine... feature. This result comes probably from Romney's recent statement that he was "completely wrong" on his characterizations of 47% of americans...

Google search link: http://bit.ly/VQqLGt
Link to statement: http://usat.ly/WSck2T

Google+: View post on Google+

Saturday, 6 October 2012

Awesome Google Maps fail


// Maybe we shouldn't be so hard on #Apple's #map failures... :) 
Link to the see it for yourself http://goo.gl/maps/4bh3m
And Bing getting it right http://binged.it/QQMkkf 

Reshared post from +Sharon Strandskov
I am usually pretty pleased with Google Maps, but surely there has to be a faster way... I know there were border issues, but I thought they settled those, and imagine you could go through a closer country regardless... anyone know why this would be the case?

Edit: Read comments for more examples, such as those from +Nigel Fish and +Wayne Radinsky, like this one where the pins are both in Vietnam, within 0.12km and it is a 750 hour rerouted drive: http://goo.gl/maps/O9Oy6

Edit, potential reason, thanks to +Jennifer Luzio:
"Google hasn’t actually operated in China since early 2010, when they decided they would no longer censor search results on Google.cn. That move came after Google sustained a cyberattack originating in China, designed to steal the GMail information of Chinese human rights activists. The Chinese government has long denied any involvement.
Users in mainland China can still search using Google Hong Kong."
from SearchEngineWatch
More on the cyber attack: http://searchenginewatch.com/article/2066083/Googles-New-Approach-to-China-A-Closer-Look-at-the-Attack-Heard-Round-the-Web

Either Google is purposefully avoiding China or they have such a lack of quality sourced data that they choose to avoid China.

In album October 5, 2012 (1 photo)


Google+: View post on Google+

Thursday, 4 October 2012

Dailymotion opens up Publisher Network - kind of


// #Dailymotion has been doing revenue deals with big sites like Yahoo! and The Huffington Post, but recently they have opened their platform for smaller sites as well. 

The basic idea is that you embed Dailymotion videos in your site, ads are server and you get 30% of Dailymotion's net ad revenues. A "Curator tool" is offered as well as API access. 

So I've signed up Top40-Charts.com and got accepted, but apparently not everything is in place yet as I got this message: _In the next couple of days the revenue share system will be activated and you’ll receive a temporary password in order to access your account._

So, we're on hold...
Check out the network's site here http://dai.ly/QZKAW5

Google+: View post on Google+

Wednesday, 3 October 2012

SoftLayer considered spam by Google


//If you are a  #SoftLayer client, be sure to check your #junk folder often as #Gmail is now considering it as a source of #spam . This is probably a recent development as I never had this problem before. As a result all mails from Softlayer of the last 10 days have ended up in my junk folder.

The irony of this #fail is of course the SoftLayer ad over the spam-considered message :) 

Is anyone else having this? 

Update: Looking at my junk folder I now find random mails from Twitter, other services, even Google Analytics! 

Google+: View post on Google+

Monday, 17 September 2012

Country NULL


// We must fight for the rights of our brothers in country NULL! :)

via +Paul Kinlan 

Google+: View post on Google+

Thursday, 6 September 2012

Dalai Lama is an ass


// 5 Million (5,053,638) followers and not 1 (one) following back? :-) 

Other than that, the guy is great, you should follow him ;) 
But on Google+ => +Dalai Lama 

Google+: View post on Google+

Thursday, 30 August 2012

Responsive on the vertical


// What can the visitor see on the first glance of your website? How can you accommodate users with different screen sizes?  Read on +Chris Coyier's article on #responsive   #design  above the fold :) 
http://bit.ly/PzETlp

Google+: View post on Google+

Wednesday, 29 August 2012

The Apple Manual on being a Human


// A big scoop for Gizmodo yesterday, with what appears to be the Apple manual on their Genius staff training. It's a full instructions set on how to talk to customers in a civilized, friendly and empathic way, while at the same time not admitting that there might something wrong with an #Apple product and of course always providing some opportunity of selling merchandise... 

Full read http://bit.ly/TtwMDq

cc +Guy Kawasaki have you seen this? I thought of your books when I saw this :) 
via +Nassos K. 

Unrelated issue: what on earth did #Gizmodo do to their commenting system? This thing is unusable...

Google+: View post on Google+

Penises on Salad Super-Delegates


// Oh Google automatic #transcribe feature, you're always an instant source of fun! :-)

It's like magic: "We're enjoying a tasty lunch with Athenos feta in our salads, it's super delicious" is transcribed to...
what i'm saying it's a steel into the penis that on our salads super-delegates

More fun on the video link here http://bit.ly/OIVAHI

Google+: View post on Google+

Mailgun: Email for Developers


// This looks really cool: Mailgun is a service that allows you to "outsource" all mail-related functions of your application. You can send, receive, parse, track, etc messages programmatically. The same goes for e-mail accounts, even whole mail servers. I'll be trying the service (there is a free plan) and posting some first thoughts... :) 

More information at http://www.mailgun.net/ Check out also their interview to +Robert Scoble  http://youtu.be/ag1BdUqoIQI

Google+: View post on Google+

Friday, 24 August 2012

The Meaning Of Fake


//Here is how to make headlines for your social media management company
1) Find a topic that's causing traffic these days: let's say... fake twitter follower counts and politicians in an election year
2) Develop a tool that supposedly can identify fake accounts
3) Instant success!

Meet the Status People Fake Follower Check tool http://bit.ly/NlG47P You just give it a Twitter handle and it gives you how many "fake" followers it has. But what is a "fake"? The #statuspeople FAQ page explains: [the tool] checks to see how many spam accounts are following you

Ok, first alert right here. "Fake" and "Spam" are different things. Spam bots follow you so that follow them back. It has nothing to do with fake accounts meant to boost your follower count. 

But let's ignore that for a second. What it is the criteria for a "fake" account? The faq page answers: On a very basic level spam accounts tend to have few or no followers and few or no tweets. But in contrast they tend to follow a lot of other accounts

That's the most terrible example of a fake/spam/whatever criteria I could think of.

With that kind of criteria, Facebook has 45% "fake" followers and Obama, depending on when you run the tool has between 30 to 40%...

And thus, without much effort, USA Today, totally ignorant of the world of technology, runs a headline of Obama has millions of fake Twitter followers http://usat.ly/SwDtZi
They even managed to sum the "fake" and "inactive" counts in order to come up with a "70% fake" number, because 70% sounds better than 30%... 

I forgot the best thing about this tool: it gives a count of 88% "fake" followers for it's creator @statuspeople:-D

Found via +Mike Elgan 

Google+: View post on Google+

Thursday, 23 August 2012

Burj Khalifa


// My contribution for  #LongExposureThursday  
Shot from the top of the Burj Khalifa tower in Dubai :)

Google+: Reshared 3 times
Google+: View post on Google+

Sometimes, life is good


// Sometimes... this happens :) 

via +Malte Ubl 

Google+: Reshared 2 times
Google+: View post on Google+

Monday, 20 August 2012

You can not delete stuff from the internet


Public reminder: when something is public, a copy of what you posted (multiple copies actually) remains somewhere. So you can't just delete a customer's comment and pretend it never existed. If his cares enough (like +Thomas Hawk here), the situation will be made even worse for you. Think again Walmart... 


Embedded Link





Thomas Hawk Digital Connection » Blog Archive » Hey Walmart, My Wife Was Mugged in Front of Your Oakland Store Today, Thanks for Censoring My Facebook Comment
That is just rubbish! They (Walmart) should be ashamed about their inaction and flies in the face of everything that their ethical standards have in place for that company. You should at least receive...

Google+: View post on Google+

Starting-out photography tips


+Heather Buckley shares her wisdom, here are my favorites: 
1) Think about the environment surrounding your subject – what do you include? What do you leave out?
2) Watch the backgrounds, they can work for or against your subject, try depth of field to isolate subjects or emphasise their surroundings.
_3) Work fast, don’t miss the moment. _

Much more and examples here http://bit.ly/QhjV51

Google+: View post on Google+

Wednesday, 15 August 2012

Facebook on the freemium path


Apparently, what used to be a free service, #Facebook, is now fully freemium on all levels. I just got this "Promote" option that allows me to overcome Facebook's algorithm on what is "cool" for my friends to see and actually get them to see my posts (you know, the original purpose of Facebook's service). Until now this option existed only for Pages...

Meanwhile, Mashable reports that soon companies will able to to pay so that their posts will show up in the News Feed of users who have not liked the company page... http://on.mash.to/NBScQ2

cc: +Robert Scoble , have you seen this? 

Google+: View post on Google+

Saturday, 4 August 2012

YouTube Ad Context-Matching Fail


Dear #YouTube

just because I am watching a video with Japanese words in it's title, it doesn't mean I should watch an ad in Japanese. I'm a Greek watching this from Greece for God's sake. And the video contains people talking in English. After this, I don't understand how people worry that "Google knows so much about us"... Congrats on charging VISA for me watching their japanese ad though. :) 

BTW, funny video http://bit.ly/QSBr3B :)

Google+: View post on Google+

Thursday, 26 July 2012

The Subtle Art of Documentation Advertising


The screenshot below is from a case study article of Microsoft's MSDN developer site. In a great example of how to advertise #Metro over iOS without shouting "Metro kicks ass!", the article describes all the steps the authors/developers took to convert an iPad app to Metro. At the same time, every single part of the interface was improved (thanks to #Microsoft and amazing new ideas like #SemanticZoom !)

With a little warning then if you are highly devoted #iOS developer, enjoy reading (it is actually a good introduction for people looking into developing for Metro) :) http://bit.ly/NKTJle

Google+: Reshared 1 times
Google+: View post on Google+

Wednesday, 25 July 2012

Download: Windows Metro Icon Collection


Here is http://bit.ly/PI0JkX a collection of 690 #icons in the visual style of #Windows 8 (also known as #Metro ). The collection comes with 
- Separate PNG files 26×26 pixels for each icon, ready to use
- Single EPS source file so you can scale the icons in any vector image editor
Many thanks to the kind people of VisualPharm.com!!

Google+: Reshared 1 times
Google+: View post on Google+

Tuesday, 24 July 2012

Nature as art


Awesome data #visualization by +NASA 
You don't need to look much further for inspiration, just look around you :) 

Google+: View post on Google+

Thursday, 19 July 2012

Build a Conference Site with Drupal


Check below a video from Acquia and guest presenter, Energy Action Coalition, as they discuss how the #Drupal Conference Organizing Distribution (COD) empowers organizations to promote and execute powerful, engaging events. 

It includes a real-world example showing how to:
* Streamline conference on-boarding and registration processes
* Facilitate better communication with speakers and attendees
* Automate sponsorship sales and collect feedback

This is a #webinar recording, so be prepared, it's 47 minutes long :) 

Google+: View post on Google+

Sunday, 15 July 2012

Thank you 80legs


for making me waste two hours from my Sunday fighting your crawler bot. It's now blocked although about 30% of attempts on the server are still from it (down from 55%, and weekends are busy for this site). I understand, dear 80legs, that you have a service to sell to your clients, but unfortunately we need our site to be up... :)

Apologies to Bad Robot for the terrible use of their logo :)

Google+: View post on Google+

Wednesday, 4 July 2012

You are the product even if you pay for the product


Shameful tactics by CISCO... 

Reshared post from +Jan Moren
Don't buy a Cisco router. Don't buy a Linksys router either; they're the same company. Why?

Because they now lock you out of your own bought-for router unless you join their online service. A service that gives them the right to use your data, shut down your connection and to unilaterally change these terms at their whim.

Now, you may think that nah, they're not really going to do evil stuff like that. But they already did — you want to bet your money and your privacy that they won't again? There's lots of makers out there, so why take the chance?

Just stay away from Cisco and Linksys.

#Cisco #linksys #fail  


Embedded Link





Cisco locks customers out of their own routers, only lets them back in if they agree to being spied upon and monetized
Owners of Cisco/Linksys home routers got a nasty shock this week, when their devices automatically downloaded a new operating system, which locked out device owners. After the update, the only way to ...

Google+: View post on Google+

Saturday, 14 April 2012

Impressive web presentations with reveal.js

The power of 3D now on bullet points

If you're looking for a web-based solution to share your presentation while having an impressive display of your slides (as opposed to simple flipping slides in Flash player) you can look no further than reveal.js

Features include:
- 3D transform effects
- keyboard navigation ( and touch navigation on iPad)
- support for a tree layout
- unique URL for each slide
and more!

Check it out here http://bit.ly/HHiyyR

Google+: View post on Google+

Friday, 13 April 2012

The future of the web: Instagram

I can haz filterz?

All joking aside, the future of #HTML and #CSS certainly includes advanced graphical capabilities. Some of them are described in a recent presentation given by Vincent Hardy of +Adobe and you can examples of them in the images below.

Of course, in terms of specifications, all of this is in draft at the moment and and most of them currently only supported in under development versions of browsers like the nightly version of Webkit (get it here http://bit.ly/HQb1HR) with an -webkit-filter attribute. And some of the effects are making my Mac mini go wild :)

See the full presentation here (some effects will only work on the nightly Wekbit) http://bit.ly/IsK5D0
Thanks to +Chris Coyier for the link


Google+: View post on Google+

Thursday, 12 April 2012

Follow-me hover effect

Catch me if you can!

Here is a very nice tutorial that +Codrops calls Direction-Aware Hover Effect. Using #CSS3 and #jQuery you can have animated effects when hovering over an element that takes into account the cursor movement. This creates a unique effect on each move a user makes.

Check it out here http://bit.ly/Ip24dH

Google+: Reshared 1 times
Google+: View post on Google+

Explore the possibilities with multivariate testing

[Subtitle A]

You probably have heard of A/B Testing where you have two versions of your page, serve them randomly to your visitors and track which works best. But there is a more advanced version of this, Multivariate Testing. This (obviously) involves multiple possible designs and of course it gets more complex to setup and analyze.

For #WordPress the Google Website Optimizer Plugin comes to the rescue to automate things, standing in the shoulders of course of Google's Website Optimizer service for the tracking and statistical analysis part.

+Tara Hornor at designfestival.com has a comprehensive tutorial on the whole thing. Check it out here http://bit.ly/I5cZ9U

Google+: View post on Google+

Tuesday, 10 April 2012

Javascript solutions for your chart needs

Die Flash, Die!

If you hate using Flash for your chart needs or just want a modern solution that will work on all devices, here are some alternatives:

1) Morris.js, based on #jQuery and #Raphaël , will give you beautiful looking line charts http://bit.ly/IqRdA9
2) From the maker of Highslide, Highcharts provides a range of chart options and works with either jQuery, #MooTools or #Prototype frameworks http://bit.ly/IeyibA
3) jqPlot is also based on jQuery and provides several types of charts http://bit.ly/IFBNml
4) Flot is another jQuery solution with support for lines, points, filled areas, bars and any combinations of these, in the same plot and even on the same data series. http://bit.ly/HwGGEk
If you have any other suggestions, drop them in the comments ;)
Morris.js


Google+: Reshared 3 times
Google+: View post on Google+

Monday, 9 April 2012

Adding context in photos


Here is a nice #jQuery plugin to enhance the photos on your website with more information. iPicture allows you to add tooltips over any photo. You can set exactly where tooltip will show up and the text that will be shown. Check it out here http://bit.ly/Hsfw0l

Google+: Reshared 1 times
Google+: View post on Google+

Friday, 6 April 2012

Free website monitoring with Google Docs


I'm a happy customer of website monitoring server Hyperspin (www.hyperspin.com) but if you want a simple and zero-cost alternative there is another solution: Google Docs! It really works (just got my first alert :)) Check out the tutorial here http://bit.ly/HiT8BQ

Google+: View post on Google+

Tuesday, 27 March 2012

History of Art crash course for geeks

This will take 15 secs

Now you can impress everyone at parties with your wide knowledge of art :)

Google+: Reshared 3 times
Google+: View post on Google+

Easy SEO for your YouTube videos in 3 steps

This post contains photos of sexy aliens

1) Find out what's popular in the last 24-72 hours
2) Choose a maximum of 3 terms
3) Put them on your video title no matter what kind of content you have

Done! Just sit back and watch that counter go up! :D

Google+: View post on Google+

Thursday, 22 March 2012

How not to do an auto-responder campaign

Think before you press the auto button

A few days ago +SitePoint send me a new offer for their new CSS Anthology book. I happily access their site and request a sample chapter which arrives promptly. A few minutes later I am the proud owner of the book (I even posted about it here http://bit.ly/GGb2h6).

The next day, I receive a mail from SitePoint titled "Did you receive your Sample Chapters okay?", a nudge to remind me about the book and possibly purchase it. Wait, I already did!

Then another few days pass and I get another mail titled "Some more CSS Info for you." and starting with this text:
A week or so ago you downloaded the sample chapters from "The CSS Anthology, 4th Edition - Take Your Sites To New Heights," And you also heard Rachel Andrew (the author) sharing her insights on writing the book." Yes, I did. It's amazing.

At this point I feel like a fool :) I shouldn't have bought the book right way since there are so many other offers SitePoint has for me! Of course I have now clicked the unsubscribe link which I'm not sure if I have unsubscribed from getting more of this auto-responders or just all promotional mails for new books, but it's not like I mind much.

Bottom line, if you're going to automate a series of mails to people, it would be good to put some thought to it and revaluate if the people still meet the criteria you set for them to be included in the first place. E.g. your bots should be a bit smarter than A.W.E.S.O.M.-O. ;)

Google+: Reshared 1 times
Google+: View post on Google+

Wednesday, 21 March 2012

It's not you, it's the user

Software as social hacking

Finding out how you site/app/whatever is being used and percieved by the users is as important (or more) as your original specifications for it. This is what Grupper (a social service that sets up up drinks between 3 men and 3 women) discovered when they realized that cancellation rate for their events was extremely high.

On paper, they had done everything right. They had made cancelling an event very easy in order to provide a great customer service. What that meant though was the their system was allowing people to cancel for insignificant reasons. While this is was convenience for the person who was cancelling, it was quite the opposite for the other five persons who had their plans cancelled on them. So, if you could "sum the experiences", for each one good experience Grupper was creating, it was also creating five bad ones. And that terrible for the entire service, which could easily be end up being characterized as "site filled with %#%%!" ;) In the end, Grupper made the cancellation process personal, by forcing people to call up and announce themselves their change. That dropped cancellation rates 90%

One might argue that this is just the case of a social site, and it can't be applied elsewhere. But the point is understanding how your users are actually using your software (application, site, anything), what they expected to do and what they thought they got from the result. For example, consider a search form in a database with 40 category choices. Presenting all 40 options to the user sounds like the way to go. But if 60% your data is in 5 of the options, this means that user will start clicking on options and mostly get few results. This instantly is a bad experience, blamed on the system ("I tried it but I got no results. The system is broken"). Obviously, there should be a better way for the interface to allow the user to get the data he was looking for.

In the end, it's good to remember that it's not you that is using the software, it's the user. ;)

Read Grupper's article here http://bit.ly/GEPjuv (found via +Guy Kawasaki)
Somewhat related video: George Constanza on "It's Not You, It's Me" :) http://bit.ly/GCBZTs

Google+: View post on Google+

Tuesday, 20 March 2012

3, 2, 1, Launch!

Just click play

Outstanding video from NASA...
(via +michael interbartolo)

Google+: Reshared 2 times
Google+: View post on Google+

Monday, 19 March 2012

What the Plus! Free for 6 5 hours!


+Guy Kawasaki teamed up with +Samsung USA to offer his new book on #Google + What the Plus! as a free PDF download. What the Plus! is a collection of articles on making the best out of G+

Get it here http://yousend.it/whYuAr (the link will expire in about 5 hours, after that you can find it on Guy's page http://bit.ly/FQQPqU )
(Found via +ScienceSunday)

Google+: View post on Google+

Saturday, 17 March 2012

Page flip effect with jQuery

Burn Flash, burn

Here's another use of Flash that can be converted to #HTML5 / #CSS3 : turn.js provides an easy to setup page-flip effect with just a few lines of codes.

Get it here http://bit.ly/FOHmkX and also check out this tutorial of an Instragram-powered "magazine" using turn,js http://bit.ly/ym1cDo

Google+: Reshared 3 times
Google+: View post on Google+

How to fit a large table of data in a small screen?

You don't ;)

So you decided to join the mobile world and create a unicorn/droid-ready version of your site. If you happen to use big tables of data on one of your pages you find out they don't really fit in a small screen.

The good guys of the filament group have come up with a #jQuery / #CSS3 / #responsivedesign solution that comes down to this:
- select what is important for a small screen
- show it and hide the rest
- adjust the presentation according to the device so that you don't have to have 3 versions of the same thing
- give the user the option in any case.

Read on how to do it: A Responsive Design Approach for Complex, Multicolumn Data Tables at http://bit.ly/xtiPo0

Google+: View post on Google+

Friday, 16 March 2012

Responsive design strategies


Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace this technique, we're not only seeing a lot of innovation but the emergence of clear patterns as well. I cataloged what seem to be the most popular of these patterns for adaptable multi-device layouts.

Full read: +Luke Wroblewski's article "Multi-Device Layout Patterns" at http://bit.ly/xo77F7

Google+: Reshared 1 times
Google+: View post on Google+

Thursday, 15 March 2012

Content worth sharing

What marketers can learn from cartoons

Here's an excellent (and huge!) article by +Tom Fishburne on creating content in the age of #social media

As a cartoonist and marketer, I learned that there is a lot to learn from the simple cartoon. Cartoons are “content worth sharing”. Today I want to talk about 5 lessons marketers can learn from cartoons, and I’m going to use cartoons to do it. These lessons are relevant no matter how you communicate with your audience. I’ll use case studies along the way too.

Tom explains why marketing content needs to be relevant ("worth sharing"), targeted, relevant to the audience, and much much more. Well worth the click (pun intended :)), read on at http://bit.ly/xOasC4

Google+: Reshared 4 times
Google+: View post on Google+

Wednesday, 14 March 2012

The CSS3 Anthology, 4th Ed.


Just got Sitepoint's CSS3 Anthology book by +Rachel Andrew which has been updated to a fourth edition. It's a good over-400-pages reference book with basic and not so basic practical examples of using #CSS3 .

Hot topics covered:
* Responsive design: Smart layouts for all devices
* Stylish layouts: With tabular data, text styling, and CSS positioning
* Seamless navigation: Pretty rollovers and menus without JavaScript
* Cross-browser technologies: Compatibility troubleshooting and fixes
* Usable forms: Design forms that work, and look good too

Check this link http://bit.ly/xYiQBW for the table of contents.
It is currently offered as en e-book at $19 down from $29 http://bit.ly/yVFyf7

Google+: Reshared 1 times
Google+: View post on Google+