Posts Tagged ‘Google’

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