Facing Blend

Ariel Leroux's Design Blog

Posts Tagged ‘ Silverlight ’

A friend just sent me a link to this site and I’m having to wonder what closet I’ve been living in for not having seen nor heard about this site at all.

The tagline says it all, “SilverZine - Silverlight resources for Designers

You should check it out – http://www.silverzine.com

Popularity: 1% [?]

If you’re so inclined, you should join me in doing a happy dance!

Its finally ready! 

Presenting:

Simon, in Silverlight 2!

I’ve had this sitting on the front and back burners for the last… few months (has it really been that long?).  Got the design to my buddy David at HackingSilverlight.net about 3 or 4 weeks ago, he gave it brains and sent it back to me a week later… but in silverlight 3.  What the heck?!

I want the world to actually get to PLAY WITH THIS!!  So I rolled it back to silverlight 2… but there was a problem or 2.  The sounds wouldn’t play, we didn’t have all of the sounds anyway, and the font wasn’t playing nice!

Ugh – and then work.  Why the heck does that thing which makes my life actually operate smoothly have to come into the foreground just when I need some time to do my little projects?!  Geez.  What are these people thinking – do they think they pay me or something to do their stuff?  Oh yeah, right.  They do.

Long story short, its DONE! 

Go!  Click on the picture – it’ll take you there.  Have fun!

Oh, and tell me what you think in a happy comment, if you please :D

Popularity: 29% [?]

There’s this little piece of FacingBlend that I originally designed just as an icon and my buddy David said, “Hey!  You should make that into the REAL THING!”

So I did – I made it larger.  There were a few things… ok, a LOT of things… that needed to be modified when it was in its larger form, further details and the like, but the base model itself was still near to exactly the same – but then it required more fun stuff, like some level of interactivity, nice animations so that when YOU do something IT does something.

Ok, I’m being vague, and somewhat on purpose because I’m in the middle of “rolling it back” because the crazy guy did it in Silverlight 3 – but oh wait.  Nothing’s supposed to “Go live” in Silverlight 3 according to the SL3 Development site.

So I’m going through some of the C# when I find a comment.

// blow up...

I can’t help it but laugh.  I think that would be one of my absolute favorite things when going through someone else’s work and modifying things.  The little comments that only someone who knows how to go through the stuff will find.

Popularity: 1% [?]

On one hand, a friend of mine tells me, “Man, don’t even worry about the XAML – just design, use Blend, go crazy. Be artistic.” and on the other hand, I have a different friend who groans at the messy XAML which Blend puts out when using transition Visual state manager Double Spline Animations – he says it reminds him of the splatter which the archaic “MS Front Page” would spew out in HTML format, that there are cleaner ways of doing the same things with far fewer lines of XAML.

I’m SO there with the 2nd guy in relation to MS FrontPage and html. Me being the gal who would create something in photoshop, chop it up, and piece it back together – most of the time without looking up from the HTML, CSS – and all the Divs in between until most of everything was put together to verify that everything was behaving the way that I thought it should with my markup.

That being said – I kind of like the idea of, “Just be creative…” Man… I’d love that. To just… make it happen, and move on. I could get SO many other creations done – OR – spend so much more time on the details of the art! That’s not to say that I don’t already, but what if I had even more time? What greater level of polish could be gained with that additional time?

For all who visit who are in either/or/both worlds – do you have any opinion on this matter? What’s better? Cleaner XAML/Learning the alternative markup which blend 2 doesn’t have in its interface – or – using the VSM and the keyframe animation tools?

Is there a better side?

Anyone have an opinion? Should there be / is there a middle-ground?

Popularity: 15% [?]

You’d think that the creation of a project in either Blend or Visual Studio, that they would start the entire solution with the same files.

Unfortunately that is not the case, and this is bad, not good.

So I’m working on a project, it has a pretty reflection on it and a main background that doesn’t take away from the elements and the bad part is I started it in Blend.  So what happens when I run the silverlight application?

My SL Is in the contained box and the rest of my browser is WHITE.  I can modify this by going to the debug folder, but then I can only open build from visual studio, because blend wants to rewrite the debug html file every time it loads.

This means that when I want to center the object and make the rest of the background more cohesive… ugh!

————–

