Tech Insights 2009

15 09 2009

It’s only a few more days to Tech Insights 2009, I will be there giving a tag team presentation with my pal Yee Jie on What’s new in Silverlight 3 and Expression Blend 3. We’ll be showcasing the possibilities of Silverlight 3 and the new features in Expression Blend 3, and then we’ll team up and design and develop a Silverlight application on the spot, showing the process and workflow from the prototyping to production stage.

This is definitely the IT event of the year! Looking forward to see you guys there!





Cool Silverlight 3 Samples by Joe Stegman

11 09 2009

Joe Stegman has been nice enough to compile a list of samples he presented in Mix 2009 which are all pretty awesome, I especially love his sample with the bouncing balls to show the Local Messaging feature of Silverlight. Here are some preview of what samples you can find.

Chess Wars

Perspective 3D

I believe these samples here must have whet your appetite, here’s the link to his blog post with the full list of downloadable samples.





Blend 3, marquee keyframe selection!

5 09 2009

It’s finally here guys and girls, marquee keyframe selection for Expression Blend, I have been waiting so long for this feature and my will this be a time saver (life saver when dealing with tight deadlines) when dealing with complex animations

Found out about it from this post, Keyframe marquee selection from the Expression Blend and Design blog, excerpt below:

“With Blend 3 it’s now possible to draw a marquee (or lasso) around keyframes to select all the keyframes that fall within it. Hold down the CTRL key then drag out a marquee with the mouse pointer as shown below. You can even begin your drag operation when the mouse pointer is over a keyframe or an animation bar; so long as CTRL is pressed, this will not result in selecting and/or moving any keyframe or animation.”





Silverlight 3 Coverflow

31 08 2009

I have been looking around for a free coverflow sample control and stumbled upon this gem. The source code is even shared out so you can see how the author of this cool component made the coverflow control, taking advantage of Perspective 3D that is newly introduced in Silverlight 3.

View the live sample here and here’s the link to the download page for this cool Silverlight Coverflow control.





MIX On Campus @ APIIT/UCTI

30 08 2009

MIX On Campus is in town!

I have been invited to give a session titled Developer + Designer = Deviger, tag teamed with Daqing Lee, MVP in Expression Blend. Our session will be focused on on Silverlight 3 and Expression Blend 3, excerpt is as below:

Interactive technologies are evolving even more aggressively lately. Now people are expecting more intuitive interfaces and richer user experiences. Thus, it’s not about pointing fingers between the developers or the designers, but more on the collaborative workflow between them. With the latest release of the Silverlight 3 and Expression Studio 3 tools, we will see how interactive professionals transform their vision and creativity into reality

Hope to see you there :)





Nibbles Tutorial

27 08 2009

Just found out from the Expression Blend and Design blog that the Nibbles Tutorial website, famous for providing small tidbit tutorials on Expression Studio, Silverlight 3 and WPF, has been updated to show how the cool samples included with Expression Blend 3 are deconstructed. Check out the updated site now!





Expression Studio 3 Installation Experience

12 08 2009

I love it when new versions of software are released, it gets better whenthe installation experience is a breeze. I must say, the installation experience for this version of Expression Studio is much improved from previous versions, and it takes just a few steps!

It’s quick, no worries there.

I clicked “Accept” without blinking.

Definitely “Yes” if it helps in improving this piece of software.

Hit install and we’re ready to go!





Silverlight 3 Released!

12 07 2009

Finally, Silverlight 3 is released out to the wild! Download it right now at the official microsoft silverlight page.

As usual, make sure you drop by Silverlight.net and download everything you need to get started with Silverlight 3!

Make sure you read the extensive post by ScottGu on all the awesome goodness of Silverlight 3. To be honest the feature that excites me the most is Perspective 3D, I just can’t stop talking about it because its just so cool, think of the possibilities!

Here’s an excerpt from ScottGu’s post on Perspective 3D

Silverlight 3 also adds new perspective 3D support that can be used with graphic elements, videos and controls.  Silverlight 3 also includes new bitmap and pixel APIs, as well as the ability to create and apply custom pixel shader effects (e.g. blur, dropshadow, swirl, etc) to any image, video element, or control.  Easing support can also now be used to enable more textured motion within animations.

I am gonna make sure I’ll keep my eyes wide open on any cool Perspective 3D goodness out in the wild.

Do also check out Tim Heuer’s post on Silverlight 3 and the new features, greatly appreciate the fact that he dives down in detail and provide us with a great picture of everything, kudos Tim!





WPF Reactor

20 06 2009

Scratching you head and unsure how to get yourself started with WPF? Not to worry, WPF Reactor is power packed with loads of resources to make you from zero-to-hero!

Except from the WPF Reactor download site:

WPF Reactor is a demo application that contains all the technical resources to get you started with Windows Presentation Foundation (WPF) right away. It has a feature called ToTster that allows you to save any information on a web page all from within the browser. You can build up and aggregate your own WPF content as you go. This demo is an exploration of Microsoft’s latest Windows client platform technology; WPF, Internet Explorer 8 and Live Services. WPF Reactor is a gateway to more WPF whitepapers, hands-on-labs (HOLs), samples and reference applications. The contents component is called WPF-in-a-Box.

WPF Rector Download Link ToTster in action video link





Devigner

31 05 2009

Nope that isn’t a spelling error, neither is it a word that is in the dictionary, yet.

So now…just what is a Devigner? It’s basically used to describe someone that does not only a Developer but also a Designer, hybrids that have knowledge of both spectrums. He’s basically somewhere in between of the devigner-o-meter! (Picture courtesy of Daqing Lee)

Some are basically capable of coding stuff from scratch, whether its C#, VB,  Actionscript, Javascript or any other programming language, they write poems with code and some of them even speak in binaries! From planning the overall user experience of projects, coming up with brilliant designs in Illustrator and Photoshop to slicing and dicing them up into HTML and CSS, thats how devigners tick. They don’t rely much on WYSIWYG interfaces, they’re not challenging enough, devigners rock with manually typing out those line of HTML code and relish having full control of everything from the front-end to the back-end (doubt this happens much in the real world).

Role of Devigners

Developers and designers never speak the same language, as both work on very distinct roles in the creation of applications, the developers deal with the back-end coding and all the awesome business logic and stuff, while the designer does all the front end graphics, animations and the overall user experience of applications. Sometimes, both sides may not have much respect for each other.

The developer might get troubled because the designer doesn’t know how much work it would be to make a textbox with rounded corners that is backward compatible. The designer might not be happy when the developer tells him that due to timing contraints, some of his/her designs (rounded corners?) can’t be implemented as it would take too much time.

It’s in this scenario, where it is recommended to have a devigner, someone that have knowledge in both areas but not to the extent of specializing in both areas, to bridge between two parties. It gets better if the devigner is involved in the planning stages they can provide their insights on dealing with how to bridge the best of both the design and development spectrum.

Devigner? Who?

Now you might question, where do we look for these devigners?

The answer is you, you can be a devigner too. Start spending some time on understanding the other side of the spectrum. If you’re a developer, start learning stuff like on interface design and usability. If you’re a designer, start learning more about programming. Just by knowing a little more, you’ll start to appreciate your brother/sister on the side of the spectrum, and making yourself a step closer into becoming a devigner.

Imagine this, a designer suddenly helps out a developer in coding certain modules, or the developer helping out in touching up certain design elements that are missed out by the designer, both parties will respect each other more, which is plain cool.

The great thing is, you would also know if a developer or designer is telling you that something can’t be done, but have actually lied :)

Devigner : Developer + Designer

Mark my words, Devigners will soon be a new term in the industry.

Cheers!