Basic Template file for rapidly deploying WordPress projects based on html5blank.com (http://html5blank.com) and an dsgraphics-starter-kit-master
- Project: github.com/dsnger/dsgraphics-starter-kit-master
- Website: dsgraphics.de
- Author : Daniel Sänger // @dsnger
Download the latest version from Github
##TODOS
- Accordion
- Tabs
- Slider
- Cards
- Protocol relative jQuery if Google CDN offline (HTML5 Boilerplate)
- Conditionizr for cross-platform/device detects and enhancements
- Modernizr feature detection, HTML5 element support for legacy, progressive enhancement (HTML5 Boilerplate)
##FEATURES
##DESCRIPTION
SASS/CSS Using BEM (Block Element Modifier) naming methode. f.e. block__element--modifier
##RESOURCES
|| Browser support
https://modernizr.com/docs
Picturefill (Support of
|| Loading Speed Lazyload (loading elements/images only if they are in view)
|| Animation AOS (animate on scroll) http://michalsnik.github.io/aos/ Waypoints (Set scroll marks) http://imakewebthings.com/waypoints/
|| Preloading? https://tympanus.net/Tutorials/PagePreloadingEffect/index.html
|| Header sticky Logo und Hamburger Menu Größe ändern nach Scrollen https://tympanus.net/Blueprints/AnimatedHeader/
|| Navigation über Hamburgermenu rechts, FullScreen Overlay css-hamburgers (animated css hamburgerstyles) https://tympanus.net/Development/FullscreenOverlayStyles/index8.html Page Transitions http://git.blivesta.com/animsition/
Logo SVG Variante zentriert, Kurzform, Bildmarke (je nach Viewport)
Slider / Hero Image Mittig unter dem Logo / SVG draw effect https://maxwellito.github.io/vivus/ Oder Draweffect http://animejs.com/ Split Scroll Slider https://alvarotrigo.com/multiScroll/
Leistungen Cards Drehung wenn hover https://tympanus.net/Development/ThumbnailGridAnimations/index9.html Overlay wenn klick https://tympanus.net/Tutorials/ExpandingOverlayEffect/ oder https://tympanus.net/Development/3DGridEffect/index2.html
Portfolio https://tympanus.net/Development/StackMotionHoverEffects/ https://tympanus.net/Development/ImageGridEffects/index2.html https://tympanus.net/Tutorials/ThumbnailGridExpandingPreview/
buttons https://tympanus.net/Development/ClickEffects/
Marketing https://sumo.com/