WebSite for polymer 1.0 examples? - layout

Is there any site or blog which has complete examples of polymer 1.0?? I am a starter. I need complete working examples of Layout out with navigation drawer.

Yes, there is a polymer starter kit available here :-
https://developers.google.com/web/tools/polymer-starter-kit/index?hl=en
This is a great reference project with examples of the drawer layout you are after as well as other useful things like theming, routing and offline capabilities.

The Official Site of the polymer catalog
https://elements.polymer-project.org/elements/paper-button?active=paper-button&view=demo:demo/index.html
Click on the right eye shape comes an example.
To view the source code, press the F12 key
https://elements.polymer-project.org/browse?package=paper-elements

Not sure what a "complete example" is, but here's one that uses polymer 1.0: http://element-party.xyz

There are two. Both are located on Github.
Polymer Starter Kit
Polymer Seed Element
Those are excellent starter examples and will get you up and running in no time.

Related

Using MasterDetail Sample along with Hamburger Template in Template 10

Has anyone used masterdetail sample of template 10?If yes can you please explain it properly and step by step for a novice or give the link to your code (comments included for explaination) .I have just started developing uwp apps and template 10 is good and using hamburger template and would like a masterdetail page in that.From what i can understand that there are two implementation but how to implement that in my app i cannot understand how to do it.Is there any tutorial availabe for that?
correct first implementation is using Visual States only
second implementation is using a control someone in the community is creating.
The switcher button shows 2 implementations.. By far the first implementation is so much easier to get started with and work other features in like using a SemanticZoom for example.
No tuts just the samples. They are really easiest examples out there...

Polymer Getting started template

Can someone provide me a default polymer template where i can see the structure of it.
I couldn't find a template which has all the features, which i could use for a static mobile app.
If you are looking for a basic scaffold (project structure) then there's a great video by Rob Dodson from polymer team.
PS: You need to know about YEOMAN

Where is the source of Google design guidelines | Material Design

I have learned the Google design guidelines.
I have a good look at http://www.google.com/design/spec/material-design/introduction.html.
In the github source of web-starter-kit.
But, Will there somewhere source of http://www.google.com/design/spec/material-design/introduction.html?
Polymer is a great library for implementing Google Material Design into your app: https://www.polymer-project.org/0.5/.
Also, if your are build in Angular.JS the guys at Google have created their own NPM module called Angular Material: https://material.angularjs.org. It has a number of installation methods available.
There is also another library that has incorporated Google Material Design with Bootstrap: Just search for "Bootstrap Material Design" or go here. This wonderful library is made by FezVrasta.
Material Design is great thing brought by Google. Here are some of the frameworks that can be really useful to you.
Materialize: It's a great thing to start off with. Just CSS, no JavaScript.
Material UI: This is the library that I always use in my projects, but the problem that you may face is that this library is dependent on react.js.
Leaf BETA: Still in beta, it has extensive list of components such as buttons, cards, sliders, menu, tabs etc. It includes icons by Icomoon, instead of the original Material design icons.
Polymer Paper Elements: Polymer has so many things. Nearly all. It is brought by Google so you may not have any problems using that.
MUI CSS Framework: This is library that I use for man small projects just because it is the only library that I found having best documentation.
AngularJS Material Design: This is the framework that you might know. Still a lots of bugs around there.
Bootstrap Material Design: Last but not the least, this will be extremely helpful to you if you prefer bootstrap for web designing.
As the things are changing, there might be some other framework very soon to compete with these all.

Github bootstrap UI? Or github-like UI template

I really appreciate Github's website look & feel and I would like to "clone" it on a admin tool I'm developing right now.
Does anyone knows if there's a Github Bootstrakp (just like Twitter bootstrap) or something similar? Perhaps a Github-like UI admin template ...
I found their Style Guide page (https://github.com/styleguide/) but wasn't able to get the css and javascript source codes.
Thanks a lot.
Github's ui is not open source as far as I know, however there is a FOSS clone called gitlabhq:
http://gitlabhq.com/
And the source is available on github:
https://github.com/gitlabhq/gitlabhq
There is https://github.com/primer/primer described as
CSS toolkit that powers GitHub's front-end design. It's purposefully limited to common components to provide our developers with the most flexibility, and to keep GitHub uniquely GitHubby. It's built with SCSS and available via NPM, so it's easy to include all or part of it within your own project.

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