Showing posts with label HTML5. Show all posts
Showing posts with label HTML5. Show all posts

Tuesday, December 09, 2014

Your one stop web designer cheat sheet stop? (If not, it's close...)

Designer Daily - The best cheatsheets web designers will need

Despite of years of practice and coding, it’s impossible for any designers to remember and know absolutely everything required for their work. The technology and trend is never constant. Whether it’s a programming language, CMS or any other framework, they need to refer the official document and a handy cheatsheet for best outcome in any design and development work.

In this today’s post, here we have collected the best cheatsheets that any web designers will need. Have a look at it below and enjoy your work!

1. CSS – Cascading Style Sheets

2. Popular CSS Frameworks

3. HTML – HyperText Markup Language

4. JavaScript & jQuery

5. PHP

6. WordPress

7. Joomla!

8. Drupal 7

9. SEO

10. Adobe Photoshop

11. Adobe Illustrator

image

[Insert my usual, "One of these days, I'm might have to play web, so am going to cache this for future reference" statements here]

(via Infragistics - D-Coding - Developer News - What's IN with the Infragistics Community? (12/1-12/7))

Tuesday, November 18, 2014

HTML5 Cheat Sheet

{quicklycode} - HTML5 Cheat Sheet

More info

Posted: November 18, 2014

Author: websitesetup.org

Website: http://websitesetup.org

It comes helpful when you are creating or re-designing pages and sites in HTML 5.

Whether you are a beginner or more advanced web developer, you can feel free to download the image (.png) or .pdf file to your personal desktop.

image

Website Setup - HTML5 Beginner’s Guide

The ability to make compelling, beautiful web pages is a useful skill to have. It allows you to present information you care about whilst capturing the attention of those who visit your web page.

If you don’t want to use website platforms (such as WordPress, Drupal and Joomla) to build your website and you want to learn the basics of HTML5, then this is a right guide for you.

And oh, once you have learned the ropes of a HTML5, I highly suggest you to check out my “HTML5 Cheat Sheet” below

...

Website Setup - HTML5 Cheat Sheet

Here's a really useful HTML5 TAG CHEAT SHEET.

I originally made it for myself, but eventually wanted to share it with others.

It comes helpful when you are creating or re-designing pages and sites in HTML5.

Whether you are a beginner or more advanced web developer, you can feel free to download the image (.png) or .pdf file to your personal desktop.

image...

Nice HTML5 Cheat sheet from a normal, not SEO hunting, site.

Tuesday, October 28, 2014

High Five to 5! HTML5 is Done (and what a ride it's been...)

MS Open Tech - W3C Charts a Course for the Future of the Open Web by Finalizing HTML5 Standard

Imagining what the Web might (not) have become without standards, and you will understand why we all must support an open web platform for the future.

Today marks a significant milestone for a great many of my colleagues around the world with whom I have had the privilege of working within the W3C HTML Working Group. Several of us have taken on new roles and responsibilities, changed companies, launched new businesses, or become parents – or in my case, a grandparent - since I joined the W3C HTML Working Group as a co-chair in 2009. Yet we continued to work as a community to produce the W3C Recommendation announced today for the HTML 5.0 open standard.

As a Co-Chair of the W3C HTML Working Group, I have seen firsthand the remarkable commitment that people and organizations from all over the world have contributed to this effort. It has been an open and intensely collaborative process, encompassing a great many passionate and brilliant minds.

Although many of the HTML5 features standardized today were sketched out several years ago, it took a lot of hard work to get the details right. Since 2007, the Working Group has resolved more than 4,000 errors, ambiguities, and controversies recorded in the WG bug lists. The email archive at http://lists.w3.org/Archives/Public/public-html/ shows that it took over 45,000 messages since March 2007 to get the job done!

...

html5Doctor - The ride to 5

image

In recent weeks I contacted around 40 people, a cross section of those who have banged away at, or banged on about, HTML5. I asked them for their perspectives on HTML5 becoming a W3C Recommendation. Below are the words of the 28 people who responded, pretty much in the order they hit my inbox:

image..."

IEBlog - Celebrating HTML5 Recommendation with the W3C

Today, while several Internet Explorer team members are at W3C TPAC 2014, the IE team is happy to join Microsoft Open Technologies, other browser vendors, and the web community at large in celebrating the HTML5 specification reaching W3C Recommendation.

This milestone represents many years of commitment from people and organizations around the world to produce and stabilize the next generation of the W3C Open Web Platform. The IE team believes that the standards process is vital to creating an interoperable Web and ensuring that the web just works for everyone.

We’d also like to congratulate the W3C on its 20th anniversary and ...

HTML Guy or not, you have to admit it has changed the way we interact with the web and the world. HTML5 is when we, the internet industry, players and consumers finally grew up a little. The web world is far from perfect, but compared to the past, it's night and day...

Wednesday, April 30, 2014

Web Camps Training Kit, March 2014 Edition

Microsoft Downloads - Web Camps Training Kit - March 2014

Version: March 2014

Date Published: 4/29/2014

WebCampsTK-Package-WebCampsTrainingKit.exe, 114 KB

The kit includes all the content presented around the world at the recent Web Camps events; presentations, demos, labs and more. Inside the new kit you’ll find content that covers the following technologies:

  • ASP.NET 4.5
  • ASP.NET MVC 4
  • ASP.NET Web API
  • jQuery
  • SignalR
  • Entity Framework
  • Visual Studio 2013
  • Internet Explorer 11 and HTML5
  • Building apps for Office with HTML5
  • Cloud application services

 

imageimage

image

Internal or external, if you're doing any kind of Microsoft Web Stack Training, presenting or attending, this is a great resource...

 

Related Past Post XRef:
Web Camps Training Kit Updated
“Web Camps Training Kit” Don’t re-invent, re-use…

Monday, April 07, 2014

Mads Must Have Web Dev Visual Studio Extensions List

Mads Kristensen - Visual Studio extensions for web developers

This year at the //build/ conference I gave a session on Visual Studio Web Tools and Web Essentials. It’s now online on Channel 9 in case you want to watch it.

I was using a few extensions that are great for any web developer using Visual Studio 2013. I’ve compiled the list of extensions here and added a few additional ones that are really useful as well.

  • Web Essentials
  • SideWaffle
  • File Nesting
  • WebJobsVS
  • SlowCheetah – XML transforms
  • GruntLauncher
  • Mexedge Stylesheet Extension
  • PHP Tools for Visual Studio
  • Cobisi Routing Assistant
  • CssCop – FxCop for Stylesheets
  • Node.js Tools for Visual Studio

image

[Click through for the descriptions and download links]

Must review list of Visual Studio extensions for those who Web Dev (or who want too). If there's anyone who's a good curator for these kinds of extensions, it's Mads, so check them out... you still here?

Visual Studio 2013 Update 2 lets you build your own Scaffolder

.NET Web Development and Tools Blog - Creating a Custom Scaffolder for Visual Studio

With the release of Visual Studio 2013 last October, we introduced the concept of Scaffolding to Web Application projects. Scaffolding is the framework on which code generation for MVC and WebAPI is built. For more information on Scaffolding or the MVC Scaffolders check the following blog post: http://www.asp.net/visual-studio/overview/2013/aspnet-scaffolding-overview.

However, the true potential for the scaffolding framework comes from the new extensibility surface released in Update 2. With this new functionality, any VSIX can code against the Scaffolding API surface and have their scaffolds added to the Add New Scaffold Dialog. This blog post will walk through the creation of a custom scaffolder.

To get started make sure you have the following installed on your machine:

Creating a New Scaffolder Project Using Sidewaffle

  1. Go to create a new project.
  2. Click on the C#->Extensibility->Sidewaffle Node.
  3. Select new “Basic Scaffolder”.
  4. Input the desired name of your Scaffolder.
  5. Create the Project.

image

...

Next Steps

Now that you have the basics of creating a scaffolder down, here are some additional resources for what to do next:

Additionally you can look to create more complex scaffolders using the following services:

  • ICategoryRegistrationService – to add new Categories in the Add Scaffold Dialog

  • IServiceRegistrar – to add new ActionServices that you can invoke during scaffolding

  • IRollbackService – to make the services registered above be able to use the Scaffolding rollback feature

  • The Scaffolding.EntityFramework dll – to help with the processing of EF models (this is used by the MVC and WebAPI Entity Framework Scaffolders to create the controllers and for MVC the views)

ASP.NET Scaffolding in Visual Studio 2013

Overview

ASP.NET Scaffolding is a code generation framework for ASP.NET Web applications. Visual Studio 2013 includes pre-installed code generators for MVC and Web API projects. You add scaffolding to your project when you want to quickly add code that interacts with data models. Using scaffolding can reduce the amount of time to develop standard data operations in your project.

...

Tutorials

To customize the generated files, see How to customize the generated files from the New Scaffolded Item dialog.

For an example of using scaffolding with Database First development, see EF Database First with ASP.NET MVC.

For an example of using scaffolding in an MVC project, see Getting Started with ASP.NET MVC 5.

For an example of using scaffolding in a Web API project, see Create a REST API with Attribute Routing in Web API 2.

This was pretty lost in the Build news stream, but I think this is going to spawn some very interesting Extensions in the near future.

Succinctly eBook of the Day: "Twitter Bootstrap Succinctly" [Reg-ware]

SyncFusion Succinctly eBook Shelf - Twitter Bootstrap Succinctly

image

Twitter Bootstrap (TWB) is a free front-end framework built by Twitter developers to ensure visual and functional consistency across websites and applications. In Twitter Bootstrap Succinctly, Peter Shaw explains what makes up a consistent, attractive UI, and why having one is important. He then walks you through the basics of adding beautiful, user-friendly components to your projects with only a few lines of HTML and CSS. You'll learn how to add TWB to an existing project, and use it to customize attractive buttons, tabs, breadcrumbs, dropdowns, and more. There are even chapters dedicated to optional JavaScript and TWB extensions for when you're ready to take your UI's appearance a step further.

Table of Contents

  1. What is Twitter Bootstrap?
  2. Adding Bootstrap to Your Project
  3. Twitter Bootstrap Scaffolding
  4. Twitter Bootstrap Base CSS Classes
  5. Forms
  6. Buttons
  7. Components
  8. Twitter Bootstrap JavaScript
  9. Extending Bootstrap

If you've been hearing about Bootstrap but weren't sure what it was or how to get started with it [insert usual "this ebook is for you" statement here]

(via expression{web.blog} - Twitter Bootstrap Succinctly)

Friday, February 21, 2014

Need a little help cleaning up your code? CodeMaid will help with that developer dirty work...

Dotnetjalps-asp.net - CodeMaid extension for visual studio

Till now I’m a resharper fan boy and I still love using it. It is a great productivity tool. But it is not free for commercial use. So lots of my friends tell we want something open source or free which provide some kind of productivity over normal visual studio things and recently I came across CodeMaid extension of visual studio. It is a great plugin.

What is CodeMaid?

CodeMaid is an open source Visual Studio extension to cleanup, dig through and simplify our C#, C++, F#, VB, XAML, XML, ASP, HTML, CSS, LESS, JavaScript and TypeScript coding.

CodeMaid

An open source visual studio extension to cleanup, dig through and simplify our C#, C++, F#, VB, XAML, XML, ASP, HTML, CSS, LESS, JavaScript and TypeScript coding

image

Code Digging
Visualize and navigate through the contents of your C# and C++ files from a tree view hierarchy. Quickly switch between different sorting methods to get a better overview. Drag and drop to reorganize the code. See McCabe complexity scores and informative tooltips.

Reorganizing
Reorganize the layout of members in a C# file to follow Microsoft’s StyleCop convention, or your own preferences.

Collapsing
Recursively collapse nodes or the entire tree in the solution explorer window.

Configuring
Enable, modify or disable many of the aspects of how CodeMaid does its work.

Formatting
Format comments to wrap at a specified column and arrange XML major and minor tags on separate lines.

Progressing
View the overall progress of a build within Visual Studio, or in the Windows taskbar, both with a green/red status indication.

Switching
Switch between related files, such as cpp and header files or xaml and code-behind.

Joining
Join two adjacent lines, or a highlighted section of code onto a single line.

Finding
Find the current file in the solution explorer window.

and More!
Toggle read-only state, close read-only files, etc.

Download (Visual Studio Gallery) Go Straight to the Source

I dig the number of languages supported (and that it's OSS :) This is SO likely to see a Coding4Fun blog post in the near future... :)

Wednesday, January 29, 2014

WAT? I said, Web App Template! (Which helps you Windows Store App your Web Site...)

JohnShew's Blog - Website to App — The Web App Template Simplifies Windows App Development

image

At BUILD last year, Guggs and I showed how Giorgio Sardo and his team here in DPE have been coding together with great companies — like Khan Academy — to move entire websites into Windows Store apps — more or less effortlessly.

As I showed in the demo, the trick to making this so easy is the new Web control we released in Windows 8.1. The Web control provides an execution environment for Web content that exposes the most essential features of the browser so your Web content largely just works inside the control.

We’ve been very excited about this approach and have been doing a lot of joint projects with developers using this approach. Coming out of this we found an even easier way to port website content.

Rather than requiring developers to recreate the wheel for features such as in-app navigation, charm integration and live tiles, all that functionality is now built into the template and controlled through simple settings in a config file. And with HTML5 as the app platform, there is one seamless development approach across your Web app and your Windows apps, which makes for an easy transition for all Web developers. It really is cool.

Giorgio, Jeff Burtoft, and a handful of other engineers on my team, have packaged these ideas into a nice Web App Template, a tool that makes this approach easy to do for both Windows 8.1 and Windows Phone 8 apps.

We’ve invested in this project because we think there are a lot of great Web apps out there that will also make great Windows apps. 

...

CodePlex - Web App Template

image

Web App Template is a tool that uses your Web App as the core for a full featured Store App for Windows 8.1 and Windows Phone 8. The Web App Template (WAT) is implemented as a Visual Studio template that you install through our one click installer. You can then start a new project type of “Web App Template”. Plug your Web App values into the config file, and hit F5 to see it run.

At runtime, the WAT project will then take your Web App and config data (meta data), and build the Windows Store App:

WAT provides the key features most Web Apps will need to perform as a store app such as back buttons, navigation, Offline support, charm integration and much more.
The Web App Template allows you to use your web development skills and you’re touch friendly, responsive Web Apps to create high quality Windows Apps. Download the installer and get started today.

Source Code

git clone https://git01.codeplex.com/wat

Install

In order to install the Web App Template you need to have Visual Studio 2013(Windows Store Express, Pro or Ultimate) or later and a machine or VM running windows 8.1. The Windows Phone 8 template requires that you have the Windows Phone SDK or Visual Studio Express for Windows Phone.

Then, download the installer for the appropriate project type and double click to install. Then choose “new project” from the file menu and select “web app template” from the file types. Note for the Windows Phone tool, an installer is not yet available, so you can instead us the development project as a base project.

Quick Start:

  1. Install the template. Note There is not yet an installer available for Windows Phone 8, so use the development project as a base project.
  2. In visual Studio, start a new Project and select the project type “Web App Template” under the JavaScript Section.
  3. Open the “config.json” file in the config folder, and enter data about your Web App
  4. Hit F5 and see you app in Action
  5. Update your app images and app details in the app manifest
  6. Submit to the store and reach new users

..."

Web Application Template [Docs]

image

...

What can you do with WAT?

WAT is a very powerful tool and you can achieve many things. Some highlights are:

Live Tiles & Push Notifications

You can configure any RSS feed to update live tiles for your app or easily setup your website to push notifications and update live tiles even when the app isn't running.

Share

You can integrate the share charm so your users can share content just like they would on any other Windows app

Search

You can search WAT-based apps the same way you would in any Windows app - via the search charm. Try it now

Navigation Bars

You can add navigation bars which help users navigation around your app, just like in any Windows app

CSS Overrides

You can embed CSS styles which get inserted over the existing styles on your website. This is great for adjusting the style of the site when it is presented as an app

Hide HTML elements

You can hide name HTML element from your site. Great for removing the top navigation, footers etc which you do not need when the site is presented as an app

Redirects

You can configure which urls remain inside the app and which ones open in the browser

HTML app

The config file is just a starting point. The app is a regular HTML Windows app which you can develop further to meet your requirements.

...

Very interesting project and one I'll be keep a close I on...

Tuesday, January 07, 2014

"Building Real-World Cloud Apps with Windows Azure" code and eBook

Fix It app for Building Real World Cloud Apps e-book [Code]

This is a Visual Studio project that accompanies the e-book Building Real-World Cloud Apps with Windows Azure. The code demonstrates best practices for cloud apps as presented in the e-book, such as:

  • Storing automation scripts with code in source control
  • Using automation scripts for environment creation and deployment
  • Asynchronous programming
  • Dependency injection
  • Data partitioning
  • Blob storage
  • Transient fault handling
  • Instrumentation
  • Queue-centric work pattern

Building the Sample

There are two versions of the app you can run:

  • The base version is designed to run in a Windows Azure Web Site.
  • The queues version has a front-end web site and a back-end service. The front-end communicates with the back-end via Windows Azure Storage Queues. The front-end is designed to run in a Windows Azure Web Site, the back-end is designed to run in a Windows Azure Cloud Service.

The following instructions apply to the base version:

...

Description

The sample app is a simple work item ticketing system called “Fix It!”  When you need something fixed, you create a ticket and assign it to someone, and others can log in and see the tickets assigned to them and mark tickets as completed when the work is done.

It’s a standard Visual Studio web project. It is built on ASP.NET MVC and  uses a SQL Server database. It can run locally in IIS Express  and can be deployed to a Windows Azure Web Site to run in the cloud. For the queues version, the back-end code that processes the queue messages is deployed to a worker role in a Windows Azure Cloud Service.

...

image

Building Real-World Cloud Apps with Windows Azure [ebook]

imageimage

Tom Dykstra
Rick Anderson
Mike Wasson

Summary: This e-book walks you through a patterns-based approach to building real-world cloud solutions. The patterns apply to the development process as well as to architecture and coding practices. The content is based on a presentation developed by Scott Guthrie and originally delivered at the Norwegian Developers Conference (NDC) in June of 2013. Many others updated and augmented the content while transitioning it from video to written form.

Category: Guide Applies to: Windows Azure Web Sites, ASP.NET, Visual Studio, Visual Studio Online, Windows Azure Active Directory, Windows Azure SQL Database, Source: ASP.NET site (source content)

E-book publication date: January, 2014

...

I thought this was an old'ish book, but in looking deeper, it's not (really). It's new, fresh and free. Having the code with the eBook is nice too... :)

 

Related Past Post XRef:
Going beyond demo-ware with "Real World Windows Azure Guidance" from MSDN
"Building Hybrid Applications in the Cloud on Windows Azure" free ebook RTW's
“Windows Azure Architecture Guide, Part 1 – Moving Applications to the Cloud” now available as an interactive guide.
Moving Applications to the Cloud 2nd Edition guide (and Hands on Labs)
"Building Hybrid Applications in the Cloud on Windows Azure" free ebook and code (RC)

Thursday, December 19, 2013

Siena says, "Make Merry with Metro App Building with this Metro App"

Microsoft's 'Project Siena': A Metro-Style app for creating Windows 8 apps

Codenamed "Project Siena,' the "Metro app that creates apps" (as the folks at Surfacegeeks.net dubbed it) is available in the Windows Store as a free download.

According to the description, Siena's main target audience is "business experts, business analysts, consultants and other app imagineers."

Examples of the kinds of Metro-Style/Windows Store/modern apps that can be built using Siena include apps for navigating "media-rich product catalogs," apps for resolving customer-service issues, and apps that make use of photos, videos, pen and voice notes, tied back in to an "asset database."

"Siena works well with corporate and web data and media content: SharePoint lists, Excel and Azure tables, RSS feeds and the gamut of RESTful services," Microsoft's app-description notes.

...

Microsoft Project Siena (Beta)

image

Learn More

With Project Siena, you can create powerful, highly interactive, device-first, and cloud-connected apps in minutes or hours—as easily as editing a document.

Help Topics

New to Project Siena? No problem. Learn how to connect to your data, work with visuals, and author expressions.

Sample Apps

View and download sample apps, learn best practices, and see how other app builders are using Project Siena to build visually stunning interactive apps today.

Blog

Get the latest from the Project Siena team, including inside tips and tricks, sample patterns, and videos.

Microsoft "Project Siena" (Windows Store)

Description

Microsoft Project Siena (code name) is the beta release of a new technology for business experts, business analysts, consultants and other app imagineers. Now, without any programming, you can create powerful apps for the device-first and cloud-connected world, with the potential to transform today’s business processes.

Apps to explore media-rich product catalogs and create ensembles that together serve a customer’s needs

  • Apps used on the spot to resolve customer service bottlenecks and logistics exceptions, with the custom intelligence to help the user make local trade-offs
  • Apps for auditing and inspecting a manufacturing facility through photos, videos and pen and voice notes, all tied to an asset database

Siena apps are as easy as editing a document. You place some visuals on a canvas. You hook them up to your data. You customize how your app looks and works. Then, if you need special logic and intelligence, you write some Excel-like expressions. You can use your app immediately, or share it with colleagues or the world.

With Siena, you can conceptualize, validate and build your app ideas almost as fast as you can come up with them. And if your needs change tomorrow, updating your app is no problem. Open it. Change it. Share it again, and you’re off to do business.

Siena works well with corporate and web data and media content: SharePoint lists, Excel and Azure tables, RSS feeds and the gamut of RESTful services.

Siena apps are just HTML5 and JavaScript and are deployed and managed like any other Windows 8.x app. In fact, developers can open them up, see what’s there and, if needed, extend them in their favorite programming tools.

Install Siena, watch one of the how-to videos at http://aka.ms/ProjectSiena, and then build the app that you’ve been imagining... in under an hour.

Features

  • Conceptualize, validate and build your app ideas as easily as editing a document
  • Connect to corporate and web data
  • Compose rich interactive visuals to create custom, unique apps
  • Add business logic and intelligence using the power of Excel-like expressions
  • Use the app yourself, share with colleagues or with the world

image

Looks like something fun to play with over the holiday's... I wonder if I can convince my wife to build an app? Now THAT would be a true test... (err... um... not of my patience... no... never that... ;)

Tuesday, September 03, 2013

Lighting the way into the future (of LightSwitch) - "Live from Redmond - Visual Studio LightSwitch Town Hall"

Hosam Kamel's Blog - Live from Redmond - Visual Studio LightSwitch Town Hall Thursday, September 12, 2013 | 8:00AM – 9:30AM (PDT, Redmond Time)

Are you interested in the future of Visual Studio LightSwitch? Come see what we’ve been working on and ask questions in this live public meeting. Joe Binder and the rest of the LightSwitch Team will be here to discuss the LightSwitch roadmap and discuss the product direction. We’ll start with a demonstration of the new features in Visual Studio 2013 and then we’ll open the floor to questions. 

If you have burning questions or topics you'd like to discuss, it would be a great help if you post them to this thread in advance so we can provide more complete answers.  Of course, you're more than welcome to ask live too.

...

More details and an interesting discussion can be accessed here

I'm still saying that VS2013 is going to be the break-out of LightSwitch, that in a couple years we'll see this VS as the true birth of LightSwitch (Or will be saying, "Man, remember LightSwitch..." :/ )

Anyway, here's a great chance to check out what's coming and to ask the team questions...

Thursday, July 25, 2013

modern.IE is OSS... The HTML/CSS/JS code scanner from Microsoft is free and OSS (oh, and the IE VM's have been updated too!)

InternetExplorer/modern.IE-static-code-scan

modern.IE

The modern.IE scan analyzes the HTML, CSS, and JavaScript of a site or application for common coding issues. It warns about practices such as incomplete specification of CSS properties, invalid or incorrect doctypes, and obsolete versions of popular JavaScript libraries.

It's easiest to use modern.IE by going to the modern.IE site and entering the URL to scan there. To customize the scan, or to use the scan to process files behind a firewall, you can clone and build the files from this repo and run the scan locally.

How it works

The modern.IE local scan runs on a system behind your firewall; that system must have access to the internal web site or application that is to be scanned. Once the files have been analyzed, the analysis results are sent back to the modern.IE site to generate a complete formatted report that includes advice on remediating any issues. The report generation code and formatted pages from the modern.IE site are not included in this repo.

Since the local scan generates JSON output, you can alternatively use it as a standalone scanner or incorporate it into a project's build process by processing the JSON with a local script.

The main service for the scan is in the lib/service.js file; it acts as an HTTP server. It loads the contents of the web page and calls the individual tests, located in /lib/checks/. Once all the checks have completed, it responds with a JSON object representing the results.

Installation and configuration

  • ...

Testing

...

JSON output

...

Exploring IE - modern.IE updated for IE11 – Parallels offer and free VMs for download

With the release today of the Internet Explorer 11 Developer Preview for Windows 7, we’ve also updated modern.IE – a set of tools and resources that make developing for the web (and IE) just a little bit easier. We want the web to move forward. And, we want to help web developers spend more time innovating and less time testing.

Today, we announce three new enhancements:

1. Limited offer: 25% off Parallels Desktop 8 virtualization for Mac.

2. New virtual machines for testing IE11 on Windows 8.1 and Windows 7.

3. A new, free screenshot tool that lets you see how a site looks across browsers and devices.

Additionally, the modern.IE scanner is now available open source (under Apache 2.0 license) to download from GitHub for your own projects.

...

Limited offer: 25% off Parallels Desktop 8 for Mac

...

IE11 Preview available on Virtual Machines

Virtual machines have proven to be a great way for developers to test in their preferred environment. We’ve made these available across various versions – from IE6 on Windows XP to IE10 on Windows 8 and in-between. Today we’ve added new VMs for IE11:

  • Windows 8.1 Preview with IE11
  • Windows 7 with IE11 Developer Preview

And they are available across many common virtualization platforms:

  • Hyper-V on Windows Server 2008 R2 SP1
  • Hyper-V on Windows Server 2012 & Windows 8 Pro w/Hyper-V
  • Virtual PC for Windows 7 (note that VPC cannot run Windows 8 VMs)
  • VirtualBox on Windows , Mac OSX and Linux
  • VMWare Player for Windows and Mac OSX

Start downloading the new VMs here.

How your users see your site. On Android. In Safari. With an Xbox.

...

That should be enough things and IE stuff to play with for a couple days at least. I wonder if there's an Azure VM in the gallery for this yet? That way we could starting playing with IE11 in just minutes...

Sunday, June 30, 2013

300 for 320 - 320 Windows 8.1. app and code samples, C++, C#, JavaScript, in a 300MB download... (Or get language level download or pick and choose singles)

Windows Dev Center - Windows 8.1 app samples

Windows 8.1 Preview Code Samples

This sample pack includes all the app code examples developed and updated for Windows 8.1 Preview. The sample pack provides a convenient way to download all the samples at once. The samples in this sample pack are available in C#, C++, VB.NET, and JavaScript.The Windows Samples Gallery contains a variety of code samples that exercise the various new programming models, platforms, features, and components available in Windows 8.1 Preview and/or Windows Server 2012 R2 Preview. These downloadable samples are provided as compressed ZIP files that contain a Visual Studio solution (SLN) file for the sample, along with the source files, assets, resources, and metadata necessary to successfully compile and run the sample. For more information about the programming models, platforms, languages, and APIs demonstrated in this sample, please refer to the guidance, tutorials, and reference topics provided in the Windows 8.1 Preview documentation available in the Windows Developer Center. This sample is provided as-is in order to indicate or demonstrate the functionality of the programming models and feature APIs for Windows 8.1 Preview and/or Windows Server 2012 R2 Preview.

This pack may be very large and take some time to download.

image

SNAGHTMLec2ac81

That should be enough to keep you busy over the upcoming July 4th weekend? Maybe?

Friday, June 14, 2013

"The Essential HTML5 Mobile" DZone Refcardz Cheat Sheet (reg-ware)

DZone - Refcardz - 186: HTML5 Mobile Development

The Essential HTML5 Mobile Cheat Sheet

This Refcard is intended to bring you up to speed, and help you jump head-first into mobile HTML5 development. The card first covers the most important HTML5 mobile technologies, including key variations by platform and device, then offers a cream-of-the-crop selection from the vast ecosystem of tools, frameworks, and communities that have sprung up to support mobile HTML5 development. The card assumes basic knowledge of core web development technologies (JavaScript, HTML, CSS).

imageimage

I still think this whole web thing is a fad, let alone mobile web... Oh wait, it's the whole native phone app thing that's a fad, yeah, that's it! (We can only hope ;) If you think this too, then this checsheet might come in handy for you...

Wednesday, May 22, 2013

Monday, March 11, 2013

55+ Windows 8 App Templates... 55 "Getting Your Win8AppDev Started Kits" now on CodePlex

AspRangers - Free : Win 8 App Design Reference Templates

Now to help you in Designing the Great APP( s). Here are the Design Templates which you can use :

There are total of 55 templates.  Complete list here http://aka.ms/win8templates

Adding few below

image

CodePlex win8template Search

SNAGHTML1c04c54

image

Windows 8 App Design Reference Template: Recipe

SNAGHTML1becc1d

Disclaimer: The template provided in the form of Visual Studio project (C# and JS) is meant to act as a starter kit for Windows 8 Store apps development. You are recommended to change or modify the look and feel to suit the branding that is required for your app. The template by no means restricts you to stick to the layout, navigation or other aspects indicated.

Project Description

Recipe template is an emulation of a Recipe app with placeholders for Recipe List, Recipe details data.

You can leverage this template even if you are not building a Recipe app, but the implementation scenario is closest to the template. Please refer to the “snapshots” folder under the root template folder to get a glimpse of the template look and feel.

Download includes the following

  • Source (C# and JS)
  • Package
  • Snapshots
  • Documentation 

I'm not sure if these are related to these, 50! As in 50 "store ready" Windows 8 application templates (in both C#/XAML & HTML/JS)....(and free!), but this time they are all on CodePlex, and there's more, so new post! :)

 

Related Past Post XRef:
50! As in 50 "store ready" Windows 8 application templates (in both C#/XAML & HTML/JS)....(and free!)

Friday, February 15, 2013

The HTML5 Quick Start For Greg's (err... Dummies... um... err... um.. for the HTML5 Challenged. Yeah. Them)

CodeProject - HTML5 Quick Start Web Application

image

Background

I started learning more about HTML5 from December last year. Since it was new, talked about and had real good features, I got a jump start from the thought of using it in our upcoming projects and possibly giving a session on HTML5 to my team once I have some good insight on the same. While learning about the HTML5, I started developing a demo web application that was fully HTML5 based with all the new major features that we will be discussing in this article going ahead.

Once the thought of sharing the features in a quick and easy manner hit me, I tried to develop a HTML5 enabled ASP.NET application that would be self sufficient in explaining and showcasing the new HTML5 features - kind of self starter kit to see and play around with the feature implementation straight away post download.

Table of Contents

...

image"

Being HTML5 "Challenged" (Man, I seem to say that about a bunch of things don't I? That's why I love my job and the tech space... so much to learn! That's also why I hate the tech space... so much to learn! lol ) I found this article a great read and tool to jump start my HTML5'ness... The best things are the diagrams/snaps/images. they really help demonstrate the point at hand...

Tuesday, January 22, 2013

You are Here... "Bing Maps for Windows Store Apps Training Kit"

Bing Maps Blog - Bing Maps for Windows Store Apps Training Kit

Bing Maps for Windows Store apps combine the power of Windows 8 and Bing Maps to provide an enhanced mapping experience for Windows Store apps. Developers can use this Bing Maps control to incorporate the latest road maps, aerial views, and low-angle high-resolution images into a Windows Store app.

Today we are happy to announce the release of the Bing Maps for Windows Store Apps Training Kit. This training kit is made up of a PowerPoint slide deck which serves as an overview to create a Windows Store App using Bing Maps. The slide deck also includes information on existing applications which use Bing Maps that are in the Windows Store. In addition to the training deck there are 2 labs. The first has been designed for the JavaScript developer and the second, for the Native code developer. Each lab is made up of multiple exercises and should take around 90 minutes to complete.

image

I'm just a sucker for Training Kits...

Friday, January 11, 2013

Dev courseware for professors and instructors (and you) free from Microsoft

Go DevMENTAL - Free courseware for professors and instructors from Microsoft

Did you know Microsoft provides free courseware for professors and instructors?

The Faculty Connection is a website that provides free courseware and resources for instructors of all levels.

...

SNAGHTMLae29fbb

...

Anyone can browse the content on the faculty connection website, but to download the content you must register and provide proof that you are an instructor, teacher, or professor. You can also reach out to your local technical evangelist to get a promotion code to simplify registration"

I've blogged about all of these at one point or another I think, but I thought it nice seeing them all in one place...