Construction Papers

Centrally divided layout in this One Pager promoting Jacob Waites' upcoming series of design guides he calls "Construction Papers". The slick e-commerce checkout modal is loaded via Gumroad.

by Rob Hope via One Page Love

Happy Paw Pet Products

Pet store goes from 90s design to modern times with a new logo and website. The site was built using WordPress + WooCommerce and includes a custom fabric selection tool for one of the product lines.

by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

Custom Display Suite Fields in Drupal 8

Without question, Display Suite is one of the most popular modules in Drupal’s contributed modules history. It allows the creation of layouts, fields and exposes all sorts of other powerful tools we use to build the presentation layer of our Drupal sites.

One of the more powerful features of Display Suite (DS) is the ability to create custom fields that can be displayed inside DS layouts alongside the actual core field values. In Drupal 7, this has been a very popular way of building layouts and showing dynamic data that is not strictly related to the output of any Field API field on the node (or other) entity.

Display Suite has been ported and is being maintained for Drupal 8. Depending on another contributed module called Layout Plugin, the D8 version offers much of what we have available in Drupal 7 and probably even more.

In this article, we are going to look at how we can create our own Display Suite field in Drupal 8 using the new OOP architecture and plugin system. To demonstrate this, we are going to create a DS field available only on the Article nodes that can be used to display a list of taxonomy terms from a certain vocabulary. And we’re going to make it so that the latter can be configured from the UI, namely admins will be able to specify which vocabulary’s terms should be listed. Not much usefulness in this example, I know, but it will allow you to understand how things work.

If you are following along, the code we write is available in this repository inside the Demo module. So feel free to check that out.

Continue reading %Custom Display Suite Fields in Drupal 8%

by Daniel Sipos via SitePoint

Storing Local Data in a Cordova App

Most mobile apps will need to store data locally and HTML5 introduced new options for storing data locally. To store data locally in an Cordova app we can use HTML5 storage combined with other mechanisms provided by plugins.

In this tutorial, I will introduce different ways of storing data locally and we will see how to use HTML5 Web Storage with the Cordova SQLite Plugin by creating a simple note taking app.

Continue reading %Storing Local Data in a Cordova App%

by Narayan Prusty via SitePoint

Can Wearables for Women Unite Creators and Consumers?

It would be fair to say that the first wave of women's wearables had a shaky start with products that showed promise but failed to create a retail revolution. There's been no shortage of glowing and glittering bespoke gowns and garments that have gained media interest to languish in museums and galleries as prototypes never reproduced in a ready to wear line.

I feel there's been a move from products designed for men with women as an afterthought, to women-centric designs and developments, many created by women, for women. Now wearables for women have the potential to resonate with a growing consumer market and this article looks at the recent wave of devices, encouraged by progress in electronic textiles and mobile technology.

Continue reading %Can Wearables for Women Unite Creators and Consumers?%

by Cate Lawrence via SitePoint

This Week in Mobile Web Development (#78)

Read this on the Web Mobile Web Weekly October 14, 2015   #78 Holly Schinsky recommends Introducing the Accelerated Mobile Pages Project for a faster, open mobile web — Google announces a new open source initiative called Accelerated Mobile Pages, which aims to dramatically improve mobile web performance via an open framework for building lightweight web pages. Official Google Blog Peter Cooper recommends Mobile Web Accessibility for Developers — How can we ensure our mobile experiences are accessible to all? Marcy Sutton looks at mobile web accessibility fundamentals, pain points and shares some tips. Marcy Sutton Brian Rinaldi recommends More than half of all Google searches now happen on mobile devices — At the ReCode Code Mobile conference, Google’s Amit Singhal, senior vice president of search, said that today Google sees more than half of its 100 billion monthly searches occur on mobile devices. The Verge This issue is sponsored by Corgibytes Hate Fixing Bugs? Lucky You. We Love It. — Tackling technical debt and integrating disparate systems is fun, too. (Yes, really.) Corgibytes Holly Schinsky recommends Why Mobile Just Changed Forever — Max from Ionic discusses the importance of Google’s decision to index iOS 9 app content and allow users to find/open an app from search results. The Official Ionic Blog Holly Schinsky recommends Building Hybrid Apps with Ember — Alexander Blom presents on Building Hybrid Apps with Ember in this YouTube video from Web Unleashed 2015. YouTube - Alexander Blom Holly Schinsky recommends The Viability of JS Frameworks on Mobile — Are the popular web frameworks suitable for building mobile pages? How do we address the poor performance of mobile web apps on mobile devices? Henrik Joreteg Holly Schinsky recommends Build a Hybrid App with Ionic and Windows Azure Mobile Services — How to build a mobile app with Ionic and integrate it securely to Microsoft Azure backend Services. Aidan Casey's Blog Brian Rinaldi recommends Why is it so Easy to Get 'Mobile First' Wrong? — James Archer says that, in many cases, companies have responded to treating mobile as an afterthought by now treating the desktop as an afterthought. Deep Design Brian Rinaldi recommends AMP and Incentives — “AMP isn’t encouraging better performance on the web; AMP is encouraging the use of their specific tool to build a version of a web page.” Tim Kadlec Brian Rinaldi recommends The Ad Blocker's Dilemma — Jen Looper discusses the impact that ad blockers may have both on user behavior and on developers and content producers. Telerik Developer Network Brian Rinaldi recommends What is the deal with Accelerated Mobile Pages - AMP — Justin Avery breaks down portions of the announcement for AMP and the web page to share his thoughts on the project and bring up some misgivings about it. ResponsiveDesign.is Peter Cooper recommends Why The Mobile Web Runs So Slowly — High level observations from the BBC. BBC News Holly Schinsky recommends Hello Modules: Your Third Ionic Framework App — The third post in a series on building an app with the Ionic Framework, this time on how to break up your app into modules to make it more scalable. Andrew McGivery Holly Schinsky recommends Mapbox Plugin — A new Cordova plugin called Mapbox is available and allows you to embed a versatile native OpenGL powered Map in your app. Telerik Plugin Marketplace Brian Rinaldi recommends Getting Started With Wearables: How To Plan, Build And Design — A good overview of the current wearable ecosystem by Maximiliano Firtman. Smashing Magazine Holly Schinsky recommends How to scroll up by tapping the status bar in Cordova/PhoneGap — Learn how to add the ability to easily scroll up in your app by tapping the iOS status bar. Timo Ernst's Blog Brian Rinaldi recommends Gridle — The Gridle grid system has been updated to version 2.0 Gridle Holly Schinsky recommends Cordova Plugin Adapter for React Native — A Cordova Plugin Adapter for React Native is being developed to allow React Native apps to leverage existing Cordova Plugin libraries. React Native Job listing Hire Top Mobile Web Developers — Work with highly-vetted mobile web devs custom-matched to your exact project needs. Learn more. Toptal Curated by Brian Rinaldi and Holly Schinsky for Cooper Press. Cooper Press is located at Office 30, Fairfield Enterprise Centre, Louth, LN11 0LS, UK Update your email address or stop receiving MWW here

by via Mobile Web Weekly

Meet the new 500px

500px announce their new brand identity in a One Pager featuring a logo animation, video and a brand asset download links.

by Rob Hope via One Page Love