Foundry Salon

Long scrolling One Pager for a collective of Make-up and hair stylists called 'Foundry Salon'. The Single Page website features a diagonal line design with a neat little intro text animation and good whitespace throughout. Cheers for the detailed build notes!

by Rob Hope via One Page Love

No Half Measures

Launching soon page built using Jekyll for an upcoming UK drinks supply service called 'No Half Measures'. Quite a cool name and nice touch with the drinks icon patten background.

by Rob Hope via One Page Love

Continous Deployment of Rails with SemaphoreCI

Our goal dotay is to setup a Rails project which uses Semaphore CI to test the project and then deploy automatically to an Amazon EC2 server using Capistrano. We'll be using Nginx, Puma, and Postgres, along with Ruby 2.3.0 and Rails 4.2.6.

What is SemaphoreCI?

Semaphore lets you quickly set up a fast continuous delivery process for any web project. You can test every change you make and easily deploy new versions to the delight of your users. SemaphoreCI allows you to keep your team in the loo, by integrating with other services. It is now used and praised by hundreds of companies worldwide. You can read more about the offering here.

Benefits of CI

Some of the major benefits of continuous integration are:

• It keeps everybody in loop about the build health. SemaphoreCI lets everybody know if a build has failed, which commit caused the build to fail, and who authored the commit.
• Allows you to roll out new features continuously and smoothly. When new code is merged in a specified branch, the test suite is run and, if all tests pass, a deployment is triggered automatically.

Continue reading %Continous Deployment of Rails with SemaphoreCI%

by Sarmad Sabih via SitePoint

Giman

'Giman' is a One Page HTML template crafted to sell products or promote an app. The long scrolling template features a clean, colorful responsive layout and includes sections for promo video, phone screenshots, testimonials, product table, Instagram feed, newsletter signup and even promotes gift cards. As it's an HTML template you'll need to link the buy buttons to your external online store (eg. Shopify) or integrate a payment within a modal using Gumroad so the user never leaves the page.

by Rob Hope via One Page Love

Mach505

Launching soon page for Graffiti Artist 'Mach505'. Simple but a neat Instagram feed integration as a background wallpaper.

by Rob Hope via One Page Love

AtoZ CSS Quick Tip: Display

This article is a part of our AtoZ CSS Series. You can find other entries to the series here.

Welcome to our next article as part of our AtoZ CSS series! In this series I'll be exploring different CSS values (and properties) beginning with a letter from the alphabet. Let's start by looking at the letter D.

D is for display

Not all things are equal when we don’t want to display content.

display:none is not the same as visibility:hidden

Continue reading %AtoZ CSS Quick Tip: Display%

by Guy Routledge via SitePoint

Pokémon GO Style Augmented Reality With Vuforia