Ozzie.eu

Love to code, although it bugs me.

Showing posts with label web. Show all posts
Showing posts with label web. Show all posts

Rapidly test your website for cross browser compatibility

Earlier this year I posted about modern.IE, a tool meant to make it easier to test sites for Internet Explorer.
With the release of Internet Explorer 11 Developer Preview for Windows 7, Microsoft has also updated modern.IE. The three new enhancements are:

  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.
About this last one, it comes from BrowserStack and it’s a really easy and useful tool to quickly assess the look of your site. Running it on this site gives the following output:
image
You can check out the live output here: http://www.browserstack.com/screenshots/5a6283df1308512082589290b4add4dcd6b9b35f
To run the tool on any site of your liking, visit BrowserStack.

Bootstrapping your UI - CSS Frameworks

The Web is evolving in a way that it’s more accessible than ever before, through a growing number in kind of personal devices. One might navigate the Web from a PC or a touch enabled device. The challenge for web developers is to adapt the User Interface to each client device capabilities and support the features on an effective manner.
This is where to Bootstrap framework comes in. It was made to not only look and behave great in the latest desktop browsers, but in tablet and smartphone browsers as well.
image
Built at Twitter by @mdo and @fat, Bootstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub.
Along the same line, but with site creation using the new Windows 8 style, you might want to check out Metro UI CSS.
Metro UI CSS allows to create a Web site in the style of Windows 8 quickly and without distractions on routine tasks.
The great value added by this frameworks is that you get a great looking, responsive and adaptive UI that you can put on your own Web applications.
Twitter Bootstrap: site
Metro UI CSS: site

Mozilla WebMaker Popcorn Project

Mozilla WebMaker is a project to help people get into Internet literacy. The Web is the new main communication media and as you might settle to know how to read and watch content from the Web, you might say you are illiterate if you don’t know how to build and publish content for others yourself, how the browser technologies work and how you can take advantage of it all.
One of the WebMaker projects is the Popcorn Maker. This Web based tool makes it easy to use your web browser to combine video and audio with content from the rest of the web — from text, links and maps to pictures and live feeds. Mozilla Chief Operating Officer, Ryan Merkley makes a really good presentation about what Popcorn is all about:

Each time someone watches the videos, it’s a point in time experience because the live feeds are updated in real time and consequentially the content is different than previous moments.

New Office Web Apps are Out

logo-next

Microsoft’s new suite of Web based Office application is out of the preview phase where you you could opt in, and has rolled out to everyone. The main aspects improved by this release are the improved authoring features present on the Ribbon toolbar, the higher fidelity of the web authored documents when viewed on the desktop, the collaboration features such as simultaneous editing and commenting, and the adaptive touch interface support.

Additionally to these improvements, the mobile interface has also been renewed to provide a better experience to non-Windows Phone devices, like iOS and Android.

You can find more about this new release on this post.

Web Platform Docs

imageWeb Platform Docs claims itself to be a new community-driven site that aims to become a comprehensive and authoritative source for web developer documentation. This is not an unusual effort, to bring together on one place all the information needed by Web developers for creating application that use open standards web technology. But never has it been done before with stewards that are none the less than the top businesses and companies in this industry. The Web Platform Docs has put together, among others, Google, Microsoft, Mozilla and Apple.
On their site there are numerous helpful tutorials and articles about open Web technologies. To find  out more about this collaboration platform, you can watch the video below:

The greater good that this effort brings is that finally there’s a place to find unbiased documentation for web development regardless of brand, browser or platform.
Check it out!