Front End it's all about Code, Design and Behavior. #8
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
added 30 commits
May 26, 2015 02:47
Here is my submission for the YGLF challenge, including: Parallax slider, css transitions, svg animation for the YGLF logo and tons of graphics and mockups. included a Pack of 4 Beautiful Wallpaper (1980x1200) Elior Shalev Tabeka Ticket #: Wix Employee
updating readme file
… rules of the challenge
…ll animations Improve Sass code Dramatically by rewriting all Sass files using Bourbon mixing library Adding a background blur Effect on mouse movement with JavaScript Adding "Real Shadow" Effect on mouse movement the YGLF Scene with JavaScrips Create new “Scroll Down” hint animation Add a Variables parties with all Project Settings Reorganization File Structure
Adding Variables
scroll page to top on reload
Adding animations to icons on YGLF Scene
adding responsive support
- Change styles folder name to Scss
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Front End: it's all about Code, Design and Behavior.
Overview
"Front End: it's all about Code, Design and Behavior" - is my submission for the YGLF challenge.
The concept is to illustrate the areas that the Front End developer deals with every day in a creative way...
It's a fully responsive landing page using a Parallax slider with CSS transitions, SVG animation, tons of graphic design and love.
Preview
http://eliorshalev.com/yglf/
Goodies
Download YGLF wallpapers (1980x1200):
https://www.dropbox.com/s/4043w4ieyed2wbq/wallpapers.zip?dl=0
Source Code
https://github.com/eliorshalev/challenge
Credits
Parallax slider: https://goo.gl/OQVwR
Page load progress bar: http://goo.gl/zusHU8
Real shadow: http://goo.gl/zusHU8
Image Tilt Effect: http://goo.gl/FHvNb6
Animated Title inspired by: http://goo.gl/du7Hmi
Elior Shalev Tabeka
Ticket #: Wix Employee