New Angular Home Page

[Misko Hevery]

Hello Fellow Angularians,

With 1.0 nearing, we also wanted to revamp the landing page. So here is a very early prototype: http://angular.github.com/angularjs.org/ 

We want to hear from you:

• What do you like?
• What you don't like?
• What is confusing?
• What else should we add?

-- Misko

[Raj]

One word - Awesome!!!

The hover functionality over the code saves a ton of time
The split between basis, intermediate and advanced is useful for
newbies.
Look and feel is very pleasing.

will dig in further.....

Regards,
Raj

On Apr 2, 5:51 pm, Misko Hevery <mi...@hevery.com> wrote:
> Hello Fellow Angularians,
>
> With 1.0 nearing, we also wanted to revamp the landing page. So here is a
> very early prototype:http://angular.github.com/angularjs.org/
>
> We want to hear from you:
>

>    - What do you like?
>    - What you don't like?
>    - What is confusing?
>    - What else should we add?
>
> -- Misko

[Alex Kosau]

Awesome!!!!

[Nick R]

I like it.  I like how it separates the features of angular by their depth.  That is how I got into angular as well.  I started out just using it for data binding and hacking together everything else around that.  Then I started making some filters to format my data.  Then I started making directives to inject complex behavior written in other libraries in a nice reusable way.  Finally I took the plunge and started writing modules and services and using dependency injection, which took a huge refactor of my code but I think it is better this way.  I think you should add an example of a custom service factory to the advanced stuff, and add an example of a custom filter to the basics or intermediate stuff.

"Important part of serious apps is localization." -- fix this sentence.

Are these examples all running in the page with no iframes necessary?  That is a pretty impressive demo of what Angular can do in terms of arbitrary stuff working on the same page without issues.  Is app-run a directive that lets you do this?

[andyt...@gmail.com]

I like it already.

My main suggestion is to put a focus on how you almost never have to even touch the DOM in your javascript code.  The mess is gone.  Logic is logic, and view is view.  It's so amazing, and why I love angular.  You know what is happening.  

Also, I think you should showcase development time.  Developing things is so fast with angular.  Everything is easy and just works, I don't have to mumble jumble things together.

This is really good so far though, I like it.  Make sure you don't go back to yellow background of the current site :-P

[zdam]

I think the 3 sentences in the header need work.

I really like the learn, develop, discuss style across the top.

Can you make the example in the basic section even simpler

- eg somehow make the html more readable?

=> I think there is too much html to take in in the first 30 seconds that a new person hits this site

=> I think something with < 10 lines of html for the first example, with only one or two angular concepts in it

I only realised the hover functionality from Rajs' post above - that is awesome, how can it be made more prominent?

Change 'Data Binding' to '2-way Data Binding' ?

Maybe directly under the Data Binding | Controller | Plain Javascript trio of paragraphs, have a textbox under the Data Binding paragraph 

with a place holder saying: Type here now!

and under the Controller paragraph have something reflecting what they are typing, nad then something? under the Plain Javascript paragraph

that is related

=> The intent of these bits is that first time visitor types something in to the textbox and insantly gets a feel for basic angular

* and I like all of Andy's suggestions too :)

Are color choices to be determined after the logo comp is done?  How is the logo competition going?

[Eric Jain]

On Apr 2, 3:51 pm, Misko Hevery <mi...@hevery.com> wrote:
> We want to hear from you:
>

>    - What do you like?
>    - What you don't like?
>    - What is confusing?

>    - What else should we add?

The #1 most important thing for me on your main page is to see what
the most recent versions are.

The #2 most important thing for me is convenient access to the
documentation. It's starting to get a bit confusing with all the
documentation links (5 Minute Tryout, Tutorial, API Reference,
Concepts, Examples, FAQ)...

For people not yet familiar with AngularJS, I wonder if the obvious
use of Twitter Bootstrap could lead to the impression that AngularJS
is some kind of plug-in for Bootstrap.

[Dan Doyon]

So I know this thread is about home page, but I'll throw it in since it is related to doc. I'd really like to see more test examples. The mantra for angular has been its testability. To some degree there has been little test nuggets here and there. I'd like to see comprehensive "golden path" examples. I think having the angular-seed or angular-phonecat have rich examples showing a variety of techniques. I struggle at times trying to distinguish between angular extensions and jasmine. I've tried looking at the angular.js tests but there seems to be a number of bits that look to be not what you would use for your own apps.

--dan

> --
> You received this message because you are subscribed to the Google Groups "AngularJS" group.
> To post to this group, send email to ang...@googlegroups.com.
> To unsubscribe from this group, send email to angular+u...@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/angular?hl=en.
>