When creating a Silverlight project in Visual Studio, it not only creates the items a bit cleaner, it also creates a seperate set of folders – inside one of these folders is a beautiful basic HTML page (and an aspx page, to use HTML, you have to right-click and tell it to be the starter page) which houses the information and is editable… and the modifications stay regardless of the application that I’m using to test!

Eeeee!

I need a “tsk tsk” bird to come out of somewhere every time I forget to start a project in Visual Studio.

Popularity: 1% [?]

Its been about 2 weeks since I completed Victor Gaudioso’s book on Blend 2 and just after I wrote the review on his book, I blogged that next on the order of business was to start going through the newly released book by Jeff Paries, Silverlight 2 Animation - and then I ran into computer troubles.

If you’re actually interested in reading me blogging while pulling my hair out, by all means, look through the archives.  I think I blogged about it enough.

This blog posting is to say that finally, I’m able to begin going through this book by Jeff Paries (YAY!).

Before even getting to numbered pages, I’m reading the “Who this book is for” and am wondering.  He mentions that this book is intended for web developers – developers being the key word here.  As much as I enjoy getting my hands dirty in code, I wouldn’t really consider myself to be a developer.  I can comprehend code, I can tinker around with things or make things work, but to me, a developer is a whole lot… I don’t know.  I just don’t consider myself to be a developer.  I’m the half-and-half.  I do some cool, clean and shiny looking design work and tie it together with things that have already been created, and tinker until it works the way I want it to.  So where there are 3 parts, the pretty picture, the engine behind it, and the pieces that make the pretty picture interact with the engine … I am the one that usually is creating the pretty picture and putting in place the stuff that makes that pretty picture talk w/ the engine.  I’m not the engineer.

So hopefuly, I won’t get completely lost while going through this book.

We shall see.

Popularity: 1% [?]

The most recent group meeting with the Seattle Developer / Designer Interaction group was great – I think one of the most fun that we’ve had so far.

One of those attending was development Evangelist, Mithun Dhar, who mentioned to us the 2 upcoming XamlFest training events occuring next month.

I can’t help myself – 2 days of uninturupted training and colaboration with others who are interested in development and design working in WPF and Silverlight?

My email has been sent in to RSVP a spot – especially w/ mention that there are only 50 seats available!

Ok, so if you’re visiting and interested as well, here are a few links with information:

http://blogs.msdn.com/usisvde/archive/2009/01/22/designers-developers-ramp-up-with-februrary-xamlfest-events-across-the-usa.aspx

http://blogs.msdn.com/MithunD/

The skinny that you’ll find there is this:

Redmond & Portland both are hosts to XamlFest in the Pacific Northwest.  There are other areas that have these events as well, but I’m just going to talk about the 2 which are close to my home.  The Redmond, Washington one is the 16th and 17th (Monday and Tuesday) of February, and Portland, Oregon one is on the 19th and the 20th (Thursday and Friday).

If you wish to join, RSVP asap – seating is limited and I mean quite limited. 

The email addresses are fairly obvious which is for which, so I’m going to just list them both below:

xamlfest-redmond@live.com

xamlfest-portland@live.com

All who attend will obtain a copy of Expression Studio and Visual Studio 2008 Pro.

Popularity: 1% [?]

There is no possible way to actually get through and locate every single error and discrepency in a book. The hundreds of times the author and editors comb through the book and modify things – by the end, I’m sure the entire team feels dog-tired.

However, I’m someone going through the book and using it. My job is to be snobbish, accusatory and unappreciative, as well as blissfully ignorant of the high levels of iterations and reiterations that went into said book. Oh, and I’m supposed to say things like, “I could have spotted this from a mile away” or something to that effect.  I cannot forget the most important part: I must have a high level of grammatical and spelling errors to give a level of poetic irony.

I hate doing things that I’m “supposed” to do.

But I will point out 1 mistake/discrepency here and well – I’ll likely point out the others which I come across because its fun that I spotted it and its even MORE fun to tell that I spotted it.

Anyway, in Chapter 2 you’re requested on page 35 to modify your TextBlock size to w: 400px h:100px and in the screenshot of the program where you make these changes, the comments below the screenshot example read:

“Figure 2-19. Changing the Width and Height of your [TextBlock] to 400 and 100, respectively”

