Drupal 8: Built for a Mobile-first world
https://www.zyxware.com/sites/default/files/styles/user_image/public/default_images/index.png?itok=2YmREnrP
BY Nisha.Oommen
4 years ago
Drupal-Solution
0 comments comment

Dries Buytaert, Founder and lead developer of Drupal CMS, set the tone for Drupal 8 in his Chicago Keynote back in 2011 when he said, “If I were to start Drupal from scratch today, I’d built it for mobile experiences first, and desktop experience second.” His vision has come true with the Drupal’s latest version, Drupal 8.0.0 RC (release candidate) due to be released on 19 November 2015.

Why do you need a Mobile-first website?

Today, there are already around 400 websites built on Drupal 8. Drupal 8 has mainly evolved around not just a mobile-friendly approach but also a Mobile-First principle; this does not come as a surprise seeing the proliferation of mobile devices worldwide. According to IDC’s worldwide quarterly tracker report, the number of smart phones sold in the second quarter of 2015 has crossed over 340 million. In fact, websites accessed through smartphones far outpace those being viewed through a laptop or a tablet. Keeping up with the current trends in mobile usage, it is a foregone conclusion that Drupal, with it's increased performance and enhanced capabilities, is headed in the right direction.

Gear up for an amazing mobile experience with Drupal 8!

The main features of Drupal 8 that make it mobile friendly are:

Responsive Images and Breakpoints: To support the wide array of Internet-enabled devices being released in the market, Drupal 8 has incorporated responsive design into everything. Cases in point are the Breakpoints Module and the Responsive Image Module. The Breakpoints module standardizes the use of breakpoints. Breakpoints are widths for which the design of a website changes. The Breakpoints Module and the Responsive Image Module have to be enabled (not default) though it comes with the core.

For Responsive Image Module, Breakpoint module is a requirement as it uses the breakpoints that are coded in to the theme along with image styles to resize the images appropriately It can be configured using a User Interface (UI) to make the images on the site responsive.

Responsive tables: Drupal 8 provides support for responsive tables so that table columns can have ‘High’, ’Medium’ and ’Low ‘priority. The priority is such that while for large screens all are displayed, for smaller screen sizes the higher priorities are displayed first.

Responsive Themes: Built-in themes such as Bartik, Seven, and Stark are responsive, i.e. elements and blocks will automatically resize in proportion to the viewing device (Laptop, Tablet or Smartphone).

Mobile-friendly toolbar: The new mobile-friendly administrative toolbar introduced in Drupal 8 expands and orients itself horizontally on widescreens. It collapses down to icons and orients vertically for smaller screens. It allows the user to easily access various parts of the site.

Front-end Performance: Drupal 8 has tried to reduce front-end footprints to improve on the loading speed. Drupal 8 loads zero JavaScript files for anonymous visitors and jQuery can be replaced by native JavaScript, where needed, to reduce the bouncing rate and retain more traffic.

With Drupal8, deploy content once and display it the way you want on any device. For sites still in Drupal 6, it is a wakeup call (without the snooze button!) to migrate to Drupal 8, since support for Drupal 6 will cease in 3 months from the release of Drupal 8.

Zyxware Technologies has a great Drupal team that has helped many personal bloggers, government sites and enterprises power their websites with Drupal. If you want to build mobile-friendly Drupal websites or migrate to Drupal 8, we are here to help you. Get in touch with us to know more about our Drupal development services.

References:

Ultimate Guide to Drupal 8: Episode 2 - Mobile Improvements

Drupal 8 Mobile Initiative

Mobile for Drupal 8

Smartphone Vendor Market Share, 2015 Q2


RELATED ARTICLE

/themes/custom/zyxpro_light/images/placeholder.png
close

on 02nd July 2008 / by webmaster
We have recently completed the development of a Drupal based College Website System. We have also successfully implemented this for one of the prestigious educational institutions in the city. Now we are ready to implement this for any other college/university who wants to have a highly scalable and flexible system at very affordable rates. If you would like us to build your school/college/university website/portal Contact Us Drupal Solution Application Development Education Alumni Portal Leave a reply Your email address will not be published. Required fields are marked * Dileep Kumar (not verified) access_time 15 Jul 2020 - 17:54 Hello Sir, When I open cptc site scroll bar appear bottom of my PC. Please reply for this comment. Regards Dileep webmaster access_time 15 Jul 2020 - 17:54 In reply to Scroll bar in bottom by Dileep Kumar (not verified) Dileep, That must be because of your screen resolution. The site is designed to be best viewed at a minimum of 1024x768. Anoop Email list business (not verified) access_time 15 Jul 2020 - 17:54 It's very interesting to follow the developments of drupal lately and to see how the drupal themes are scaring up against the WordPress themes. Like what you've done with this college campus webpage and all the modules you developed for the theme. Thanks a lot for this blog. Jeremy Dubois (not verified) access_time 15 Jul 2020 - 17:54 I have been watching with interest the momentum that drupal seems to be building. I use wordpress on my blog but am thinking about diving in and learning drupal. Stan Brower (not verified) access_time 15 Jul 2020 - 17:54 I am somewhat new in my blogpost and Drupal skills. How do you by-pass the .htaccess redirect rules in regards to the looping issue?  Pagination Current page 1 Page 2 Page 3 Page 4 Page 5 Page 6 Page 7 Page 8 Page 9 Next page Next › Last page Last » Add new comment
/themes/custom/zyxpro_light/images/placeholder.png
close

on 02nd August 2012 / by Anoop John
When you want to move a Drupal site from one hosting server to another you have to ensure that the site works the same way on the new server as it used to work on the old server. There is no real fool proof way of doing this other than to meticulously document all the custom aspects associated with setting up the site and verifying it on the new server. The following is a checklist of information you have to collect before you move your Drupal site from one server to another. Drupal Solution Checklist Migration Leave a reply Your email address will not be published. Required fields are marked *
/themes/custom/zyxpro_light/images/placeholder.png
close

on 22nd August 2012 / by Anoop John
Ecommerce used to be the preferred ecommerce solution for Drupal before Ubercart came into the picture. We recently worked on upgrading a Drupal 5 site with Ecommerce to Drupal 7 with Ubercart. The challenge with this upgrade was that the source data existed only in the D5 database and the corresponding code to programmatically access the ecommerce data was in D5 as well while the destination tables existed only in the D7 database with the corresponding code existing only in the D7 database. The solution we went with was to go for a full SQL query based migration to copy over the Ecommerce data from its tables to the Ubercart tables. Drupal Solution Drupal Upgrade Data Migration Drupal MIgration Ubercart Leave a reply Your email address will not be published. Required fields are marked *
Leave a reply
Your email address will not be published. Required fields are marked *

Filtered HTML

  • Web page addresses and email addresses turn into links automatically.
  • Allowed HTML tags: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type='1 A I'> <li> <dl> <dt> <dd> <h2 id='jump-*'> <h3 id> <h4 id> <h5 id> <h6 id>
  • Lines and paragraphs break automatically.
The content of this field is kept private and will not be shown publicly.
CAPTCHA This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.