Get your SharePoint site on a mobile device using HTML and CSS

Here are my slides that I used for the responsive design session in SharePoint 2013 at SharePoint Saturday. Hope you had as much fun as I did.

Key takeaways are:

  • don’t wait to make your sites available for mobile devices, the time is now
  • device channels is the sharepoint solution when you want to deliver different content and pages to different devices
  • media queries is the solution to deliver the same content to all devices

If you ask me what the best option is, I would go for the media queries.

 

K.

Advertisements

Let’s talk CSS

cssIt is official now, the CSS Workinggroup dropped the 3 out of CSS3.

CSS is not just one product, it is a collection of separate modules which can live independent from each other.

Therefore new modules can be added without creating a new CSS version.

So the time has come to drop the 3 and just talk about CSS. If you want to have an overview of all CSS features click on the CSS WG link here.

K.

Posted in css, css3. Tags: , . Leave a Comment »

Use HTML5 to build what you want, where you want it

For all those students who want to download the presentation I gave at the techdays, find them on slideshare:

I had a great time, and I hope that I could inspire you to create awesome windows 8 applications using your HTML, CSS and JavaScript skills.

I also found some pictures that a few of my colleagues took during the session for those who want to have an impression of how it was:

BElxhHQCEAEB_uh d07ba376858a11e2902122000a9e5160_7 BElur79CUAE3Gts

 

If you also have image sabout the session, please mail them.

K.

Every Web Developer is a Win8 developer presentation on MultiMania

First of all, I had a great time on MultiMania and met a lot of great people over there. People from different worlds. Every day I work mainly in a Microsoft world, developing websites with ASP.NET MVC but I’m also busy in HTML5, CSS3 and the combination is something that I love.

But on MultiMania I had the chance to talk to Adobe people, Game creators, … Some talks were inspirational, other ones were technical and that what it’s all about isn’t it!

On MultiManie Dieter and I gave a presentation on Win8 development and how you can use your existing web skills to build Metro applications.

In case you’ve missed it, here are the slides: http://www.slideshare.net/kevinderudder/every-web-developer-is-a-win8-developer

Building metro style apps with HTML5, CSS and JavaScript

On 21 and 22 of may multi-mania takes place in Kortrijk. Like every year you will be able to follow various of workshops on day 1 and a number of sessions on day 2.

Now, hang on, the best part of it all is: IT’S FREE, NADA, NOTHING, so you don’t have any excuse to stay away.

On day 1: I will be your host together with Dieter De Preester and Frederik Duchi on building metro style applications with HTML5, CSS3 and Javascript.

Learn how you can use your web skills to build Windows 8 Metro style apps using HTML5, CSS3 and JavaScript. In this session you’ll discover how to harness the rich capabilities of Windows 8 through JavaScript and the Windows Runtime.

You will learn about navigation, user experience patterns and controls and the seamless integration with the operating system that will let you create great Metro style apps.

On day 2: Dieter and I will show you that every Web Developer is a Win 8 Developer

HTML5 is a first class citizen inside the windows 8 eco system. In this session you will learn how to create windows 8 metro style applications using HTML5, JavaScript and CSS3.

Off course, you’ll have a bunch of other sessions where you can take a look at. If you are interested in more win 8, join Katrien De Graeve and meet her at the metro.

Metro is the name of the Design Language for applications in Windows 8. Join us for a ride on the key principles behind Metro Design, the inspiration and some great examples as we move into the future with Windows 8 Metro Style Apps.

If you want to see the other sessions or you want to register, visit the multi-mania site

So I, or we really hope to see you there during the sessions or afterwards at the bar.

Capitalize first letter with CSS

Maybe stupid, maybe handy, maybe awesome. I don’t know if you already this one, I did but I saw a few people struggling with it.

How do you capitalize the first letter of a paragraph or li or whatever…

Very simple:

li:first-letter
{
    text-transform: capitalize;
}

there you go, think of something like tip of the daySmile

Posted in css, css3. Tags: , . Leave a Comment »

Live session on Media Queries now on Channel 9