Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘HTML5’

Our listing includes a number of excellent PSD to HTML conversion websites. Some provide a variety of different services, while others have core competencies in one or two areas of specialty.

Any one of them is in a position to make your development project a bit easier for you; quite a bit easier in many cases. Most offer conversions to Responsive code, a service that is rapidly growing in importance, especially for those who own or maintain a commercial website that needs to cater more heavily to the mobile crowd.

In any event, what you will find here generally covers the bases as far as converting design to code is concerned. It is our hope that you will find something of benefit to you, but in the off-chance you do not be sure to visit us again. We upgrade our list periodically in an effort to always bring the latest and greatest to your attention.

PSD To Manythings

The need for Responsive HTML code is becoming a must in the world of Ecommerce, as the search engines are beginning to divert more attention on the needs of mobile device users. One of PSD to Manythings core competencies is the ability to quickly and precisely convert your Photoshop design into Responsive HTML. This software development company is just a little over 3 years old, yet it has already established itself as one of the premier companies of its kind in the industry.
Read the rest of this entry »

  • Tags:
  • Filed under: Xhtml & Css
  • 0 Comments
  • Web developers who have been keeping up with HTML5 specs know about the fascinating range slider. It was popularized on the iPhone and has since grown into a powerful utility for the web. Below are a series of customized range sliders using CSS3 or jQuery. Everything is free and open source to use in any project work either commercial or personal.

    Rangeslider.js

    range slider js open source library

    Read the rest of this entry »

    Dynamic websites often utilize preloading screens to guarantee that all resources are loaded before the page fully renders in the browser. Preloading screens date back to old Flash websites but have made their way into HTML for resource-heavy layouts.

    These tutorials and plugins offer a pool of knowledge for crafting your own preloading screens. The technique requires JavaScript to track HTTP requests and hide the loading screen once all the resources have completed. You won’t find this technique useful on every website but it does come in handy on large dynamic websites.

    Codrops Preloading

    codrops preloading screen tutorial open source

    Read the rest of this entry »

    One luxury of modern web development is the access to many resources which simplify the process. HAML stands for HTML Abstraction Markup Language and is a great example of such a resource. It seems like a completely new language but the syntax is relatable to classic HTML.

    These tutorials should help you get started with coding HAML for any web project. The code behaves very much like SASS for CSS so at first it will be a little confusing – but if you really want to learn just stick with it! After some time you’ll grow accustomed to the process and it’ll become like second nature.

    HAML Intro

    haml intro tutorial guide official website

    Read the rest of this entry »

    Remember when the original NES was released decades ago? I know the older readers can remember those days fondly. Graphics and coding techniques have improved dramatically over the past few decades. It’s remarkable how we can now build in-browser games without reliance on 3rd party companies. If you know anything about JavaScript and wish to delve further into game development, these tuts were made for you.

    I’ve collected everything from getting started to more advanced JS libraries and general tips/tricks for browser game development. This post has something for everyone and it’s never been easier to get your toes wet in the proverbial pool of Internet gaming.

    Read the rest of this entry »

    Dynatable is a jQuery plugin which is capable of improving the usability of standard HTML tables very much.

    Once initiated, the plugin goes through the rows and columns of the table, converted to an array of JSON objects and becomes ready to manipulate.

    jQuery Dynatable

    It can than be sorted, filtered, paginated or searched with the powerful API provided.

    The plugin has functions to handle all the operations in a simple manner and it can also be used in other structured HTML elements like lists.

    AngularJS is the JavaScript MVW Framework choice of many web developers as it simplifies creating dynamic views in web-applications while staying readable.

    Videogular is a lovely HTML5 video player that is specifically created for AngularJS-powered apps and integrates to them perfectly.

    Videogular

    It comes with bindable directives, a plugin system for extending further and support for theming.

    There is native full-screen mode and the player works smartly on mobile with showing/hiding the unsupported features.

    Native mobile apps usually work faster, smoother and these result in a better user experience.

    And, web designers/developers always look for new ways to catch this performance with web technologies.

    Ionic, a front-end framework, a helps building native-like mobile apps with HTML5, CSS3 and JavaScript.

    Ionic Front-end Framework

    It is not a replacement for PhoneGap or a JavaScript framework but the focus is on the UI interactions and design.

    The framework ships with SASS and various AngularJS extensions (optional) and many components like buttons, toggle, header/footer, tab bar and more.

    Ionic is well-documented with tutorials and examples to start with.

    File uploads are one of the most problematic things when it comes to web development (security, big files, etc.).

    Resumable.js, a JavaScript library, handles one of the problems: the ability to resume uploads.

    The library uses the HTML5 File API and offers a fault-tolerant upload mechanism by splitting each file into small parts.

    Resumable.js

    And, whenever the upload of them fails, uploading is retried until it is completed so that connectivity issue is never a problem.

    Also, users can always pause, resume or restart uploads with ease.

    There are options to set the size of the chunks, detect if the HTML5 File API is supported, getting the progress status and much more.

    Google has released a new tool, named Google Web Designer, for creating interactive HTML5 sites and ads.

    It is a modern WYSIWYG where you don’t need to dive into the code but use the features to get the output and the tools are mostly design-oriented.

    However, the code generated is always there and it can be edited or tweaked and the result is displayed automatically.

    Google Web Designer

    The tool comes with ready-to-use settings for designing Google-powered ads (DocubleClick, AdMob) that will work on any device.

    There are built-in components like 360 or carousel galleries, YouTube video embedding and more.

    A timeline exists for animations and anything can be drawn with a pen tool (not limited to shapes).

    Google Web Designer is currently in beta status and it is available for both Windows + Mac.

  • Tags:
  • Filed under: Extras, Other License, Tools
  • 0 Comments
  • Uptime Robot
    feed-holder
    FeedBurner