[Jeffrey 'jf' Lim]

On Tue, Apr 3, 2012 at 12:39 PM, Eric Jain <eric...@gmail.com> wrote:

On Apr 2, 3:51 pm, Misko Hevery <mi...@hevery.com> wrote:

> We want to hear from you:
>

>    - What do you like?
>    - What you don't like?
>    - What is confusing?

>    - What else should we add?

The #1 most important thing for me on your main page is to see what
the most recent versions are.

something along the lines of what jquery.com does ("Current Release: v1.7.2") would be nice, yes. But shouldnt need to be anything more than that.

The #2 most important thing for me is convenient access to the
documentation. It's starting to get a bit confusing with all the
documentation links (5 Minute Tryout, Tutorial, API Reference,
Concepts, Examples, FAQ)...

a bit. But only just... Perhaps the headings could be tweaked. "Learn" could become "If you're new", for example (yes, it breaks the "one word convention"). But it's not such a big deal for me.

*the github link should really (because of the categorization) fall under "Develop", though?

 

For people not yet familiar with AngularJS, I wonder if the obvious
use of Twitter Bootstrap could lead to the impression that AngularJS
is some kind of plug-in for Bootstrap.

I have no such problems. I'm not so sure anybody else would?

-jf

[cambiata]

Great!

I agree with zadam that the basic example could be even simpler.
Maybe a simple addition calculator with two inputfields and a button?
No css and and the controller code on the same page as the html?

A grown up site-integrated 1.0 version of the current fiddles collection would
be great. Thematically organized and fast growing it could be *the* place where
you find the solutions for your problems...

[Peter Bacon Darwin]

I like the idea of describing controllers as code-behind.  It was confusing when I first came to Angular because I was used to thinking of controllers as handling requests and generating templates, such as you would have in Rails or other MVC technologies.  In Angular a controller is much more like the code-behind file you have in ASP.NET, where you are simply providing extra behaviour to the declarative functionality in the templates.  I would put even more emphasis on this in the documentation.

Actually the parallels to ASP.NET are even stronger when you think about directives being similar to their web controls.  This is an area I would like to see emphasized more from the point of view of a new programmer.  The idea that much of the functionality that one would traditionally have to code up can be wrapped in directives (widgets, validation, etc.) and used really easily in the templates.  To only talk about directives in the advanced section is missing a trick.  Sure, you might not be writing your own until you are a bit more advanced but one of the killer features of Angular is that you can use directives to eliminate so much boiler plate code - not only does angular come with plenty of really useful directives but anyone can extend the Angular system and provide directives for others to use.  I would expect to see more and more libraries of directives from third parties that make development even more RAD and accessible to non-javascript-gurus.

Pete

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.

To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/4gLxaHx5-vYJ.

[Peter Bacon Darwin]

I also love the hover functionality and the live demos.  This is a great feature.  I am a little worried, though, that there is too much text on this home page for people to bother reading.  Each of the boxes of information, Basics -> Databinding, Controller and Plain Javascript should have no more than one catchy sentence and then link through to more detailed content in the Learn section of the site.  I guess all these bits are going to be enhanced with icons?

We are you with the new AngularJS logo by the way?

I also like the idea of having loads of little embedded fiddles with simple examples of how to do things in AngularJS.  Perhaps you could even open up the API for creating these hovering code examples you have on this page and allow the community to submit their own?

Pete

[Adam Pohorecki]

Hi,

1. I love the new code samples, especially the hover for help functionality.
2. I think that the home page has way too much content. In my opinion,
the content should fit on a single screen.
3. I think that the usage of Twitter Bootstrap is a good idea, but it
needs to be customized, so it is not that obvious. In my opinion,
using a stock design such as this makes it look like AngularJS is yet
another, soon to be abandoned, after-hours project (since they all use
Twitter Bootstrap now).

Best regards,
Adam Pohorecki

[Paul Hammant]

You're accepting / encouraging pull-requests right ?

- Paul

-- Misko

--

[Darius Riggins]

Completely agree on this, just do some minor customizations to the header so it's not so obvious that it's bootstrap.

Otherwise love the changes and direction of it.

>>> angular+unsubscribe@googlegroups.com.

>>> For more options, visit this group at
>>> http://groups.google.com/group/angular?hl=en.
>>
>>
>
> --
> You received this message because you are subscribed to the Google Groups
> "AngularJS" group.
> To post to this group, send email to ang...@googlegroups.com.
> To unsubscribe from this group, send email to

> angular+unsubscribe@googlegroups.com.

[David Yu]

On Tue, Apr 3, 2012 at 5:07 PM, Adam Pohorecki <ad...@pohorecki.pl> wrote:

