Connect With WRD
feed via e-mail
feed via e-mail

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.

    In order to simplify sign-in/sign-up processes and reach user data instantly, authenticating + authorizing users through social networks is a highly-used.

    Social Auth is an open source and free PHP library that handles this process very easily.

    Social Auth

    It has support for 3 major networks: Facebook, Twitter and Google+.

    The library is not limited to registration + login but can also pull user data where supported.

    Google Web Fonts is a great directory of free-to-use and open source web fonts. Not only the fonts are free but they are also served from the Google's fast servers.

    And, there are many items in that directory which may make finding the one you need hard.

    Best Web Fonts is a web app which aims to simplify the process of finding the right Google Web Font.

    Best Web Fonts

    It is a curated directory which you can instantly test the fonts and get the embed codes. All in the same page.

    Also, there are various CSS effects provided which can be previewed with the font of your choice too (the CSS of the effects are available for use as well).

  • Tags:
  • Filed under: Design, Font, No License
  • 1 Comment
  • I'm usually a fan of hosting all the files used in websites myself, under the same location with the website itself. When an image or JS file needs to be updated, no need to update it from a remote URL but just change the file hosted under the same website/FTP account.

    However, this is not how things work the fastest. In order to speed up websites by distributing requests to multiple hosts and serving them from the fastest location to the end users, keeping stuff in CDNs (content delivery networks) is a very good and widely used solution.

    Hack The Planet

    The same logic goes for JavaScript frameworks. To speed up things, hundreds of thousands of websites use hosted JavaScript libraries. Actually, they all use a single hosted platform: Google Libraries API which is the focus of this discussion.

    There is a serious speed and bandwidth gain in this structure as the JavaScript frameworks are cached in the user's computer and user won't re-download them each time when visiting a Google Libraries API-powered website.

    Today, if we have used jQuery, MooTools, Dojo, Prototype, etc. while developing our websites (almost every website uses one of them -including many WordPress, Joomla, Drupal themes-), there is a high chance that we are calling these frameworks from Google Libraries API.

    So, what happens if Google Libraries API gets hacked? 

    To be more specific, what if the contents of https://ajax.googleapis.com/ajax/libs/jquery/ver.../jquery.min.js is changed?

    It gets hacked and the jQuery (or MooTools, Dojo or Prototype) JavaScript file included in our websites now contain malicious code (that includes iframes or posts forms to another URLs, etc.)?

    I simply can't think of the damage it can create.

    Btw, I'm aware that Google Libraries API is built with very good intentions and it does the job perfectly (thanks to them) and sure that Google's CDN is probably one of the safest places on the web. But, this security concern is worth discussing considering the effect it can create and every datacenter>server>data can possibly be hacked.

    So, is this structure totally wrong or benefits are worth the thread? What do you think (really wondering here)?

    Credits: Hack The Planet visual.

    Socialite.js is a JavaScript library for having more control over social sharing buttons.

    The library is lightweight (2kb minified-gzipped), standalone and helps the social widgets to load when you want them or only when needed/requested to speed up web pages.

    Socialite.js

    It has support for the major players: Twitter, Google+, Facebook, LinkedIn, Pinterest, and Spotify. There is no need to install the widget codes for each library as Socialite.js does that for you.

    And, the library is extensible, any new social networks can be added with ease.

    Bruce Galpin is sharing a framework of good-looking and Google+ styled buttons in his blog.

    The buttons can use text, images or both inside them and comes with the high-quality icon set created by WebDesignShock.

    As the icons have both standard and active state versions, buttons respond well to hovering them.

    There is also a drop-down menu buttons version provided which is handy for presenting multiple options while still being in harmony with the rest of the buttons.

    Google+ Styled Buttons

  • Tags:
  • Filed under: Buttons, CC License, Design
  • 2 Comments
  • Uptime Robot
    feed-holder
    FeedBurner
    PSD2HTML.com