Then later, after modifying the foreground colors to be nearly jab-my-eyeballs-out gradients (sorry, I’m not a fan of the standard use of green-white-red gradients for the purpose of tutorials and teaching material. I find that practice to be abhorrent and if you’re going to really go after something that is easily observed, why not go all the way towards horrible colors instead of half way? Use neon pinks or something, it would match the book’s cover too! I hate pink, but going along w/ the theme presented from the cover, let’s take it home all the way, man!! Consistency! Consistency!), you encounter on page 38 the line:

“Because you set your [TextBlock] to the Width of 600 and a Height of 100…”

Wait, I did what?

I didn’t set my text block to a width of 600 – I set it to a width of 400. *twitch*

Ok, its fairly minor, but I’ll go ahead and change my TextBlock to 600 since you said that I already did. Maybe he’s just trying to use “The Secret” on the readers?

Edit: Just after posting this, I continued and almost immediately stopped because I was trying to as closely emulate his “lab” by using the same font-type.  He has in his picture the font-type of “Segoe UI”.  At first glance, that is likely not an issue.  However, when looking through my own listing of fonts, I’m finding that I don’t have said font.  I’m going to make a guess at where this font came from: One of his recent clients!!  I could be wrong, but w/ it having the label of “UI”, I would be willing to guess that this might be the name of the font which is named to assist with quick-reference, and “UI” designates where that font is used.  Woopsy!  The image of the font looks very very similar to Verdana but with slight modifications to make it almost DIN-Medium.

Popularity: 1% [?]

Going through Victor’s book – chapter 2 is fairly short, but the “lab” at the end of it, the typical “Hello World” which is seen, as he mentions in his book, in most every book or introductory guide to programming, application development, and other types – is already a bit obsolete with the releases of later versions and updates to Blend.

Please note: His “Hello World” is not anywhere nearly as boring as many.  He goes through a lot of the basic orientational-use of Blend including gradients, modifying colors, color stop properties, application window resizing, key-frame animations, quick-key uses, and more.  Its more than worth going through.

In his book, he indicates that gradients start out left-to-right, and instead modifies things to go top to bottom.  Unless I’ve modified my default settings (which I don’t recall doing), mine is set exactly the opposite.  The “Gradient Brush” on mine starts from top to bottom, so several parts of the tutorial, including the very eye… catching *cringe* Christmas colored “Hello World”, which gradients from Red to White to Neon Green, will require you to rotate the gradient angle.   Remember, much like Adobe products, holding the shift-key down will maintain true-angles, which assists in obtaining an accurate rotation of exact 90¤.

I have to note that earlier, I asked the “Why?!” of the C: drive for locatino of projects.  I’m beginning to see why he has that as his choice.  For the purpose of this book, having everything held within a root “Projects” directory makes guiding those reading the book, quite easy.  Most who will be using this book who have different preferences will just place things wherever they want anyway, so it really doesn’t matter except for the use of guidance within the book where a person puts items, so long as they know where the file was placed.  Typical document saving 101.

Popularity: 1% [?]

For those that missed my blog earlier today, I am going through the Victor Gaudioso’s book on Blend 2, and one of the first things he has you do is create your application, not in blend, but in Visual Studios.  He makes quite a few valid points why he does it this way – the theme around these points centers around cleanliness of the markup and code – of which I can thoroughly identify with.  My greatest pet-peeve about coming into projects in the middle is that most things that I encounter are done half-*ss and sloppy instead of being done cleanly, properly, and legibly.  The typical user won’t see the code, but for those who will have to come in after the initial work is done, doing things correctly the first time, saves a company in the long run.

So before I get myself into even more of a rant on that note, I’ll stop myself and just say that I concur with Victor.  Cleaner is better.

The next thing he has you do is create the specific type of WPF application, move it to a c: directory folder (c:/ ?  Why?! ) and then goes into removing the design view by having you “Open with…” the document and open it in XML view.

… Why?

The easier way which allows you to retain the nice color distinctions which are by default – and in many cases, turned off when viewing in XML view – is to just click the little “-” button right above the designer.  Now, I’ll take it a step further and move the design view to nest below my code view, and then minimize, which just gives the ability to view if you click on the design tab.

Why go through the “open with”, which takes away a tiny level of functionality?  It may be tiny – miniscule, in fact, but I like that functionality, dangit!

So I’m skipping his step here.  For those who are interested in following me along on my trip through this book, I’d recommend that you just minimize the design view and have the code-view take up the screen.

Popularity: 1% [?]