All posts by

Responsive Website Design with Best Examples

The web is evolving now more than ever, and staying up to date with trending topics is a must. Your site is about your content. With mobile devices, iPads, phones, gaming consoles, etc: people can access your content many different ways and formats. How can we maintain some control over the display of our content and keep our brand consistent? How can we try to provide the best user experience on any platform?

Enter Responsive Web Design. A term coined by Ethan Marcotte. Many experts aren’t leaning on one static design anymore, but on structured content that adapts to its given environment. We are going to take a look at responsive web design techniques out there including: progressive enhancement, flexible layouts, media queries, flexible images & video, & other methods that you can implement to make your site or application “Responsive

There are three very important elements in responsive web design.

  • Flexible Layouts
  • Flexible Images
  • Media Queries

Read more…

10 Best Mobile Web App Frameworks

list of best mobile-frameworks

Mobile web app frameworks are in high demand as more and more users switch to using mobile devices for the majority of their computing needs. If you’re an application developer and you’re not developing or porting your apps for mobile use, you’re missing out on huge potential customer bases.

Although developing one of the best mobile apps can be challenging, there are some great mobile web frameworks that can help you out, speed up your development and give you a leg up on the competition.

Here’s our selection of 10 great mobile web app framework options. Read more…

iUI: Web framework for mobile smartphones & Tablets

User Interface Framework For Smartphones & TabletsiUI is a framework consisting of a JavaScript library, CSS, and images for developing advanced mobile webapps.
Made with only iPhone in mind in the first place (reason of i UI), we now supports most smartphones & tablets.

You don’t have to learn a new language or syntax: iUI is just plain HTML, CSS and Javascript.
No compilation, no code generation, no alteration… what you’ve typed is what you get.

iUI has the following features:

  • Create Navigational Menus and iPhone-style interfaces from standard HTML
  • Use or knowledge of JavaScript is not required to create modern mobile web pages
  • Ability to handle phone orientation changes
  • Provide a more “iPhone-like” experience in your Web apps

jQuery Mobile: Touch-Optimized Web Framework for Smartphones & Tablets

jquery mobilejQuery Mobile: Touch-Optimized Web Framework for Smartphones & Tablets A unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design. 1.0 Final Release Notes Read more…

15 jQuery Cheat Sheets for Web Developers

15 jQuery Cheat Sheets for Web DevelopersjQuery is the most popular java script library is used in greatly simplifies java script programming.Here I listed most popular and very useful jQuery cheat sheet collection on the Internet,for anyone who like to learn jQuery.You can get more cheat sheets mentioned here as pdf files or image(.png,.jpeg) files.

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

Read more…

@Font-Face Generator

font-face generatorWebfont embedding is so widely supported by modern browsers at this point that there’s really no excuse not to incorporate them when appropriate in your designs. There are hundreds of free fonts available for embedding, as well as plenty of paid services that allow you to include commercial fonts in your designs.

A lot of designers, it seems, are intimidated by the idea of @font-face embedding though. Even though it’s been gaining popularity and support for the past couple of years, a lot of designers still stick to their usual collection of web safe fonts for the vast majority of their designs. On the rare occasion they do step out of their comfort zone and include a web font, they just go with a webfont subscription service rather than looking into DIY embedding or something like Google Web Fonts.

Read more…

JavaScript Animation Framework: jsMorph

JavaScript Animation FrameworkjsMorph is a pure javaScript animation framework that can manipulate almost any and multiple stylings of multiple HTML elements. It auto detects start positions, auto converts units, automatically adjusts rendering speed and corrects time leaks for smoother rendering experience. Even if used for queued multiple elemets, jsMorph can do single or grouped triggering as well as handling plenty of unique or overall callback functions. All methods within jsMorph are chainable. jsMorph can also be used for converting units to pixels or any other unit.

Read more…

CSS Spritemap Generator: Spritemapper

CSS Spritemap Generator

Spritemapper is an application that merges multiple images into one and generates CSS positioning for the corresponding slices.

Improve loading times. Only 10% of a webpage’s loading time is due to the actual page—the other 90% is spent downloading styles, scripts and images. By reducing the amount of images and better utilizing the connection, CSS spritemapping can reduce your website’s loading time.

Just plain old CSS. You don’t have to write any extra syntax to make Spritemapper work. Just define the directories of images you want spritemapped and use the CSS background declaration as usual.
Read more…

Free User Interface Elements Pack – Futurico

Free User Interface Elements PackYay! It’s time for a new free giveaway and we are happy to present a wonderfully creative collection of Futurico – Free User Interface Components (PSD). We think that these are so far the greatest user interface components we have shared with you guys and we hope you will agree with us on this.

Better see it for yourself and wait for updates because this giveaway will be totally special. We will update it every month with new cool elements so that our beloved readers will have tons of possibilities to use them.

As we have always stated, this wouldn’t be possible without the help of our designer friends and this time we would like to thank Vladimir Kudinov (Behance Portfolio) for his great help.

Read more…

Creating mobile web apps super fast-Touchy Boilerplate

Create Mobile Web Apps Fast With Touchy BoilerplateIt doesn’t have to be!Let Touchy™ do the heavy lifting, and focus on getting your app out there.Wait. Another mobile boilerplate? Not a chance!

Touchy™ goes beyond just an HTML/CSS template, adding performance optimization tools, hardware accelerated animation, device API, fixed positioning and much more so you can really rock the mobile web.
Read more…

email lists