Bootstrap is a well-known front-end framework giving a collection of useful tools for creating websites and web applications.
To this article, I present a custom jquery script which based on the given Collapse script and actually it is extended with a “famous” feature expand all/collapse all. Additionally, user can expand/collapse every panel without affecting some of the rest panels.
It is commonly known that the shift to mobile devices is happening at an extraordinary speed and smartphones and tablets revolution brings new features to the web development. As a million screens have bloomed, there is the need to create websites and services that work equally well on every device.
As a result, a new tactic called “Responsive Web Design” was raised. Ethan Marcotte started the responsive web design trend back in May 2010. He wrote an article about the need for a more flexible approach to web design, “Responsive Web Design”, for A List Apart. Put simply, Responsive Web Design is about adjusting layout based people’s various screen resolutions, using “media queries” to figure out what resolution of device it’s being served on. It can be argued that, responsive design personalises layout more than content and adjusts to the device more so than the person.
At this point, it is needed to be referred that some people have begun to conflate responsive design with the broader concept of personalisation. Personalisation is really just an umbrella concept in which responsive design represents one tactic. Nearly any piece of data that can communicate any context about the user or her environment can be used to personalise an experience. Other tactics include geotargeting (Yelp), autocomplete (Google), collaborative filtering based recommender systems (Amazon, Netflix) and behavioral targeting (interest based advertising) (Bluekai, DoubleClick).
All the above was only the theory… in this post also an example is provided, which is based on HTML5 and CSS3 standard, using also the jquery scripts Modernirz and FitVids. More specifically:
FitVid, a jQuery plugin for fluid width video embeds.