Vormgeving & concepten (Drupal)
Inventaris aug. 2016
Enkele concepten die ik zoal tegenkom:
- Background videos [1][2]
- Card layouts [3][4][5]
- Feature videos [6]
- Flat design [7][8]
- Grote productafbeeldingen [9]
- Hamburger menu's [10][11]
- Hero images [12][13][14][15]
- Long scroll [16][17]
- Newsletter popups [18]
- Storytelling [19]
- Unieke & grote typografie [20]
- Video sliders [21]
Parallactische themes?
Er bestaan specifieke parallactische themes for Drupal, maar de gebruikelijke aanpak lijkt te zijn: Begin met een handig theme, en maak het zelf parallactisch. Oa. wordt Adaptive Themes genoemd [22].
Long scroll
Bronnen
Long scroll & Drupal
- Sunrise: https://www.drupal.org/project/sunrise & http://demo.drupalizing.com/sunrise/ - Geen long scroll: Het houdt vrij snel op
- https://www.drupal.org/project/parallax_zymphonies_theme - Weinig indrukwekkend
- https://www.drupal.org/project/flat_zymphonies_theme - Idem
- https://www.drupal.org/node/2077417 - Community Documentation - Create a simple scrolling website - Weinig hoopvol
- http://progressive.nikadevs.com/?theme=progressive - Diverse long scroll-themes. Prijzen ron $53.
- https://www.drupal.org/project/bootstrap_agency - Weinig hoopvol
- http://live-commerce-profile.pantheonsite.io/
- https://onepagelove.com/tag/drupal
- https://www.drupal.org/project/single_page_site - Module
- https://www.psd2html.com/blog/long-scrolling-web-design-trend.html
Concepten - Algemeen
- http://blog.hubspot.com/marketing/elements-of-modern-web-design-list
- http://www.creativebloq.com/web-design/10-design-concepts-web-developers-need-know-11135255 - Geen specifieke concepten
- http://www.awwwards.com/6-web-design-trends-you-must-know-for-2015-2016.html
Long scroll oftewel one page
- http://www.awwwards.com/6-web-design-trends-you-must-know-for-2015-2016.html
- http://thenextweb.com/dd/2015/08/19/why-long-scrolling-sites-have-become-awesome/#gref
- http://www.awwwards.com/6-web-design-trends-you-must-know-for-2015-2016.html
- https://www.elegantthemes.com/blog/resources/2016-web-design-trends
- http://www.creativebloq.com/web-design/web-design-trends-2015-16-long-scroll-81516343
Voorbeelden
- http://tandartsinleeuwarden.nl/ - Voorbeeld: Wordpress + Elegant themes' Div theme
Hoe maak je een parallactisch theme?
- https://www.drupal.org/node/1552344 - HTML5 parallax effect with Drupal
- http://www.smashingmagazine.com/2011/07/behind-the-scenes-of-nike-better-world/
Themes
- http://www.responsivemiracle.com/collective/best-responsive-parallax-scrolling-drupal-themes-2013/
- http://www.responsivemiracle.com/collective/best-responsive-parallax-scrolling-drupal-themes-2014/
- http://www.responsivemiracle.com/collective/best-responsive-parallax-scrolling-drupal-themes-2015/
- https://www.freshdesignweb.com/responsive-drupal-themes/ - Gratis & commerciëel
- https://www.template.net/cms-templates/drupal-templates/parallax-drupal-themes/ - Commerciële themes
- https://www.evohosting.co.uk/blog/web-development/drupal-web-development/26-more-best-free-responsive-drupal-themes/
- https://www.drupal.org/project/project_theme
- https://potentpages.com/drupal-themes/6-drupal-parallax-themes/ - Commerciëel?
- https://www.drupal.org/project/project_theme?f[0]=im_vid_44%3A13028&f[1]=im_vid_46%3A9988&f[2]=&f[3]=sm_field_project_type%3Afull&text=parallax&solrsort=iss_project_release_usage+desc&op=Search - Een paar gratis themes met parallactische scrolling
Drupal 8-themes (non-parallactisch)
- https://www.drupal.org/project/project_theme?f[0]=im_vid_44%3A13028&f[1]=im_vid_46%3A9988&f[2]=drupal_core%3A7234&f[3]=sm_field_project_type%3Afull&text=&solrsort=iss_project_release_usage+desc&op=Search