Hi,

1. I love the new code samples, especially the hover for help functionality.
2. I think that the home page has way too much content. In my opinion,
the content should fit on a single screen.
3. I think that the usage of Twitter Bootstrap is a good idea, but it
needs to be customized, so it is not that obvious. In my opinion,
using a stock design such as this makes it look like AngularJS is yet
another, soon to be abandoned, after-hours project (since they all use
Twitter Bootstrap now).

+1 on 3.  It really needs customization.  But I do understand that no designer is on the core angularjs group from google (and engineers can't design ****). 

--
When the cat is away, the mouse is alone.
- David Yu

[Dan Doyon]

this morning i picked through the whole thing and really liking the way it flows.  I feel like the Javascript Projects example is quite nice, the one thing that seemed pretty advanced was the definition of the ProjectFactory using the parse.com api.  I think a simpler example using resource may be appreciated.

great work!

--dan

[LarryK]

Great work on the new site!

Some comments and suggestions:

1. See if you can get one of your (Google's) graphic designers
involved. Both for short term ideas on the new site and for working
towards a later 3rd rev.
For the new site: you need graphics, or a photo, or something.
(Anything other than just text!) Right now, the masses of text are a
bit much.
Re: use of Twitter Bootstrap. I don't think this is a problem at all.

2. Start at first principles: who are you aiming the web site at?
Having so many code examples on the front page feels a bit too much
aimed at someone who wants to start coding before making the
"commitment" (via an investigation and a rational/emotional decision)
that they want to invest time to learn/use Angular. It's too much
"shoot, aim, ready."

3. To put it another way, why would an engineering / project / program
manager approve use of Angular based on the site. I'd argue that he or
she would be wondering where are the benefits listed? Who is using it
already? What is the 50,000 foot description of Angular? Where is the
"elevator pitch" for it.

It is important to pay a lot of attention to the first time visitor to
the site who has heard of Angular but now wants to visit the site and
learn more. The reason is that he won't come back unless his questions
are addressed and answered upfront and center. Whereas the committed
people who have already decided on and invested their time into
Angular will deal with the fact that they have to click a nav menu
item to get to the api docs or whatever they're seeking.

Suggestions:
4. The live code examples are fantastic. But I'd move all of them off
of the front page and put them on the "5 minute tryout" page. (Or
rename it "Live examples" or "Examples") I would also work on the
"Develop / Examples" -- the problem is that "Examples" leads people to
think that that's where they'll find the examples of how to use the
sw. But it isn't, it's "5 minute tryout"

Since the usual "call to action" for a sw lib site is to investigate
the examples carefully, I suggest ONE page called "examples" and
perhaps have two links to it, one under Learn, one under Develop. On
the Examples page, you'd have the current live examples plus a link or
section listing the additional examples that are currently under
Develop/Examples.

Examples is a big deal since that is where people often go after
deciding to learn more. It is GREAT to have multiple levels of
examples (the live ones, the ones that are part of the source lib,
others that contributors have made, etc). But it is not good to have
separate sets of examples.

5. I'd put a 5 minute video front and center on the site. Eg see
http://hobocentral.net/ which is also a software library (it extends
Rails). It should be a new video which quickly discusses the benefits
of Angular and gives examples of the key features.

6. You need to write an elevator pitch, and as part of it, decide what
are the three key features/benefits of Angular.
Are they 2-way binding, instantly testable and fast/clean
development?

7. You need a Mobile story! This is VERY important. These days,
everyone worth their salt knows that their apps *must* run well on
mobile browsers. It is ok if the current Mobile answer for Angular is
still young (use an extension that is not in the core etc). But you
should also make a commitment, if you can, to integrating mobile into
the core in the future. Remember there are now many more new mobile
browsers per year than new desktops.

8. You should determine which terms you're going to use. Eg "2-way
data binding" or "bi-directionally bound controls" or something else?
I suggest "2-way data binding"

9. Currently FAQ goes to Stackoverflow. I assume that's a placeholder,
yes?
FAQ should include license, a release timeline and much more.

10. Your "About" should discuss who wrote Angular, what is the funding
(how many FTE developers at Google, 2?) etc

11. Minor, I found the graphics of the tabs to be a bit too modern, I
prefer to see a more visual tab for both the current and available
tabs. Just having links to indicate the un-activated tabs is a bit too
much "design student."

12. You could also have an "Alternatives" page where you discuss how
Angular is different from Backbone, Spine, etc.

Hope this helped,

Larry
ps, Again, great work on the new site. I look forward to it being even
better and bringing thousands of new projects to Angular!

On Apr 2, 6:51 pm, Misko Hevery <mi...@hevery.com> wrote:
> Hello Fellow Angularians,
>
> With 1.0 nearing, we also wanted to revamp the landing page. So here is a
> very early prototype:http://angular.github.com/angularjs.org/
>
> We want to hear from you:
>

>    - What do you like?

>    - What you don't like?
>    - What is confusing?
>    - What else should we add?
>
> -- Misko

[Misko Hevery]

Hi Guys, 

thanks for all of this awesome feedback! There are some really good suggestions in there. I will try to incorporate it into the homepage and once I have more I will let you know and we can do another round of reviews.

-- Misko

[Misko Hevery]

Here is the winning logo: http://99designs.com/logo-design/contests/create-logo-google-angularjs-framework-127104

--

You received this message because you are subscribed to the Google Groups "AngularJS" group.

To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/CagrLF_tb8cJ.

[Misko Hevery]

Change 'Data Binding' to '2-way Data Binding' ?

Well that is not true, Most data-bindings are one way, only some (form controls) are two-way 

[Peter Smith]

Misko,

Looks good! But why not try a nice Font Stack with an off-white background?

I pasted the following into the bottom of docs.css and the compared it with the current page. 

AngularJS got a nice descender, the other headers maybe a bit strong,  and the body text seemed more readable.

body

{background-color:#F8F8F8;}

html, body, h1, h2, h3, h4, h5, h6, p, th, td, li{ 

font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT"

, "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma

, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}

I got the font stack from http://www.sitepoint.com/eight-definitive-font-stacks-2/ 

It looks good on Chrome on Ubuntu 11.10 and should look good elsewhere.

By the way I really like the existing landing page! 

What's wrong with yellow anyway?

Best regards,

Peter 

[Johan Steenkamp]

Looks good and very functional. Logo - excellent, looks unique and professional.

Based on logo colors makes sense to change the site default bootstrap link color from blue to red.

Well done!

[Carles __]

Looks awesome and I love the logo. 

I agree with LarryK about the 5 min video. It´s one of the first things I search for when I´m trying to see if a new technology is interesting.

Also probably not on the Home page but it would be great if you could add some screenCast video about how to use angular to develop following the TDD aproach or at least showing how easy it´s to test code in Angular. I believe the fact that angular is completely testable out of the box is one of it´s greatest features.

I also agree with Dan Doyon,  I think the worst part of angular is the lack of examples in the documentation. Maybe the community can help you provide examples for the documentation if you put a way to submit them into the docs page. We can also add them to the comments but ...

Carles

[Łukasz Twarogowski]

I like it! :)

Łukasz

[Łukasz Twarogowski]

maybe there should be a sort of 'recipes' section on home page, listing simple solutions to common problems, using Angular. this could help newcomers to see potiential of Angular, how it is leaner (and more flexible) compared to other libraries. we could use jsfiddle, as it is widespread on this group already.

cheers

ł.

[sebmade]

really great !

good presentations with level and live demo, so easy to understand

just one thing : i think it's really important to bring the testable aspect not in expert mode but present like a feature 

like in the api docs where each example is join with a test

i think each live demo can present a test also

[cambiata]

Is this excellent presentation by Misko too old?
http://www.youtube.com/watch?v=khk_vEF95Jk

[ItsLeeOwen]

The guide doesn't work:  http://docs.angularjs.org/guide/

If it was my first time checking out angularJS I'd want to see John Lindquist's tutorial front & center, right away.

[Misko Hevery]

yes, that video should be mostly true. The link is http://docs.angularjs.org/#!/guide

On Fri, Apr 6, 2012 at 12:19 AM, ItsLeeOwen <l...@coderebelbase.com> wrote:

The guide doesn't work:  http://docs.angularjs.org/guide/

If it was my first time checking out angularJS I'd want to see John Lindquist's tutorial front & center, right away.

--

You received this message because you are subscribed to the Google Groups "AngularJS" group.

To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/eMhi6hiM38sJ.

[Misko Hevery]

Better yet: http://docs-next.angularjs.org/guide

[rvaur...@gmail.com]

When will the tutorials be updated? 

Regards,

Raj

Sent from my iPad

[Misko Hevery]

Ok, I have taken a lot of your feedback, and here is the current state.

http://angular.github.com/angularjs.org/#/list

What is still missing:

• Google+ button
• hover over all of the code
• The text to the right of the logo needs to be rewritten

More feedback please.

-- misko

[John Lindquist]

Looking good.

I'm not a fan of "Intermediate", "Advanced", "Expert".

Headlines like "Enterprise-Ready", "Speed Demon", "etc. would help "sell" Angular, while words like "Advanced" might scare beginners away.

[Johan]

Looks good. 

Basic - Intermediate - Advanced - Expert = works for me. Makes it easy to see what you can achieve at each level. You could carry it through in the docs by tagging items/examples is a consistent way which would also help people navigate the docs/features etc.

Well done.

Better yet: http://docs-next.angularjs.org/guide

To unsubscribe from this group, send email to angular+unsubscribe@googlegroups.com.

For more options, visit this group at http://groups.google.com/group/angular?hl=en.

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To post to this group, send email to ang...@googlegroups.com.

To unsubscribe from this group, send email to angular+unsubscribe@googlegroups.com.

For more options, visit this group at http://groups.google.com/group/angular?hl=en.

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To post to this group, send email to ang...@googlegroups.com.

To unsubscribe from this group, send email to angular+unsubscribe@googlegroups.com.

[Vojta Jína]

+1 for cooler names like "Speed demon" :-D

V.

[Peter Bacon Darwin]

I really like the way this is coming along.

Sometimes when I go to the page the code blocks do not appear and I have to hard-refresh to get them.  Probably a caching issue on my machine.

I agree that the beginner, intermediate etc... don't really mean anything.  How about you name them after the functionality that you introduce:

• Basic Binding
• Add Some Control
• Wire up a Backend
• Embed and Inject

I would make the first example a single html file (no js) and also lose the controller. Just a simple: http://jsfiddle.net/UNJWA/

Also, I notice that the locale US section is actually still in locale SK.

Looking forward to this going live.

Pete

[zdam]

I agree with your naming style suggestion and making that first example even simpler.

V.

Better yet: http://docs-next.angularjs.org/guide

To unsubscribe from this group, send email to angular+unsubscribe@googlegroups.com.

For more options, visit this group at http://groups.google.com/group/angular?hl=en.

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To post to this group, send email to ang...@googlegroups.com.

To unsubscribe from this group, send email to angular+unsubscribe@googlegroups.com.

For more options, visit this group at http://groups.google.com/group/angular?hl=en.

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To post to this group, send email to ang...@googlegroups.com.

To unsubscribe from this group, send email to angular+unsubscribe@googlegroups.com.

For more options, visit this group at http://groups.google.com/group/angular?hl=en.

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To post to this group, send email to ang...@googlegroups.com.

To unsubscribe from this group, send email to angular+unsubscribe@googlegroups.com.

For more options, visit this group at http://groups.google.com/group/angular?hl=en.

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To post to this group, send email to ang...@googlegroups.com.

To unsubscribe from this group, send email to angular+unsubscribe@googlegroups.com.

For more options, visit this group at http://groups.google.com/group/angular?hl=en.

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To post to this group, send email to ang...@googlegroups.com.

To unsubscribe from this group, send email to angular+unsubscribe@googlegroups.com.

[zdam]

I'm really liking this progression.

* I don't know the correct terminology, but for me, the use of the image for the letter A in AngularJS in the browser tab title is a bit offputting.

For some reason my eyes ignore the A image, and I simple see/read NGULARJS, which feels wonky.  Also, if you are on Windows 7, and you hover over your browser tab (only tested in Chrome) in the Task bar, the popup image reads as NGULARJS, which again looks wonky.

* I just came across the cache refresh issue that Perter Bacon Darwin mentioned elsewhere.

* I'd still like the awesome code hover functionality to be more obvious. :)

* I think the intermediate example, which has a 70 line Parse service is way too much complexity for an example a new user will see in the first 5 minutes.

- can we just use $resource and ditch parse.js entirely?  I mean this is great for an entry in some cookbook part of the site, but I think it hurts the initial 'sell' 

because it is so complex.

- A side note, I was looking for some easy server storage solution in preparation for future screencasts I will be doing, and ended up choosing MongoLab, I have a 3 minute video that shows how easy it was to setup, perhaps MongoLab with $resouse might be an easier entry for this Intermediate section?  http://www.youtube.com/watch?v=y-GFSqXn3tE 

It feels like we are reaching a tipping point with AngularJS, and I am excited that soon the wider developer community that has perhaps focused on other javascript frameworks will be exposed to AngularJS and it's popularity will explode.

Cheers folks for great work :)

