background preloader

Programming

Facebook Twitter

Introducing the HTML5 FullScreen API. Right now Apple, Microsoft, Google and Mozilla are pushing towards “flat” design by slimming down the visual clutter of their applications.

Introducing the HTML5 FullScreen API

Despite this minimalist trend, it is unavoidable that at least a few buttons and menu options will remain in browsers. Those same browsers are being used to display games, video and other content, where the presence of window “chrome” is deeply distracting. As a separate application, Adobe Flash had a “fullscreen” mode that can take over the complete screen, but, as with most other plugin features, HTML5 is superseding it, in the form of the FullScreen API. GistBox. Fries. FROONT – design responsive websites in the browser. Editr - HTML, CSS, JavaScript playground. LayoutIt! - Interface Builder for Bootstrap.

The ultimate CSS tools for web designers. Orion. Convert Plain-text Documents to PDF, Docx, and ePub with Docverter. Form Follows Function. Kandan: n free open-source chat app. Vagrant. 99designs/githubsurvivor. How to Create a Windows 8 RSS Reader App with HTML5. Starting from scratch, we’re going to learn through these 2 tutorials how to build a small RSS reader with HTML5, CSS3 and WinJS, the Microsoft JavaScript framework for Windows 8.

How to Create a Windows 8 RSS Reader App with HTML5

We will then build a WinRT application targeting the Windows Store. We’ll try also to follow the Windows 8 UI design guidelines by using Expression Blend 5. If everything goes fine, you should be able to follow these 2 articles in 30 minutes. This first article will help you to create the welcome screen that will use a WinJS ListView control. This control will display all the blog posts recently published via nice thumbnails. Pre-requisites: to follow these tutorials, you need first to: 1 – Download/buy & install Windows 8 RTM on your machine: where you also have a 90-day trial version available. 2 – Download & install Visual Studio 2012 Express RTM for Windows 8: which is free or you can use the paid versions of course.

Separate Mobile Website Vs. Responsive Website. Advertisement The US presidential race is heading into full swing, which means we’ll soon see the candidates intensely debate the country’s hot-button issues.

Separate Mobile Website Vs. Responsive Website

While the candidates are busy battling it out, the Web design world is entrenched in its own debate about how to address the mobile Web: creating separate mobile websites versus creating responsive websites. It just so happens that the two US presidential candidates have chosen different mobile strategies for their official websites. Create multi-platform desktop apps with HTML5, CSS3 and JavaScript. Apaxy: A simple, customisable Apache directory theme. Apaxy is a customisable theme built to enhance the experience of browsing web directories.

Apaxy: A simple, customisable Apache directory theme

It uses the mod_autoindex Apache module—and some CSS—to override the default style of a directory listing. View the GitHub repo. Features Apaxy may be basic, but it gives you a great deal of creative freedom when styling your directory. Style your directory listing with CSS. ! Installation Apaxy is super easy to install, simply follow the instructions in the in the GitHub repo or in README.md found in the download package. Nitro. Selfstarter. Discover Your Character. When can I use... Support tables for HTML5, CSS3, etc.

About "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

When can I use... Support tables for HTML5, CSS3, etc

Home - Recline Data Explorer and Library. A simple but powerful library for building data applications in pure Javascript and HTML.

Home - Recline Data Explorer and Library

Recline re-uses best-of-breed presentation libraries like SlickGrid, Leaflet, Flot and D3 to create data 'Views' and allows you to connect them with your data in seconds. Documentation » Tutorials » Demos » Get started fast. Themes / UserSubmittedThemes browse — TextMate Wiki. To install a new theme, select one of the .tmTheme links listed below, download it to your desktop and double-click on the file.

Themes / UserSubmittedThemes browse — TextMate Wiki

This will place it in ~/Library/Application Support/TextMate/Themes, at which point the new theme will appear in the list found in Preferences → Fonts & Colors. Fixie. Untitled. Twitter/hogan.js - GitHub. Twitter/bootstrap - GitHub. HTML5 Please - Use the new and shiny responsibly. GitLab.

Unicode code converter [ishida >> utilities] Most of the time you will probably drop the text to be converted in the Mixed input field, and hit the associated Convert button. This will convert all escapes to characters, then convert that into each of the forms listed against the boxes below. If your text contains bare numbers that you also want to convert, use one of the convert buttons to the right. (Be aware, however, that in this case something like 'ab' could be interpreted as a hex number.)

Note, also, that escapes of the form \x, where x is one of a-zA-Z0-9 are not recognised by default. If you check the box next to Convert \x only the special JavaScript escapes are recognised (eg. If you only want to convert a specific type of escape and leave all others untouched, paste the text into one of the other boxes and hit its associated Convert button. Mercury Editor - Home. Sergeche/eclipse-zencoding - GitHub. Windows CMD Commands. Spritebox - Create CSS from Sprite Images.

Javascript