Burke Holland on HTML5 in Tech.Days 2011

On November 15, 2011, Burke Holland presented in Tech.Days 2011 why HTML5 is the biggest and most powerful HTML specification to ever come out of the W3C. He also explained how to add drop shadows to HTML5 objects, how to create rounded corners, how to use custom fonts, and how to animate with CSS.

What are the webfonts?
The licensing, which is one of the biggest problem of using custom fonts, will not be an isuue whenyou are using webfonts. You just need to add a single CSS or script line to your HTML and some configuration and you are all done. Many like WebInk, Typekit, and Fontslive will allow you to use the fonts for a monthly fee. Using these services is very convenient for the casual developer, handing off some of the complications of serving a cross-browser solution. The Google Font API lets you use a small, curated set of freely licensed fonts by just linking to a stylesheet and letting Google handle the cross-browser and performance concerns. The following is a short list of some webfont providers:
1- http://www.fontsquirrel.com
2- http://webfonts.fonts.com
3- http://typekit.com/libraries
4- http://code.google.com/webfonts

Tomorrow Land (aka Mobile)

HTML 5 Useful Resources


HTML 5 (HTML+CSS+JS) brings lots of benefits to your web development teams. Each web development consists of at least two groups: Web developers and web designers. Web developers need to know HTML5. They need to know JavaScript and they need to know CSS. Also, web designers need to know mark-up. They need to know HTML5. They need to be able to write CSS and understand web layout and they need to have at least a decent grasp of what JavaScript does and how JavaScript works. Both of these groups need useful training materials, tutorials, samples and demos. This post is introducing 4 main resources to help these groups to learn how or when to use or adopt HTML 5 in their web pages.

Resource 1: HTML 5 Doctor

HTML 5 doctor is a great resource for learning HTML 5. In this website, you see articles relating to HTML5, its semantics, and how to use it right now.
In the “Article Archive” section, a complete list of all HTML 5 related posts grouped accordingly in order to get you started or to help you understand the specification and specific elements a little more.

Resource 2: HTML 5 Cheat Sheet

HTML 5 cheat sheet is a PDF document which includes a list of all currently supported tags, their descriptions, their attributes and their support in HTML 4. ( HTML 5 Cheat Sheet )

Resource 3: HTML 5 Demos

HTML 5 demos is a great selection of HTML 5 demos. Some of the cool demos from this site are listed below:

1- Interactive canvas gradients ( http://html5demos.com/canvas-grad )
2- Geolocation ( http://html5demos.com/geo )
3- Drag and drop ( http://html5demos.com/drag )

Resource 4: HTML 5 Rocks  

HTML 5 rocks contains various samples and demo code. Some of the cool demos from this site are listed below:

1- Video cube ( http://studio.html5rocks.com/#Cube )
2- Page flip ( http://studio.html5rocks.com/#Flip )
3- WebGL Globe ( http://studio.html5rocks.com/#Globe )

ASP.NET 4.5 and HTML5

ASP.NET 4.5 includes the following new features and enhancements:

1-      HTML Editor
2-      Page Inspector
3-      CSS Editor
4-      JavaScript Editor

Core Services
1-      Asynchronously reading and writing HTTP requests and responses
2-      Support for reading unvalidated request data when request validation is enabled
3-      Support for WebSockets protocol
4-      Bundling and minification of client scripts
5-      Support for asynchronous HTTP modules and HTTP handlers
6-      Integrated Anti-XSS encoding routines

Web Forms
1-      Support for HTML5 form types
2-      HTML encoded data-binding expressions
3-      Unobtrusive JavaScript for client-side validation
4-      Model binders
5-      Strongly typed binding expressions in data controls
6-      Fallback support for content distribution networks (CDNs) in the ScriptManager control
7-      Improved paging in the GridView control

1-      ASP.NET MVC 4 Release Notes
2-      Using the HTML5 and jQuery UI Datepicker Popup Calendar with ASP.NET MVC
3-      ASP.NET MVC 4 Mobile Features

ASP.NET Web Pages 2.0
1-      New and enhanced site templates
2-      Validation
3-      Script management for complex scripts
4-      Side-by-side support
5-      Membership and authentication
6-      Mobile display modes

Justin Angel on Silverlight 5

Possible features of Silverlight 5:

1- More Platform Reach

When talking about “reach” there are a few interesting dimensions:

a) Silverlight Browser Support: Silverlight currently only officially supports Internet Explorer, FireFox, Chrome and Safari. Support could be extended to Opera or other less prominent browsers.

b) Operating System: Silverlight is currently limited in the Mobile space (No Symbian support yet) and in the Gaming Console space.

c) CPU Architecture: Silverlight doesn’t support x64 CPUs, Mac G4 PowerBook CPUs, and a few other CPU architectures.

2- Bundle Silverlight with Windows

At Mix10 Microsoft VP Scott Guthrie announced Silverlight Adoption rate is at 60% of all internet connected machines.
In the future, we could hope to see Microsoft bundle Silverlight with Windows or add it as a super-duper-should-have update to Windows Machines.

3- Improved WriteableBitmap API

The in-memory drawing API in Silverlight is somewhat limited for advanced tasks, like:

1) No API for Drawing Shapes.
2) No API for Resizing & Rescaling.
3) No API for Clear, Copy & Crop methods.
4) No API for Conversion to various formats.
5) Performance issues that plague any “1 pixel, 1 read/write” approach.

