Meta Refresh 2015

The web in your pocket

##Meta Refresh 2015 edition: The web in your pocket

We’re already in a world where smartphones outnumber all the desktops and laptops put together. A sizeable portion of your existing user base could be accessing your website only through a handheld device. It is quite likely that future web users will never experience a site on a large screen.

Undeniably mobiles, be it phones or tablets, have become a critical channel for user acquisition and customer engagement. In fact, one can argue that mobiles are already the primary touch-point for reaching and experiencing the web in many cases.

For many web designers and developers, however, the constraints of a mobile device continue to be a beast — small screen, low resources, fickle networks and the (often false) assumption that the user is always on the move with limited time at hand.

Responsive design hasn’t been enough. Mobile-first was just a start. It takes a lot more to tame the beast and to create a great browsing experience for a mobile user.

Meta Refresh 2015 will focus on enhancing web experience on mobile devices.

We’re looking forward to proposals about:

  • Evolution of web design in your organisation: what is the context of your business and customers? Why and how did you evolve your UX strategy and practice for mobile devices?
  • In your experience and practice, how does the context of mobile user influence the design of your websites? How does the behavior of users accessing web through a mobile differ?
  • How do you take complex web applications beyond the desktop? Speak to us from your experience.
  • What are the common misconceptions / incorrect assumptions about the mobile context? How did you figure these in your practice?
  • How do you design content for mobile websites? What kind of detailing is involved here?

And oh, if you disagree with the theme, we’d like to hear about that as well.

We are accepting proposals under the following sections:

  • Design process outlining concrete steps.
  • Mobile website strategy.
  • Content design.
  • Design patterns.
  • User research and insights.
  • Performance and front-end tools – crisp talks only.
  • Maintainability challenges.

Commitment to Open Source

HasGeek believes in open source as the binding force of our community. If you are describing a codebase for developers to work with, we’d like it to be available under a permissive open source license. If your software is commercially licensed or available under a combination of commercial and restrictive open source licenses (such as the various forms of the GPL), please consider picking up a sponsorship. We recognize that there are valid reasons for commercial licensing, but ask that you support us in return for giving you an audience. Your session will be marked on the schedule as a sponsored session.


The 2015 edition is a two-day single-track conference – 16 and 17 April. We invite proposals for:

  • Full-length 40 minute talks
  • A crisp 15-minute presentation
  • Sponsored sessions, 40 minute duration

Criteria to submit conference proposals

You must be a practising web developer or designer, and must be able to show how your own work has advanced the state of the web in the past year. You are expected to present original work that your peers — this event’s audience — recognise as being notable enough to deserve a stage.
If you are excited about someone’s work and believe it deserves wider recognition, we recommend you contact them and ask them to submit a proposal.

##Workshop proposals
If you are interested in teaching, sharing knowledge with the community and/or conducting professional trainings on CSS, front-end engineering and design, submit a proposal under workshop section. Specify past experience in teaching and conducting workshops. Even better if you share links to videos of workshops where you were an instructor.
We’ll host workshops starting October 2014 until April 2015.

###Buy tickets here:

Hosted by

Meta Refresh is an umbrella forum for conversations about different aspects of design and product including: UX and interaction design CMS, content management, publishing and content marketing Information architecture more

Bassam Ismail


Scalable architecture with SMACSS and BEM

Submitted Feb 25, 2015

We’ll be learning about:

  • Component abstraction: Making a shift from theming for pages to theming for components.
  • Naming patterns: Classes that are easy to extend and reuse with the low specificity.
  • Preprocessors: Using preprocessor for dividing large stylesheets into components and abstracting magic data.
  • CMS: How to use all these techniques in harmony with content management systems.


CSS comes off as a simple language but as your codebase grows so does the technical debt. If not used correctly, you will end up with a bunch of code that is not only difficult to manage and extend but also doesn’t follow any of the principals (DRY/SRP) our forefathers with the UNIX beard had passed on to us.

SMACSS and BEM are the two methodologies that have emerged in the last few years that have helped companies like Facebook and Twitter with massive codebases to scale while continuously iterating and extending. We will learn how to adopt these techniques to write scalable and maintainable code which portrays a single author but in reality has multiple committers.

Speaker bio

I’m a 23 year old Front-end Developer from Srinagar, Kashmir. I work at Axelerant where most of my time is spent working on medium to large scale websites built on top of Drupal. I’ve been working with various startups for the past three years with an agile approch, building front-end for website and webapp.

I specialize in Front-end architecture, responsive design, web typography and UI/UX development. I’m passionate about JavaScript and spend most of time crafting software using Node.js and one of many client-side MVC frameworks. I’m a huge proponent of following best practices: TDD & BDD, proper design patterns, always optimizing, and using the right tools for the right job.

A believer of all Unixy things, I spend most of the time in the terminal. Vim is the text editor of choice. I live and breathe Open Source, I even started a local Open Source Community.


{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

Meta Refresh is an umbrella forum for conversations about different aspects of design and product including: UX and interaction design CMS, content management, publishing and content marketing Information architecture more