Posts Tagged ‘Google’

Each social network has its own dynamics when it comes to customizing the social profiles and pages. Different requirements and sizes.

Social Kit is a free Photoshop plugin that focuses on simplifying the design of such pages and profiles.

It currently supports 4 networks: YouTube, Twitter, Facebook and Google+.

The plugin has full-sliced and editable templates where the outputs look just the same as “how they will look when live”.

Polls are the most popular way of asking the opinions of users about a specific subject. And, web is the perfect place to use them.

Lately, social polling is being used widely as they require the user to login with a social account, results + data collected can be filtered and sharing of the poll is encouraged.

Opinion Stage, a professional web-based application (with a functional free plan), simplifies creating such social polls so much.

Opinion Stage - Social Polling and Voting

The application has a very nice interface to create a poll in minutes. It is possible to choose between 2 poll types:

  • multiple choice
  • head-to-head

and use images or videos, customize the look + functionality (like enabling users to filter results, sharing options and more).

Opinion Stage supports all the major social networks (Facebook, Twitter and Google+) and offers a rich reporting backend that allows administrators to view results by various social, demographic and behavioral filters.

Although it is also possible to create standard polls with the application, social polls increase the engagement so much and provide much more valuable data.

Once a poll is created, it can be embedded to any web page instantly. Here is a real example (and feel free to vote):

The giveaway

3 * -three month- accounts of this social voting app is being given away and you can comment to this post to join.

Winners will be selected randomly with the query below a week later (11 September 2013).

SELECT * FROM wp_comments WHERE comment_post_id=4529 AND comment_approved=1 AND comment_type='' GROUP BY comment_author_email ORDER BY RAND() LIMIT 3

Good luck to all.

Web Tracing Framework, by Google, is a set of tools and scripts for analyzing the performance of any JavaScript-related code.

It is mostly ideal for JavaScript-heavy apps and may not be necessary for standard web pages where JavaScript is only used for simple interactions.

There is a manual embedding option and a Chrome extension for getting internal browser data and command line tools (or Nodejs support) for processing this data.

Web Tracing Framework

The framework allows us to choose which methods/events to track and visualizes them in a friendly interface.

A “heap tracking” feature helps finding “how the memory is used by every function” to optimize when necessary.

It works on most modern browsers (in Chrome with all the features) and can be extended.

An update in typography of design projects can quickly change the look & feel of it and there can always be better looking fonts.

TypeWonder is a free-to-use web application for testing a website with different fonts in real-time.

We simply enter the URL of the website, select the font from a list of free fonts (currently, only Google Fonts) and the site is presented with the new font.

TypeWonder

It is also possible to browse the site afterwards with the new font and the sub-pages will use this font too.

For the future, what would be great is to define different fonts for different elements, classes and IDs.

  • Tags:
  • Filed under: Design, Font, License Free
  • 1 Comment
  • Most of the websites include social networking widgets like Facebook “Like” or Twitter’s “tweet” buttons that ease sharing of the content.

    The major drawback with the widgets is the performance loss due to the multiple requests made and files loaded.

    SocialCount, a jQuery plugin, with only ~3kb in size (minified-gzipped) and provides a much lighter solution for them.

    SocialCount jQuery Plugin

    It has support for Facebook, Twitter and Google+, doesn’t auto-load the widgets and only loads them when user hovers the related widget which ends up in lots of performance and speed gain.

    In total, the plugin makes 1 JS request, 1 CSS request, 1 optional request for icons and 1 optional AJAX request for counts (compared to 25 total requests for Facebook, Twitter, and Google Plus widgets)

    SocialCount works with mouse, touchscreen or keyboard and comes in multiple sizes.