Mobile Web

  • Powerange and Switchery: HTML5 Switches and Sliders in Flat Design

    Alexander Petkov creates ripples having developed two free HTML5 components following the popular flat design trend. The latest one, Powerange, allows you to create modern range sliders clearly inspired by iOS7 and the older Switchery does the same job for switches. Both components are designed as combinations of CSS and JavaScript without further dependencies and run in all modern browsers, even Internet Explorer (from 8+ in Switchery and 9+ in Powerange). You need not be a fan of iOS7 to enjoy the features of Petkov’s components as customization allows you to take the looks to wherever you want them to..



    Read more 
  • Iconion: New Tool Converts Icon Fonts To Icon Files

    Icon fonts are the new craze lately. The advantages are clear. Instead of working with a load of files in different resolutions or large sprites to be controlled by CSS, we simply embed a special font. This font contains all the needed icons. Each icon looks crisp no matter the resolution. Everybody’s happy. But in prototyping things are less nice. Of course you can get desktop font variants of most popular icon fonts, yet the handling is not so easy, nor is it to edit them. Iconion is a new free tool, that converts pictograms from icon fonts into files. You can even edit them…



    Read more 
  • Cerberus Makes Your HTML Email Work On Any Client

    Ted Goas from New Jersey knows what he’s talking about. He calls his latest project Cerberus, which educated people surely know to be the three-headed dog from hell aka hell-hound. He thinks the naming to be appropriate for an ambitious project like his, that aims to make HTML email work (three-headed) over desktops, mobiles and – even – Outlook. Cerberus is a collection of patterns compiled into two templates for you to build your email newsletters upon.



    Read more 
  • Deal of the Week: Designmodo’s Fantastic Startup Design Framework Based on Bootstrap 3 and PSD

    Who in the world of web design and development doesn’t know Designmodo? Active since 2010, these guys have brought useful resources to the design world and still keep on doing so. Their latest product aims at startups seeking to create a decent, flexible and unique website. Startup Design Framework is the only thing you need to achieve that. From today until the 20th of March 2014 our dear readers are entitled to claim a 25% discount on this fantastic product. Let’s take a closer look…



    Read more 
  • Total Recall #2: The Ultimate Collection of the Best Free Pro GUI Sets of 2013

    In part one of our Total Recall series we featured an extensive collection of the best free website layout HTML/CSS themes and PSD templates from 2013, aimed to quickly and effectively give you a solid foundation for creating your own theme or website. However, not everyone can find a design that will fully meet his design requirements and satisfy customer’s preferences. So for those who prefer to construct their own interfaces brick by brick, we have prepared another comprehensive collection – even bigger than the last one. These more than 100 helpful toolkits can enormously contribute to your prototyping process, providing you with a broad range of basic components and integral widgets that adhere to the same style and coloring.



    Read more 
  • Responsive Images: Still Waiting for a Standard? Try Rwd.Images.Js Instead!

    Responsive Images is a topic far from resolved. Will it be the picture element as proposed by the W3C or will it be the srcset attribute as proposed by WHATWG in the end? No matter what time will bring, responsive images are a problem that needs to be solved today and not sometime in the future. No wonder that JavaScript is the remedy of choice. There are quite a few scripts targeting responsive imaging, quality varies though. A brand-new script by Matt Stow from Australia shows the potential to become the best available client-side interim solution…



    Read more 
  • Slip.js: Small Script Touch-Optimizes Lists in Web Apps

    Slip.js is not exactly new to me. I stumbled upon it a few weeks ago, yet didn’t get impressed at first sight. These days I had a real life usecase and faintly remembered Slip.js. Now, having worked through a real project with the help of that small script, I have to admit that Slip.js really is a clever tool for the creation of touch-sortable or – more general – editable lists in web apps.



    Read more 
  • Styling SVG with CSS: Capabilities and Limitations

    SVG is the new standard for vector images in the browser. Vector editors such as Adobe Illustrator allow to directly save to that format and modern browsers have no problems to properly display SVG. As SVG graphics consist of markup, they can be created and maintained using your favorite text editor, just as you do with your HTML. It is even possible to style SVG with CSS, though you’ll need to know about quite a few differences in doing so, compared to styling HTML.



    Read more 
  • Summernote: Powerful WYSIWYG-Editor for Bootstrap 3

    Today I stumbled upon a fresh JavaScript, which I think you will like, too. This little tool helps you integrate a feature-rich WYSIWYG editor into your next Bootstrap project. And it is entirely free. Summernote – say hi – is under ambitious development and bound to reach version 1 in the course of the next few weeks. You need not wait, though, as Summernote is perfectly ready for prime time just yet.



    Read more 
  • Google Web Designer: No Less than No More Flash in Banner Ads

    Google’s newest free project carries a promising title. With a name like that, what would you expect? Will it be a competitor to Dreamweaver or any other classical HTML editor? Well, theoretically you could create HTML content of any purpose. Practically you’ll rather sooner than later return to your former solution. Yet, if you’re into creating banner ad campaigns, Google Web Designer is the place to go.



    Read more 
search form
 
image description image description