Better yet: http://docs-next.angularjs.org/guide

To unsubscribe from this group, send email to angular+unsubscribe@googlegroups.com.

For more options, visit this group at http://groups.google.com/group/angular?hl=en.

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To post to this group, send email to ang...@googlegroups.com.

To unsubscribe from this group, send email to angular+unsubscribe@googlegroups.com.

For more options, visit this group at http://groups.google.com/group/angular?hl=en.

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To post to this group, send email to ang...@googlegroups.com.

To unsubscribe from this group, send email to angular+unsubscribe@googlegroups.com.

[Johan]

Just a minor typo: "Formating" should be "Formatting" - used in tab labels

[Misko Hevery]

Hello all,

Anther installment of the angular page. I tried to adress all the issues with few exceptions Please keep the feedback coming

Which hover over me do you like better:

http://angular.github.com/angularjs.org/

http://vojtajina.github.com/angularjs.org/

* I just came across the cache refresh issue that Perter Bacon Darwin mentioned elsewhere.

NEED HELP TRACKING IT DOWN.

* I think the intermediate example, which has a 70 line Parse service is way too much complexity for an example a new user will see in the first 5 minutes.

- can we just use $resource and ditch parse.js entirely? 

unfortunately we can not. The $resource is too broken to work with parse. :-( The hope was the that parse.js will be replaced with the new resource once it comes out.

NGULARJS in the title.

Some of us like it. Can we take a vote on it?

--

You received this message because you are subscribed to the Google Groups "AngularJS" group.

To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/RlT-FeZWIVQJ.

To post to this group, send email to ang...@googlegroups.com.

To unsubscribe from this group, send email to angular+u...@googlegroups.com.

[Vojta Jína]

Did you push your changes ? There is no G+ button...

Agree, that the second version of hover over me is too much red :-D

V.

[Adam Pohorecki]

I like the pink one - it has better contrast.

[zdam]

For hover, I prefer the blue color, but the red background has a nicer 'lightness' (I don't know how to describe what I mean!) 

I got the cache problem on both links below, on first view.  How can I help track this down for you?

Here is a fiddle of the parse example, but using MongoLab instead.  http://jsfiddle.net/zdam/esUVs/ 

- I am just using $resource directly, I have commented out the calls to Project, but not removed the Parse service or tidied up the code.  I do think it is a better sell to have a less complicated example, but I won't push my opinion any further on this :)

To unsubscribe from this group, send email to angular+unsubscribe@googlegroups.com.

[Igor Minar]

On Mon, Apr 9, 2012 at 10:46 PM, Misko Hevery <mi...@hevery.com> wrote:

NGULARJS in the title.

Some of us like it. Can we take a vote on it?

-1 as it messes up bookmarks, mouseover title, etc

just make it "AngularJS"

[Peter Bacon Darwin]

I agree.

--

You received this message because you are subscribed to the Google Groups "AngularJS" group.

[Darius Riggins]

Really dislike the NGULAR in the title, seems amateurish to me. The scaling on the small logo seems to have an imperfection at that size, the left side of the shield looks off. Lastly, I think you have to do something about typography on the opening page, the "Stop writing" bit with the "HTML Enhanced" line looks very plain and out of place in my opinion. Same think with the nav bar, just looks very ordinary. (I have such high hopes/expectations for Angular, it's starting to look bad ass though!)

To unsubscribe from this group, send email to angular+unsubscribe@googlegroups.com.

[Johan]

"Ngular" - agree just keep it simple and make it Angular

Hover color - how about pale yellow. For example as in WebStorm for current line - also does not compete with any of the text/code colors.

I like the "by Google" under the main logo :)

To unsubscribe from this group, send email to angular+unsubscribe@googlegroups.com.

[Misko Hevery]

Thanks for the feedback keep it coming...

CHANGED:

 - hover now pulses ever 15 seconds to get your attention.

 - switch from parse to mongolab and use resource (for the most part) (thanks zdam)

 - removed tho NGULARJS

NEXT:

 - annotate all of the text

 - update bullet list

 - write a Why section

-- Misko

To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/5uqouW8ked8J.

To post to this group, send email to ang...@googlegroups.com.

To unsubscribe from this group, send email to angular+u...@googlegroups.com.

[andyt...@gmail.com]

You should make the youtube video embed be HD by default (I'm not sure how). 

[Misko Hevery]

would love to know how. if someone knows let me know

To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/P2IYYWt7UxIJ.

To post to this group, send email to ang...@googlegroups.com.

To unsubscribe from this group, send email to angular+u...@googlegroups.com.

[Igor Minar]

http://youtu.be/WuiHuZq_cg4?hd=1

[Misko Hevery]

right, but that does not work when you embed it :-(

<iframe width="970" height="576" src="http://www.youtube.com/embed/WuiHuZq_cg4?hd=1&autoplay=1" frameborder="0" allowfullscreen></iframe>

Anyone else?

[Igor Minar]

that's because you don't give it enough space on the screen. try making the video frame 1280px wide.

[John Lindquist]

Isn't the speed of Angular's binding something that sets it apart from other frameworks? Maybe the first "Binding" section could have a "benchmarks" graph showing binding speed compared to other frameworks? That always gets people talking :)

[Igor Minar]

I dunno. The whole speed thing depends on too many variables (app, browser, actual app code). Unless we have a representative benchmark and some objective measurements I'm reluctant to claim a victory here.

Yes, we often kick everybody's butt, but I'm sure that backbone folks could come up with a weird case when their "bindings" are faster.

I think that the bindings are unobtrusive and the "just" work is more important and much easier to prove than some artificial speed numbers.

/i

[Kyle Finley]

Hello,

Awesome job on the home page it looking great!

I started playing around with the theme.

If you like the design I can updated to the newest version.

Here's the design with the original logo:

http://angularjs-org.appspot.com/original/

And the same theme with the new logo:

http://angularjs-org.appspot.com/

Conceptually I really like the original logo. I think that it does an excellent job of communication what AngularJS is. I really hate to see it go.

In the heading section I played with wording a little. Changed "HTML Enhanced for Web Apps!" to "HTML Evolved!" and the bulleted lists to just *Better *Smaller *Faster. Maybe instead the list could be animated, fading in an item every second or so?

I wonder if the top section needs something more to engage the visitors. Maybe move the hello world example into this section. Or just add an input that would allow the user to play with data binding. The "original" logo was created using webfonts and css3 text-shadow, allowing the user to change the value might be interesting.

I'm not married to anything of these changes or ideas, so if anyone has any suggestions please let me know, and we can try some variations.

Thanks for creating AngularJS,

- Kyle Finley

[Nolan Dubeau]

Hi there,

Regarding the colours for the code hinting....Personally I feel the original blue (not the current one) is the way to go.  The blue that is implemented now I feel draws too much focus and there is not enough contrast with the text.  I actually find it hard to read.  Twitter obviously spent a lot of time building Bootstrap.  Although it's meant to be a starting point I think the decisions they made on styling, colours, etc were done so carefully and with a lot of thought.  

+1 for the default bootstrap blue.

Nolan

[Igor Minar]

Interesting ideas!

I'm not sure about the logo. But:

- I find the daft-punkish bullet points under the logo interesting

- I love the font you used for h1 and h3 headings - definitely an improvement over our stock font, we should use it

- HTML Evolved sounds interesting, but also sound like a fork to me, we want to make sure that people understand that they'll  be able to benefit from any future html enhancements as they happen

- I'm not sure how I feel about moving the top menu down under the logo. I like how it cleaned up the top of the page though.

/i

--

You received this message because you are subscribed to the Google Groups "AngularJS" group.

To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/Fup8Zabr4DgJ.

[Kyle Finley]

Thanks for the feedback!

- I'm not sure how I feel about moving the top menu down under the logo. I like how it cleaned up the top of the page though.

I took the idea from ender ( http://ender.no.de/ ). I think it would work better if there was a more complete presentation above the menu, that's why I was thinking the hello world example could be moved up. The background should also be a different color to convey the separation. 

- Kyle

[Daniel Nelson]

Congratulations Angular Team on an amazing framework, on nearing v1,
and on the re-branding!

My 2¢ are that I liked the original design, and I'd be cautious about
design by committee. What you have now is very workable, and a big
improvement over the old yellow and blue. Keep up the great work!

Best,

Daniel

[Misko Hevery]

I really don't want to get into perf discussion, since there are so many variables. But in general we have a linear cost per binding, while other frameworks with their event system hove linear cost to the number of items changed. So you can design a perf tests, where angular wins, and you can design tests where angular loses. its really a red hearing.

On Tue, Apr 10, 2012 at 2:52 PM, John Lindquist <johnli...@gmail.com> wrote:

[Misko Hevery]

Hi Kyle,

sorry it took me so long te get back to you. Thanks for the mock up. It is great. I have taken many elements from it. The fonts, footer, but for now we decided to go with white background. We are still considering moving the nav bar lower. 

Really appreciate that you took the time for this mack up.

-- Misko

On Tue, Apr 10, 2012 at 5:12 PM, Kyle Finley <kylef...@gmail.com> wrote:

--

You received this message because you are subscribed to the Google Groups "AngularJS" group.

To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/Fup8Zabr4DgJ.

[Misko Hevery]

Unless there are surprises this is what we are going with: http://angular.github.com/angularjs.org/

Could people try it and click on links, and report general issues?

Thanks in advance!

-- misko

[John Lindquist]

Is there any sort of metrics you can add? I know enterprise project managers love having objective measurements when making framework/library decisions. Maybe test coverage?

Sent from my phone

[Kyle Finley]

Hi Misko,

Looks great! I'm glad that there were aspects of the design you could use.

I would like to donate some time to the success of AngularJS, so If you have any other design challenges, or you would just like to have an additional perspective on things please feel free to contact me. 

Thanks,

- Kyle

[zdam]

The Bree serif font used in all the words like: Why AngularJS, Alternatives, Extensibility etc is rendering strangely for me.  All the characters have blocky 'nodules' on them.

Is anyone else seeing this?

-- misko

-- Misko

To unsubscribe from this group, send email to angular+unsubscribe@googlegroups.com.

[Darius Riggins]

Yes, I'm seeing this on Windows 7 with Chrome, although it looks great on Mac. I pulled up Chrome Dev Tools and tried setting -webkit-font-smoothing and a few other similar values, but none seemed to fix the jaggedness of it. FF & IE looks good on Win 7 too.

[Peter Bacon Darwin]

My only comment on layout is that the spacing between sections is not enough for my eye.  I would prefer to have some kind of visual separator or maybe even enclose each section in a block with a border.

On my tablet (Galaxy Tab 10.1) it is really slow both to load the initial code views and then when you tap hoverme items - for instance, between a tap and the hoverme showing there is a delay of up to 3 secs.

It occurred to me that pages like this would really benefit from being able to run multiple ng-app directives.  Each section is basically independent of the others and so they need to share no data.  Splitting them up would mean each digest would run much faster, no?  I understand that ng-app can only be specified once per html doc at the moment.  Lifting this restriction would open a few use cases like mashups where you want each bit to be isolated and not affected by the performance of the other bits on the page.

Pete

To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/CC0mJkkLKYUJ.

To post to this group, send email to ang...@googlegroups.com.

To unsubscribe from this group, send email to angular+u...@googlegroups.com.

[Johan]

Yes - that font look bad for me as well. Less is more - stick to a few fonts. 

A font like  http://www.fontsquirrel.com/fonts/Yanone-Kaffeesatz is similar to the style used in Angular logo and could work well for Headings.

The hover color is too strong - I think a pale yellow would work well as its less obtrusive but distinctive. I'd also loose the text-shadow on code.

Anyway everyone has an opinion on design.

[Misko Hevery]

I think that is  a great idea. Will keep you in mind. Do you have an area which is especially dear to your heart?

--

You received this message because you are subscribed to the Google Groups "AngularJS" group.

To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/97PXNc6UhU8J.

[Misko Hevery]

I have noticed the slow loading too, I have narrowed it down to:

- cost of jquery parsing.

- prettifying the HTML

IT has very little to do with sharing the scopes. BTW each app runs as a separate app. So actually there are 4 instances of angular running. One for each example and one for the whole page.

-- Misko

[Peter Bacon Darwin]

Hi Misko,

Can you clarify how you are running separate instances of angular in the angular home page?  There are no ng-app directives and only one called to angular.bootstrap passing in the whole document in the page.

Pete

[Kyle Finley]

How about the documentation pages? Have you begun the redesign for those pages? If not, maybe I could change the design to make it consistent with the home page.

Would you be opposed to creating an App Engine app to host the documentation and the home page?

- Kyle

On Friday, April 20, 2012 12:49:19 AM UTC-5, Misko Hevery wrote:

I think that is  a great idea. Will keep you in mind. Do you have an area which is especially dear to your heart?

On Fri, Apr 13, 2012 at 4:10 PM, Kyle Finley wrote:

Hi Misko,

Looks great! I'm glad that there were aspects of the design you could use.

I would like to donate some time to the success of AngularJS, so If you have any other design challenges, or you would just like to have an additional perspective on things please feel free to contact me. 

Thanks,

- Kyle

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.

To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/97PXNc6UhU8J.

To post to this group, send email to ang...@googlegroups.com.

To unsubscribe from this group, send email to angular+unsubscribe@googlegroups.com.

[Misko Hevery]

Thanks for the offer! I have already begon working on it and it is coming along. We are changing not just the look, but a lot of other things. Will post it up, as soon as I will have something demoable to get same feedback from you guys.

To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/3VpfdbfL7n0J.

To post to this group, send email to ang...@googlegroups.com.

To unsubscribe from this group, send email to angular+u...@googlegroups.com.

[Misko Hevery]

Have a look at the source. There is a lot of magic going on to render the page but

• Each file is put in its own script tag.
• There is a special directive which can assemble the jsFiddle, source view, or run the application inline.
• I believe you can have multiple ng-app on the page, but I have the app directive bootstrap a new instance programmatically using angular.bootstrap

-- misko

[Peter Bacon Darwin]

Ok thanks

...from my mobile.