4- 3D support

5- Store File Permissions Granted by the User

Using the OpenFileDialog and SaveFileDialog end-users can respectively grant read and write permissions for any file to a Silverlight Application.
Developers would like to see these permissions persist after the application has been restarted. We can see in Silverlight 4 RTM that Full Screen, Webcam and Clipboard access already get persisted after application restart.
So it is not unreasonable to hope this feature will be included in Silverlight.

6- Add PLINQ and TPL support

With PLINQ & TPL creating, debugging and maintaining multi core applications has been massively simplified on the .Net framework. With Silverlight supporting C# 4 and a majority on new .Net 4.0 features, it is possible we’ll see PLINQ and TPL in future Silverlight versions. That would allow Silverlight to have the best in-browser threading  solution for any major programming platform.

7- Reporting Controls and SQL Reporting Services Integration

Microsoft has a great suite of Reporting and Analysis tools that are part of the SQL Server 2008 product group. As part of ASP.Net and winforms there are ReportViewer controls that allow to view, zoom, page and export from predefined RDLS reports. If this feature is implemented it would probably include a new Silverlight & WPF Report Viewer control as well as deep SQL Server Reporting Services integration.

Justin Angel on Windows 8, C# and Build

Windows 8 gives you the platform and tools to create rich app experiences where your customers focus on tasks that are important to them. Apps are at the center of the Windows 8 experience. They are alive with activity and vibrant content. Your customers immerse themselves in your full-screen, Metro style app allowing them to focus on their content rather than on the operating system.

With Windows 8 you can leverage your existing skills and code assets to create great experiences for your customers.

Web developers can use their HTML5, CSS3, and JavaScript skills to build native applications for Windows.

.NET Developers can use XAML, C#, and Visual Basic to build beautiful Metro style apps.

Game developers can use the power of DirectX 11.1 to build amazing, immersive gaming experiences.

Driver developers can use the new, integrated Microsoft® Visual Studio® development environment to increase productivity.

Justin Angel on Windows 8 Platform and Tools

C/C++ Developers and Metro Style Apps

Windows 8 and its new WinRT native libraries can be targeted by C/C++ developers just as the age-old Win32 libraries could be. This has not really changed and there are certainly many applications such as complex games, device drivers, etc. that require the kind of low level control that C/C++ offer. On the other hand, for 99% of Metro Style Apps such as social media apps, productivity tools, and business apps, C++ is not the answer in Win8 any more than it has been for the last 10 years.

XAML/C# Developers and Metro Style Apps

XAML/C# in Win 8 is the best option for the vast majority of Microsoft developers. The Silverlight/WPF community can bring their skills forward, though they will need to learn new controls and new APIs for working with WinRT as opposed to WPF/SL. General .NET developers who have not yet done anything with XAML will have a somewhat larger learning curve, but XAML itself is a very mature UI platform at this point, so it should be pretty easy for these developers to find the resources they need to quickly get up to speed with this.

Web Developers and Metro Style Apps

Web developers will likely find the HTML5+CSS+JS option attractive. There are also many Microsoft web developers, who build applications today using ASP.NET and C# (or perhaps VB) on the server, but who must also know CSS and JavaScript and HTML for the client work. Many of these developers including ASP.NET developers will likely opt to go the HTML5+CSS+JS route rather than the XAML route.

Copyright © All Rights Reserved - C# Learners