Today's Pick Handpicked best post from the best blogs around the Web by our team

Responsive Tabs to Accordion

responsive-tabs-to-accordion

Easy responsive tabs – is a lightweight jQuery plugin which optimizes normal horizontal or vertical tabs to accordion on multi devices like: web, tablets, Mobile (IPad & IPhone). This plugin adapts the screen size and changes its action accordingly.

 

 

Features

  • Horizontal / Vertical Tabs to Accordion
  • Tabs and accordion are created entirely with jQuery
  • Supports multiple sets of tabs on same page
  • Cross browser compatibility (IE7+, Chrome, Firefox, Safari and Opera)
  • Multi device support (Web, Tablets & Mobile)

Online IDE & Code Playground – Fiddle Salad

built-in code completion support for CSS + jQueryFiddle Salad is a one of the latest web development tool, an online IDE, for client-side web applications. It has many features like, write HTML, CSS, JavaScript code or use alternatives like HAML,Zen Coding, SASS, LESS and more. All the code is which has been written in a single-page interface and the output is displayed/rendered instantly. It has a built-in code completion support for CSS + jQuery and links to the documentation for the properties of each language.

Read more

How To Build Mobile Website

Mobile WebsiteOver the past few years, mobile web usage has considerably increased to the point that web developers and designers can no longer afford to ignore it. In wealthy countries, the shift is being fueled by faster mobile broadband connections and cheaper data service. However, a large increase has also been seen in developing nations where people have skipped over buying PCs and gone straight to mobile.

Read more

How To Use Responsive Web Design

guidelines-for-responsive-web-design/Almost every new client these days wants a mobile version of their website. It’s practically essential after all: one design for the BlackBerry, another for the iPhone, the iPad, netbook, Kindle — and all screen resolutions must be compatible, too. In the next five years, we’ll likely need to design for a number of additional inventions. When will the madness stop? It won’t, of course.

Read more

Tips for Wireframing a Mobile App Interface

Mobile Wireframing  TipsA lot of time and energy is required to build mobile iOS/Android apps. Aside from the coding and UI design you need to plan functionality ahead of time. This way you can start programming immediately and implement key features without a hassle. The best way to start off a mobile application is through wireframing. This is a design process where you lay out each of the app’s views in detail. This could be just a rough sketch, but many designers will spend time going that extra step. Wireframing is all up to your personal decisions and how much pre-planning needs to be done. I’ve gone into some detailed tips below focusing on creative techniques for intuitive wireframe designs.

Read more

jQuery File Upload – Full Featured Plugin For file Uploads

jQuery File Upload File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery.
Supports cross-domain, chunked and resumable file uploads and client-side image resizing.
Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.

 

Read more

jQuery UI Bootstrap, themed kickstart for jQuery UI widgets

jQuery UI BootstrapNew jQuery UI Bootstrap theme – a project I started to bring the beauty of Twitter’s Bootstrap to jQuery UI widgets.

With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter Bootstrap side-by-wide with it without components breaking visually.

It’s still a work-in-progress, but I hope you find it useful
Read more

Optimize your JavaScript loading now with JSL (JavaScript Loader)

Do you want an ultra fast web site? Get JSL and optimize your JavaScript loading now!

Imagine there’s a 4-lane highway between your web browser and the internet itself. This highway is optimize to let pictures, text, and css fly by. But, when it comes to external scripts, the highway creates a toll booth that slows traffic. The worst part is that pictures text, and css caught behind these scripts have to wait until they pass through. JSL is the latest in toll both avoidance. It creates an express lane that lets all pictures, text, css, and external scripts pass by without worrying about toll booths. That means you save time and money on traffic costs :)

Javascript Loader (JSL) is a tiny script that allows you to optimize and speed up your pages. It offers on-demnad script loading implemented on the lazy loading principle.

  • On-Demand JavaScript Loading
  • Browser Cacheable
  • Dynamic Asynchronous JavaScript Loading
  • Ultra Fast and Lightweight
  • Works well with other JavaScript Libraries

Wish you a very happy New Year to ALL !!!

Hi, Friends Happy you New Year, 2011 has been very eventful and best year for Webtrendset. We had increase the number of viewer in this year, had shared/posted quality articles on latest TRENDS like HTML5, CSS3, Responsive Web Design, Mobile web applications, jQuery plugins and many more.. Hope we will continue the same in this year.

Happy New Year 2012

Responsive Web Design Frameworks

Responsive Web DesignThe frameworks, you should know in brief what responsive web designing is all about. Experts follow different ways to design the websites. There are various ways to create them using different types of tools. How you will create or design your website will sole depend upon the purpose of creating the website.
Read more

email lists