Hodentek Mobile

In this post we take a look at media queries and how they enter styling in Intel XDK projects. Media queries came about in CSS3. In CSS2, the @media rule was introduced to address the different media types (desktop screens, printers, handheld etc). However this did not taek off except fro prit media type. Media queries look for the type of support or capability available on the device to tailor the styling. Media queries checks many things including display related variables like, Width and height of viewport Width and height of device Device Orientation (Landscape/portrait) Resolution Like anything else browser support is essential, typically the support for @media rule. Media query has the @media rule and the query syntax. The syntax of media query is: @media not|only mediatype and (expressions) {     CSS-Code; } The result of the media query returns true if, The media type matches the type of device the document is beign displayed All ...

Without styling most of web pages will be drab. CSS is at the center of all web styling and Intel XDK is no exception. In a Standard HTML project with App Framework 3 in Intel XDK there is the standard .css page that governs the styling. In the case of a blank project the only reference to styling is the style sheet reference to css/app.css. In addition to touch action, zooming and other interactive elements has only the minimal styling information for the single HTML page, the styling for the body. body {background:white; color:black} The single page is shown here.   StdMain_01 When you click on Background, you get a drop-down to create a New... style for the background element. When you choose New..., you get a window where you can create a new style class as shown. A name Paleblue was provided by the user here. StdMain_02 When you click OK, the following takes place. An Index_main.less.css gets added as well as in the design area, a style designer opens up as shown. ...

HTML5/CSS3/JavaScript (for now and may be TypeScript) has emerged as the viable trio for developing Windows as well as Windows Phone APPS. Here are the Apps that you can build with Visual studio 2013 Community Edition using the trio: The Store Apps that you can develop using the trio are: Universal Apps Windows Apps Windows Phone Apps The following are the templates available for each of the above: Universal Apps: Blank App Hub/Piovt App Navigation App Windows App: Blank App Grid App Aplit App Hub App Navigation App Windows Phone App: Blank App Pivot App Navigation App Download Visual Studio 2013 Community Edition (free) here: Download Visual Studio 2013 Community Edition here: https://www.visualstudio.com/news/vs2013-community-vs With the community edition you can use the many extensions available as well as cross-platform apps (Xamarim is here in this edition) Here are the installed products when you install the Visual Studio Community edition: Microsoft Visual...

This should be a very interesting conference to attend if you have the time and money to spare. HTML5/CSS3 offers with JavaScript capabilities for client as well as in serrver development contexts. These allow developers to crate rich and compelling experiences for users. This track includes: •JavaScript, HTML 5, and CSS 3 •Single Page Applications (SPAs) •Angular and TypeScript The following are the session details for JavaScript/HTML5 development related topics. T02  JavaScript for the C# (and Java) Developer   T08  Write Next Generation, Object Oriented JavaScript, with TypeScript   T14  It's the Top 10 of Cool HTML5 Features Every Developer Should Know Right Now   T20  I Just Met You, and "This" is Crazy, But Here's My NaN, So Call (me) Maybe?   W02  Getting Started with jQuery and How it Works Together with ASP.NET WebForms and MVC  W08  Build Data-Centric HTML5 Single Page Applications with Breez...