How does the Android Studio logo look like? - css

I am blind, and I'm writing instructions for some visually impaired colleagues about creating Android apps using Android Studio.
Since the majority of them are sighted, I have CSS styles to make some parts of the text stand out. I'm using Markdown, and it's awesome admonition feature.
So, I have an admonition android_studio_tip. I know about #a4c639 being used as Android green, and I love the Android robot. :) But I have no idea about how the Android Studio icon looks like.
Can you help me describing the icon and potentially giving me the CSS codes for it's colors, in order to use them to style the admonitions?
Thanks in advance

Related

Xamarin Forms: How to create an Epub Viewer in Xamarin Forms?

I am trying to implement an epub viewer in xamarin forms like the below video.
Video Link: https://drive.google.com/file/d/1jW33lstCXqwC35siYklLoXAxItWpQG8c/view?usp=sharing
At first, I need to show the TOC of the book. If taps any chapter in TOC need to show that chapter on the UI. The total chapters and current chapter details are added at the bottom of the page. We can change the font size, font style, light and dark theme, and horizontal and vertical swiping features. Also able to hear the chapter in audio voice. Please have a look at the above video.
This is the native Android implementation. I need to do this feature in xamarin forms, following are my queries.
Is xamarin offer an epub viewer like this? Or I need to do all these features custom?
I tried EpubReader.Cross NuGet package, but it has no TOC list.
How can I change the font size and font style like the video?
For audio voice feature I can use text to speech feature, but when reading the book by voice how can I highlight the text?
There is a package named epubReader, it has a TOC list. But when I try to install it to the project, I am getting this error.
Is xamarin offer an epub viewer like this? Or I need to do all these features custom?
Xamarin forms do not provide this epun viewer like this. If you want to change the
font size, font style and add TTS function(need highlight the text), features custom
is a way that have to go.
I tried EpubReader.Cross NuGet package, but it has no TOC list.
You can create TOC list, EpubReader.Cross provide the Enumerating chapters by epubBook.Chapters
How can I change the font size and font style like the video?
For audio voice feature I can use text to speech feature, but when reading the book by voice how can I highlight the text?
Based on my research, you have to make a features custom,
There is a package named epubReader, it has a TOC list. But when I try to install it to the project, I am getting this error.
If you use epubReader, this nuget package is too old and not updated in years, it cannot compat with current Android and iOS version.
If others know a better solution, please share it.

How to maintain an icon font from SVG files

We have an icon font (and relevant CSS code) for an icon font pack. However we need to add more icons to the pack or edit some of the current ones.
The question is: how can we do it without having an expensive font-design software? We've bought Glyph Mini for Mac but it would be great if there was a free service that you could just go there, upload your SVG files and get a new font file. That way you could have a directory full of SVG files and when you edit or add something, you can "compile" your own font. It would be even better if there was such compiler that we could use from command line. However, I haven't seen such tools.
Anyone aware of neat free solutions to this problem?
I'd suggest you to use gulp-iconfont or even svgicons2svgfont/svg2ttf/ttf2eot/ttf2woff/ttf2woff2 for pure CLI toolchain, see https://github.com/nfroidure/svgiconfont/blob/master/package.json#L7.
I have recently discovered IcoMoon app. It is free and I think it is great for what you need. Here is the link: http://icomoon.io/app/
I usually use: IcoMoon
You can combine free fonts and also add yours, give it a try,

CSS Editors / GUIs / Apps with all kind of nice to have features

I'm looking for a css editor which makes it possible to e.g.:
change color with a color selector (something like this or this
support for css properties e.g. the typical CTRL+SPACE complete drop down intellij thing
maybe possibility to say, group background colors from different styles together. So you change 1 value which gets reflected everywhere.
maybe support changes on the fly in the webbrowser, firebug like, but better.
more?
This can be an eclipse plugin or standalone app. It must be free.
Maybe you want to try Sublime Text 2? I'm not sure if ti can do all those things but I've seen it doing the on the fly changes with Chrome (haven't tried it myself). It's not free but the version you download will just remind you to purchase it. It will still work fine anyway.
http://www.sublimetext.com/

CSS - to mimic iOS, Blackberry OS and AndroidOS?

I'm looking for a set of CSS or scripts which mimic the UI (only the UI) of default applications on the iPhone/iPad, Blackberry and base Android apps?
I have a client who needs the ability to preview content and form pages on the various OS', but in their desktop browser (Chrome, FF, IE(ugh)). Ofcourse, there are dozens and dozens of standalone emulators, but I cannot find any one who may have created CSS or scripts to mimic how these would look, in the browser - e.g. default button stylings, colours, etc. not the logic of the app, but just the way it could look - with the best example I can find being : http://groupaware.mobi/iphone/#_Windows
Anyone with ideas?
thanks!
For iOS:
http://code.google.com/p/iphone-universal/
and
http://www.peterhintondesign.co.uk/journal/index.php/iphone-css-template/
which is based on the first one.
I'm sorry but until now I have only been able to find templates regarding the Iphone and not the BlackBerry nor Android UI. (I've tried to find them myself before too.)
A great template for CSS (Photoshop CS4 or higher needed) based on the Iphone is:
http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/
Also the links by tomwadley, especially the prior link, are also quite useful regarding coding and framework.
There's some answers in this book: http://oreilly.com/catalog/9780596805791/ about creating CSS styles to mimic iOS stuff. Also covers phonegap etc, might be useful.
jQuery Mobile (JQM): http://jquerymobile.com is a framework which does just that. At its simplest, it renders "standard" html elements as native OS elements for platforms like iOS and Android.
You don't have to use the JQM framework, of course; you could simple take what you need from the CSS that JQM employs. Either inspect the css directly or write a simple test page which loads JQM and inspect the CSS in Firebug or Chrome developer console.
Checkout iUI..probably what you are looking for.
http://www.iui-js.org/index.html
For the android, try this implementation of Holo Light and Dark: http://vezquex.com/projects/holo-css/

How To Choose And Create a Icon?

As I develop some things to my self and now I'm developing some of this applications for my friends and my family. I want to put icons on this applications, because It's takes the appearance better, but how to choose a icon that will combine better with your application and what is the best programs to develop some professional icons?
Take a look at this software: http://icofx.ro/
Visual Studio comes with a lot of stock icons that will at least make your apps look "Windows-y".
Look around:
C:\Program Files\Microsoft Visual Studio 9.0\Common7\VS2008ImageLibrary\1033
for a file called:
VS2008ImageLibrary.zip
In it, you will find a variety of standard icons.
With IcoFX you can select part of an image to create an icon. Here's their tutorial for more on the subject http://icofx.ro/tutorials/tutorial1.html. It's a good free icon editor.

Resources