BootStrap 3 - Mobile first responsive design

BootStrap 3 - Mobile First Responsive Design

Mobile Web

As Mobile devices become more available to users,  creating web applications to cater to this mobile devices are becoming more crucial in reaching audiences. A mobile presence becomes essential in building a successful web product. In my experience as a web developer, ipad and mobile stories keep presenting themselves as additional tasks to web development efforts because users  out there are accessing the web using mobile devices.
Now there is a philosophy out there Mobile First Responsive Design that was introduced by Luke Wroblewski. This philosophy or approach suggests to create websites to cater to different devices using progressive enhancement rather than graceful degradation. The idea behind progressive enhancement is to scale up the user experience not down. This is achieved by having the default behavior of the website is to cater to mobile devices and scales up the experience if a user accesses the site in much more powerful devices like a desktop.

BootStrap 3

Bootstrap 3 adapted the mobile first responsive design. Earlier Bootstrap version optionally supports responsive web design BUT not is not mobile first. This means that websites using versions before Bootstrap 3 are not really high performing when accessed using a mobile device. This is the reason that earlier versions of Bootstrap where pulled out from the PhoneGap project. BootStrap 3 made a clean break from earlier versions of Bootstrap, it is a breaking change if you used earlier versions of BootStrap. I think they wanted to do it right rather than support the earlier versions and end up with a mess of a code. You have to change a lot of things from earlier Bootstrap versions in order to migrate to BootStrap 3. The benefit of migrating to BootStrap 3 is having that built in approach of mobile first which you would not need to worry about because all the heavy lifting to cater to different devices is done for you.

Comments

Post a Comment

Popular posts from this blog

OAuth 1.0a Request Signing and Verification - HMAC-SHA1 - HMAC-SHA256

Image
This is a security project that I did this Fall semester. I was interested in why the OAuth1.0a specification did not require you to sign a request using RSA-SHA1 or any RSA algorithm. The first issue that I found is where would you store your private keys in a javascript client? - as a javascript encrypted file ? from the browser ?  - that will be a security hole if you allow javascript to get private keys. These are some of the questions that got me asking and which I cannot find answers to for now. OAuth 1.0a Signature Signing and Verification using JavaScript Implementation Background The OAuth specification tries to define an API authentication method that allows consumer websites or applications to access protected API Resources from a Service provider. The advantage that OAuth provides is that the user of the website or application is not required to disclose their credentials to their service provider. Another advantage of using OAuth to authenticate is that it does not
Read more

Spark DataFrame - Array[ByteBuffer] - IllegalAurmentException

IllegalArgumentException - ByteBuffer - Spark DataFrame I was processing a several million documents (~ 20 million) in which we need to extract the NLP features using NLP4J, OpenNLP, and WordNet. The combination of the three NL features blows up each record to 11 times its original size. We are using all three because we do not know yet what feature sets will be helpful to us. The original dataset is in parquet files in HDFS (16 partitions). I thought that was convenient just use withColumn and pass a UDF (User Defined Function) on the column where it needs those features. withColumn adds the calculated column back to the DataFrame. So I created the spark job (I am on Spark 1.5.2-cdh5.5.2)for the above, and things started to get nasty. I am blowing up the ByteBuffer array on the in-memory columnar storage. This is the exception that I am getting. There seems to be no reference in my code in this stack trace. java.lang.IllegalArgumentException at java.nio.ByteB
Read more

Gensim Doc2Vec on Spark - a quest to get the right Vector

Ever since I joined the R & D group we have been doing a lot of cool things, like trying IBM Watson (see previous blog entry). Now we are doing a lot of Natural language processing.  We wanted to compare the similarity of two documents. There is this excellent project Gensim ( doc2vec ) that easily allow to you to translate large blocks of text to a fixed length feature vector to make comparisons. Here is the link to the  original paper  from some people from Google that explains the approach. In essence, they wanted to find a representation that will overcome the weaknesses of the bag of words model. The doc2vec approach proves to be a reliable approach to comparing similarities of documents because it takes into consideration the semantics and the order of the word in context. So with that, we wanted to use it for a corpus of 26 million documents. Calculating the doc2vec for 26 million documents is not a small task, so we need to process it in Spark. The problem is that there
Read more