AlphaG33k.com | Web Development

we are AlphaG33k
BORN INTO CREATIVITY
FOCUSED ON EXCELLENCE

About Us

WE'RE A CLOSE TEAM OF CREATIVES, DESIGNERS & DEVELOPERS WHO WORK TOGETHER TO CREATE BEAUTIFUL, ENGAGING DIGITAL EXPERIENCES.

NETWORKING

The Alpha phase where we research your competition and laying the foundation for your worldwide grand opening!

ANALYTICS.

Focusing on your vision and aesthetics we will analyze in depth your website requirements for a modern, functional and eye catching outcome.

DEVELOPMENT.

The heavy duty phase where the preparation, passion and experience comes into play to create magic and develop a beautiful final product. Always with ♥ !

A DAY AT THE OFFICE

ALPHA G33K PHILOSOPHY.

We believe in the continuous refinement of our web design skills, consulting services and support so we can architect, deploy and optimize your technology assets, culminating in work of lasting integrity.

WHAT WE ACHIEVE.

With methodical planning and extensive client support we develop applications that helps increase efficiency and workflow of your business fully integrated with your entire operation.

AT THE END.

Our passion for technology will overcome any obstacles of complexity from your project leading to a highly reliable and functional final product.

Tilted Content Slideshow

This slider plays with 3D perspective and performs some interesting animations on the right-hand side images.
CSS Animations

We are using 12 different animations for showing and hiding the items of a slide. The animations are defined by randomly adding data-attributes called data-effect-in and data-effect-out for every slide.
Tilted Items

The perspective view is achieved by adding a perspective value to the slide list item and tilting a division that contains the two screenshots.
Column or Row

The items in the tilted container are either laid out in a column or in a row. For some directions we need to adjust the animation delays for the items, since we don’t want the items to overlap each other when they move in or out.
Responsiveness

For smaller screens, the items on the right hand side will become less opaque and serve as decoration only. The focus will be on the description which will occupy all the width.
Navigation

For the “line” navigation we use a little trick to make the clickable area a bit bigger: we add a thick white border to the top and bottom of the span. Since the border is part of the element, it will be part of the clickable zone.