Sep 082011
 

A very informative video by Paul Irish on how to code fast performant websites with DOM, HTML5, and CSS3. Paul Irish is a lead developer of ModernizrCSS3 Please and HTML5 Boilerplate (creator).

In this 30min video he covers:

  • Reflows, what they are and how to avoid them
  • Hardware accelerated CSS, how to trigger it
  • Letting the browser optimize animation for you with requestAnimationFrame
  • Web Workers
  • Benchmarking
  • Build scripts
Jun 222011
 

Finally! HTML5 & CSS3 standards support for Visual Studio 2010. Download it now!

HTML5
VS Web Standards Update provides you intellisense and validation for most common HTML 5 features like:

    Browser APIs

    • Geo-Location – Having location aware websites is growing trend and now you will have full intellisense and validation within Visual Studio for creating websites which are location aware.  For sample view the source for the IE9 test drive demo.
    • Local Storage – IE has been supporting local storage from IE8 onwards, now Visual Studio will provide you with full fidelity intellisense to create sites which can save state within browser.  For sample of try view source on HTML5 Demo Site

    CSS3

    This update supports intellisense and validation for most of the CSS3 modules including:

    Additionally, if you are trying to make websites which work on a variety of platforms and browsers you will love the fact that Web Standards Update not only supports IE specific prefixes like –ms; but also other vendor prefixes like –webkit and –moz.

    Sharable Links

    PS: The Web Standards Update works on both VS 2010 SP1 and VWD Express 2010 SP1.  Being a VS Extension, it does not support certain CSS3 selector syntax & Browser API intellisense which would require servicing the shipping bits.

    Jun 152011
     

    Schema.org provides a collection of schemas, i.e., html tags, that webmasters can use to markup their pages in ways recognized by major search providers. Search engines including Bing, Google and Yahoo! rely on this markup to improve the display of search results, making it easier for people to find the right web pages.

    This is something similar to Sitemaps.orgSchema.org predefines a set of shared markup vocabulary that makes it easier for webmasters to decide on a markup schema and get the maximum benefit for their efforts. So, in the spirit of sitemaps.org, Bing, Google and Yahoo! have come together to provide a shared collection of schemas that webmasters can use.

    Jun 062011
     

    Symbian Anna is the first major software update from Nokia. The newly release Nokia E6 and X7 will come with Symbian Anna, and updates for the rest of the Symbian^3 phones, namely Nokia N8, C7, C6-01 and E7 will be made available in Q3/2011.

    Symbian Anna comes with the following improvements from Symbian^3:

    New icons, enhanced usability

    • New squircle style icons for applications
    • Folders are denoted by a squircle that looks like a folder
    • Portrait QWERTY keyboard for text input (can change back to T9 keypad)
    • A split screen when entering text into web pages and apps (not a separate input text)

    Better web browser

    • New Webkit (AppleWebKit/533.4)
    • Faster (about 3x) JavaScript engine
    • Improved website error prompts/security warnings
    • IDN support
    • Better performance and memory optimization, including page load time
      • Improved webpage rendering with hardware acceleration
      • Smoother and sharper font rendering
      • CSS3 animations
      • Support for high DPI screens
      • Smooth scrolling (up to 60 fps)
      • Better fit to mobile screen with view-port tag support
      • Achieved score of 111 on html5test.com
    • UI/UX improvements:
      • Simplified UI
      • Back-button always visible
      • URL field always visible
      • Integrated Search
      • Open to Homepage by default
      • Easy exit from extension
      • Long tap to copy/open links in new window

    New Ovi maps

    • Predictive Search
    • Integrated social media features with check-in to Facebook, Twitter, and Foursquare
    • New public transport lines
    • Ability to download and update full country maps directly to smartphone via WiFi
    • Ability to share places via email and SMS, and also with friends using non-Nokia phones

    Business users

    • Instant messaging and presence with Microsoft Communicator Mobile
    • Email enhancements that include full meeting request support
    • Business grade security hardware-accelerated device encryption

     

    Jun 022011
     

    This first video of Windows 8 – Building “Windows 8″ – is a series of videos over the next few months showcasing the new features of Windows 8. In this video, it shows the first look of the new Windows 8 user interface (UI) which covers the following features:

    • Fast launching of apps from a tile-based Start screen, which replaces the Windows Start menu with a customizable, scalable full-screen view of apps.
    • Live tiles with notifications, showing always up-to-date information from your apps.
    • Fluid, natural switching between running apps.
    • Convenient ability to snap and resize an app to the side of the screen, so you can really multitask using the capabilities of Windows.
    • Web-connected and Web-powered apps built using HTML5 and JavaScript that have access to the full power of the PC.
    • Fully touch-optimized browsing, with all the power of hardware-accelerated Internet Explorer 10.
    • New “Thumbs” keyboard layout.

    Look at that smooth buttery scrolling and several physics “bounce”. It really looks like nice merger of the Windows Phone 7 UI into the new Windows 8 UI. I would definitely love to see some of the new UI trickle back to Windows Phone 7. Thumbs up for creating a great user experience with the new Windows 8. Maybe Microsoft finally gets it. I can’t wait to get my hands on Windows 8 in September.

    Apr 092011
     


    Lorempixum is an image placeholder generator similar to Loremipsum text placeholder but for images. Just put a custom url in your html and you receive a proper placeholder picture! It’s very useful for web designers to put actual random images rather than the usual image boxes to see how it actually looks like with an actual image.

    Check it out here – Lorempixum.

    Apr 012011
     

    HTC posted this new video on HTC Flyer describing the features and unique qualities of the HTC Flyer, HTC’s 7″ Tablet device running a new version of Gingerbread.

    Features are as follows:

    • Aluminium unibody design
    • Big screen you can take anywhere (7″)
    • Unlock the all new HTC Sense experience
    • Video playback support (Flash + HTML 5)
    • HTC Scribe Technology (capacitive stylus)
      • Digital ink
      • Write on anywhere
      • Notate on books, comment on documents, or sign contracts
      • Highlight text or jot down notes in books
    • Takes great videos or photos
    • Wifi printing
    • Note down every detail
      • Write detailed notes
      • Add a scribble
      • Add a picture
      • Record audio (crystal clear audio recording)
      • Links the notes with meeting in your calendar
      • Turn your calendar into a detailed archive of your meeting notes
      • Playback the audio recording exactly at the time you wrote on your meeting notes
      • Sync with Evernote
    • High quality front camera and video calling
    • HTC Watch
      • View trailers and movie selections
      • On demand, uninterrupted playback
    • Twin speakers + virtual surround sound
    • Serious gaming on the go

    I really love the note taking app and the HTC Scribe Technology. I must say they’ve come a long way with their new philosophy.

    Mar 242011
     

    Internet Explorer 9 is one of the biggest step for Internet Explorer, the widely used browser, offering various improvements to enhance the experience of the web.

    Notably:

    • Site-Pinning, Jump-Lists, Aero-snap
    • Enhanced GPU acceleration making amazing graphics possible
    • Tracking Protection and SmartScreen malware protection

    Now, you can win some prizes by installing Internet Explorer 9 on your Windows 7 machine and playing, Master Of The Web, a fully graphics accelerated HTML 5 compliant game on your browser without the use of any plugin like Adobe Flash or Microsoft Silverlight.

    Mar 112010
     

    This is my little research today for some work I’m helping out. So you have a Unicode encoded HTML string (or url), e.g. “津津有味”, that you want to convert to an actual unicode string, in this case “津津有味”, but you don’t have the trusty use of HtmlUtility.HtmlDecode or anything on hand (for example you’re using the compact framework like myself). Here’s how you convert those numbers into actual unicode characters.

    [sourcecode language="csharp"]
    // Convert the number into a short – you can make this a little more safe by using short.TryParse instead
    ushort mycode = Convert.ToUInt16("27941");

    // Now convert that integer into a byte array
    byte[] mybytes = BitConverter.GetBytes(mycode);

    // We have our byte array, convert to a string! Tada!
    string mystring = Encoding.Unicode.GetString(mybytes);
    [/sourcecode]

    And there we have it. In order to parse all the unicode encoded numbers out, you just need a simple regular expression which I’m sure you can figure out.

    I hope that helps someone out there, because it took me some time inspecting variables in order to get it right.