A Drupal Developer | Drupal.org

- Drupal Core The open source framework behind millions of websites
- Drupal CMS Drupal CMS puts the power of Drupal into the hands of marketers, designers and content creators
- Drupal AI Open limitless possibilities with Drupal AI
- Case Studies Powerful stories that show Drupal solutions in the real world
- Drupal for Government Drupal is the open-source CMS that enables digital transformation of government and increases citizen engagement
- Drupal for Higher Education See why 70% of the world's leading universities chose Drupal
- Drupal for Nonprofit See why Drupal is the open-source CMS choice for some of the world’s most influential nonprofits
- Drupal for eCommerce Natively integrate content and commerce
- Drupal for FinTech Secure and trustworthy FinTech infrastructure
- Drupal for Healthcare Drupal powers systems that are secure, patient-centric and engaging
- Drupal for Enterprise Why enterprise organizations choose Drupal for multi-brand governance and global scale.
- Drupal for Retail See how Drupal delivers retail experiences across every channel and touchpoint.
- Drupal for Travel & Tourism Discover how Drupal powers travel across websites, mobile, and onboard experiences.
- Download Drupal Download Drupal and the extensions you need
- Documentation Full knowledgebase including Drupal 7 resources
- Getting Started Guide to installing Drupal on a server
- Local Development Guide Guide to installing Drupal locally with Docker and DDEV
- Developer Resources Step-by-step guide for learning Drupal
- Drupal User Guide Learn to build with Drupal
- API Complete documentation of Drupal Core APIs
- Modules Extend your project's functionality
- Themes Change your project's look and feel
- Recipes Automate module installation and configuration
- Site Templates Complete, configured starting points for your Drupal website
- Issue Queues Report issues and contribute improvements
- Security Advisories Stay on top of the latest security alerts and updates
- Find a Drupal Certified Partner Connect with the best Drupal agencies around the world
- Become a Drupal Certified Partner Join an elite network of agencies committed to Drupal excellence and innovation
- Find a Hosting Provider Find a hosting provider for your Drupal project
- Find a Migration Partner Get help with your migration to the latest version of Drupal
- Find Training Upskill your Drupal team
- Drupal Steward Ensure your website is protected with Drupal Steward
- About the Community Come for the code, stay for the community
- How to Contribute Get involved in growing and evolving Drupal
- DrupalCon DrupalCon unites experts from around the globe who create ambitious digital experiences. Network, learn, and be inspired
- Events Discover local events, meet-ups, and training
- News & Blogs News and stories about Drupal
- Forum Got a question about Drupal? Find answers on the Drupal forums
- Slack Get support and communicate with the global Drupal community
- Newsletters Sign up for Drupal news and manage your subscriptions
- Drupal Swag Shop Get your Drupal branded merch!
- Drupal Advocacy Program Help the world catch up to what Drupal can do
- The Drupal Association Learn how we support Drupal's growth and innovation - and how you can help
  - DrupalCon Rotterdam 2026 session library
    
    Building for Drupal Canvas: Lessons Learned from Real-World Use
- Become a Member Become a Ripplemaker and support the Drupal Association
- Become a Drupal Sustaining Member Supporting the infrastructure the Open Web depends on
- Become a Drupal Certified Partner Join an elite network of agencies committed to Drupal excellence and innovation
- Donate Make a donation to the nonprofit that supports Drupal
- Log in
- Create account
- Try Drupal CMS
- Try hosting

Sector(s)

Blogging

Team Members

Project Team

Shoaib Rehman Mirza
Drupal Developer

Visit the site

Visit the site

This is a personal blog website built using HTML5 (Zen subtheme). The idea comes for a drupal developer's personal site. The sites uses Views Fraction Slider that supported to multilayer slideshow. The front page of site was built with idea of one page site. Content are listed in sections while visitor can navigate via from top menu having smooth scroll effect.

About the project

The primary focus, as mentioned, was blog. I took the one-page site approach allowing smooth scroll to be the main focus.

The transitions were very important and we used some existing Drupal modules as well as some custom written modules to take advantage of jQuery's customizations. Views Fraction Slider, Modernizr, Masonry, jCarousel, and jQuery Easing are all used to the site.

The theme itself is derived from Zen's flexible layout. Everything is defined in percentages and ems which makes the images, positioning, and font sizes scalable. Again, this breaks free from the typical design mould and works really well.

Why Drupal was chosen

I am quite pleased with how versatile and functional Drupal and its user contributed modules are, so I would like to share a bit about how it can be used for a more interactive type site. I was quite surprised that someone with no Drupal experience, and very little coding knowledge, can create such a complex site with out-of-the-box modules, and have it done in under a month.

A Drupal Developer

Technical Specifications

Key modules/theme/distribution used:

Why these modules/theme/distribution were chosen

Views Fraction Slider allows multilayer slider.
Modernizr tests which native CSS3 and HTML5 features are available in each browser and makes the results available to you.
Zen is a great starting point for a flexible theme.
Masonry is a dynamic grid layout plugin for jQuery.
jQuery Multi uset to support jQuery 1.9 for Views Fraction Slider.