Jump to content
Roope

HTML5 Boilerplate for ProcessWire

Recommended Posts

Hello everyone! While there was couple of tryouts at the moment, I think PW was lacking decent HTML5 Boilerplate integration so here's a attempt to fix that.



I took default install dump and stripped it down to bare minimum so it only includes data for Home and 404 pages + Title and Body fields. https://github.com/BlowbackDesign/PW-H5BP/blob/master/site-default/install/install.sql


Default templates folder is modified so that head.inc and foot.inc contain basic HTML5-structure from H5BP and new 404.php is added for 404 page so that it matches H5BPs 404.html page (new redesigned version). Indents are switched from spaces to tabs and all elements are self closed - mostly out of personal preference. https://github.com/BlowbackDesign/PW-H5BP/tree/master/site-default/templates


PW-H5BP is based on current master branch so it's little ahead of v4.3.0. Idea is to keep PW-H5BP up to date with releases of HTML5 Boilerplate.

  • Like 6

Share this post


Link to post
Share on other sites

Would you like to export it as a site profile for ease of installation? All you have to do is install the Profile Exporter module to create a profile from your setup and then people can install ProcessWire using this profile.

  • Like 2

Share this post


Link to post
Share on other sites

Thanks for your reply Pete!

Site Profile Exporter makes a sql-dump from the site setup so what's wrong with the current? You still need to replace original install.sql file before install and replace possible needed modules/templates etc. manually so installation is all the same.

Share this post


Link to post
Share on other sites

OK, I was looking other site profiles from modules directory and noticed that those are structured without site-default folder so I did same for PW-H5BP.

I remember there was some talk just while ago about having different profiles by default at PW installation. Just can't find the thread.. Or maybe it was at GitHub. Anyways, wouldn't it be possible to offer simple drop down at first page of installer for profiles found at modules directory to choose from? Installer would then automatically replace needed files before proceeding.

EDIT: Added profile to modules directory

Edited by Roope
  • Like 1

Share this post


Link to post
Share on other sites
I remember there was some talk just while ago about having different profiles by default at PW installation. Just can't find the thread.. Or maybe it was at GitHub. Anyways, wouldn't it be possible to offer simple drop down at first page of installer for profiles found at modules directory to choose from? Installer would then automatically replace needed files before proceeding.

Good idea! Would be nice to have this option in the installation process.

Example

option 1: install the PW default profile (simple site, recommended for learning)

option 2: install PW blank profile (start from scratch, for experienced devs)

option 3: install PW H5BP (start with a actual H5BP template, read more ...)

  • Like 1

Share this post


Link to post
Share on other sites

Glad you liked it Manfred62!

I opended thread for this subject so we can all continue talk about this idea here.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By CareerTeam GmbH
      Hi there,
      We are an executive search agency based in Germany looking for a freelancer (2-5 days per week) supporting us with the development and design of our websites. The position will be located in Hamburg, Germany and it would be great if you are on short call. German language knowledge is mandatory. 
      You can reach me via email jobs@careerteam.de.
      Thank you!
      Regards
      Annemie
    • By karian
      Hi, based on the work of @microcipcip and @gebeer  (see their posts here and here), I put together a Processwire + React boilerplate (profile).
      Github repo: https://github.com/lapico/process-react

      Cheers,
      K
       
    • By snobjorn
      I'd like to see HTML5 attributes for hyperlinks, such as download, media and ping, when editing links in ProcessWire (with CKEditor) . Download is the one I'm using myself, but I'm mentioning the other ones as well. More information at New HTML5 Attributes for Hyperlinks: download, media, and ping.
    • By modifiedcontent
      Why does the forms API use lists - ul, li - to style forms? It makes them much harder to control with CSS.
      Why not something like this?
      <style> .field { float: left; width: 100%; } .inputfieldheader { float: left; width: 100%; } .input { float: left; } </style> <form> <div class=field> <label class=inputfieldheader>Field one</label> <input class=input> </div> <div class=field> <label class=inputfieldheader>Field two</label> <input class=input> </div> <div class=field> <label class=inputfieldheader>Field three</label> <input class=input> </div> </form>  
    • By ranzucker
      Hi there,
      I'm looking to implement a new front end design similar to this WP template (I have the template files) http://demo.puriwp.com/realexpert/
      On a website I built with PW with the skyscraper profile
      Work will require a skype conversation where I will hand in design requirements I have ready-made and finally include a final draft revision.
      Pls reply with a budget proposal
      thanks
      Ran
×
×
  • Create New...