Fiddle 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.
Today's Pick Handpicked best post from the best blogs around the Web by our team
Online IDE & Code Playground – Fiddle Salad
How To Build Mobile Website
Over 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.
How To Use 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.
Tips for Wireframing a Mobile App Interface
A 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.
jQuery File Upload – Full Featured Plugin For file Uploads
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.
jQuery UI Bootstrap, themed kickstart for jQuery UI widgets
New 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.
Responsive Web Design Frameworks
The 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
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
Subscribe Now
