Where can I find OpenID Buttons? - graphics

Yahoo offers OpenID buttons on this webpage:
http://developer.yahoo.com/openid/loginbuttons.html
I was wondering if Google / Aol and other providers have similar graphics that I can use on my webpage. If so, where can I find them? Otherwise, am I alllowed to just photoshop the logos of these companies into my own graphic?

The openid-selector has some icons that you may be able to use. The project is distributed under the New BSD License.
Take a look at their demo page to see the icons.

Related

Adaptive cards extension button style

I'm writing custom adaptive card in typescript, and I need stylized buttons. Change font and background color is enough for me.. But I'm not fully understand how to implement custom renderer, can you help me with this?
I found similar post, but I'm not fully understand it, I need more detailed infos
AdaptiveCards - How to customize the color and fonts for Actions on iOS?
thx
i only found similar thread, but don't fully understand it
Just to have a proper answer here, it has been mentioned in other questions before but it is not possible to change the layout of anything AdaptiveCard related if you are not the host, rendering yourself.
The purpose of AdaptiveCards is that the host defines the look and feel so cards always feel as if they're part of the host's UI but you can define the content of the card.
If you want to customize card layout this can only be done if you host a card in your own website, webapp, etc which is totally doable.
In terms of any Microsoft App, Teams, PowerApps etc you can not change the look and feel of AdaptiveCards other than what the cards come with.

Chrome Apps UX guidelines

In the Google Cast SDK Overview video published on YouTube by Google, the presenter says
There are design implications that are driven from the Design Checklist so in addition to the platform specific guidelines for Android, iOS and Chrome, it is important to do a thorough review of the Google Cast Design Checklist.
The sentence reads like legal-speak, but more importantly, it mentions existence of platform specific design guidelines for Chrome. I never knew that there is anything like that. I attempted googling around, I could find guidelines for Android, iOS, but nothing for Chrome. Does anybody know where the Chrome guidelines can be found?
The design checklist is here: https://developers.google.com/cast/docs/design_checklist
The starting point for Chromecast developer doc is here: https://developers.google.com/cast/
There is an unified design guide for both Android and Web Apps that was announced on June 25 2014 at the Google I/O keynote. It is available at the https://www.google.com/design/ site. Regarding Google endorsed UI frameworks, there are two. Polymer Paper and Google Web Starter Kit. Additionally, there are stylesheets on GitHub from various people that aim to replicate the look and feel of the Chrome Settings page as well as various widely-used opinionated Responsive CSS Frameworks that can provide design clues, most notably Twitter Bootstrap and Foundation.
Polymer Paper
Polymer Paper is a set of Polymer Web Components which implements the unified mobile and web UI concept called Material Design. Some of the distinctive characteristics is the use of drop shadows and animated transitions to hide latency and give feeling of responsiveness. The components are built with the Polymer framework on top of web components, so it works best in cutting edge browsers.
Google Web Starter Kit
Together with the Google Web Fundamentals developer guide the Starter Kit provides a starting point regarding look and feel for your web app (a style guide with UI elements, e.g. sandwich sidebar), as well as preconfigured selection of helper tools to better manage your CSS styles, minify resources, keep performance considerations in mind and so on. The Starter Kit employs production ready tools and procedures that can be used today.
There is nothing like that, the presenter probably just misspoke. The Thinking in Web Apps page on Google Developers could give you some hints, but it feels outdated in many aspects.ยจ
Just some more general advice on that:
People tend to gravitate towards Twitter Bootstrap these days, so base your design on that and you will play well with others.
Watch the trends and adopt what the big players are using. For example, the sliding drawer on the side seems to be big now.
Regarding the ongoing effort by Google to allow easy porting of Chrome Apps to mobile phones, looking at the Android and iOS guides may help. Most importantly try to optimize your app for touch, avoiding hover, right clicking and minimize the need to type.

Overview of css3 features compatible with mobile browsers?

I was looking for a comparison table to see which CSS3 features/selectors are compatible with mobile browsers.
I already searched at google and found this link. But in this link are only 4 browsers compared.
This also should be an typical overview for ppk on quirksmode.org. But on his site I only found this article about css on mobile browsers which handles CSS 2.1.
Does anyone of you have such an overview (or link to it)?
I recommend using jquery mobile and a table of support is here:
http://jquerymobile.com/original-graded-browser-matrix/
for css3: http://www.normansblog.de/demos/browser-support-checklist-css3/
You can run this on each browser and make your own table http://tools.css3.info/selectors-test/test.html
It's for CSS selectors

Icons to use in a program generating feeds for Google Search Appliance

We're developing a program that generates search feeds for Google Search Appliance. We would like to use icons that would be associated with Google Search Appliance in the program interface.
Is there a list of icons Google officially allows to use in such cases?
I am afraid not. You need to ask for Googles permission as they want to maintain the integrety of their brand
Google Logos

The Definitive Image Gallery Engine / Plugin Guide

I want to get a good list of image gallery engines of all flavours: Stand alone, plugins for Wordpress or Rails, AJAX, no AJAX, using simple folders or a database on the server.
Please state what is needed (eg MySQL and Django) to run each item if possible. Thanks!
[I asked a similar question a while back but had limited responses. Hopefully with more users and a small bounty this will pick up more steam. EDIT - can't attach a bounty for two days. Hold tight.]
These are the ones I recall at the moment, they are all easy to integrate and they don't require much implementation to use. They all have a good and appealing design. Hope it helps.
Cooliris: Runs on flash, uses an
RSS feed to show the images
FancyBox: Jquery Plugin, you
just need to have create an < a
ref... arround the < img src...
LightBox: jQuery plugin, also
easy to use.
Photo Slider: jQuery plugin, as
some thumbnails bellow which you can
use to slide through the images
SimpleViewer: Nice Design, shows
thumbnails and images
HighSlide JS: Javascript viewer
I like Gallery the best of any I've seen. It requires PHP and a database). It can be plugged in to WordPress and other CMSish things
Take a look at SourceForge
If you are looking for a gallery application I recommend the open source project 'Gallery2'.
Lytebox is easy to use and very nice. It's enhanced version of LightBox.
Here is a nice photogallery using silverlight. Slide.Show is another slick Silverlight gallery. There are many gallery modules available for DotNetNuke, and an official module. There are also a great many available on Codeplex.

Resources