× The internal search function is temporarily non-functional. The current search engine is no longer viable and we are researching alternatives.
As a stop gap measure, we are using Google's custom search engine service.
If you know of an easy to use, open source, search engine ... please contact support@midrange.com.


  1.  Home
  2. WEB400
  3. July 2015

Re: The responsive web site debate

Oh, and it also uses web sockets to communicate with the nodeJS server as well as HTTP.

-----Original Message-----
From: WEB400 [mailto:web400-bounces@xxxxxxxxxxxx] On Behalf Of Kevin Turner
Sent: 12 July 2015 10:03
To: Web Enabling the IBM i (AS/400 and iSeries)
Subject: [WEB400] The responsive web site debate

"How would Bootstrap be an improvement?"



I didn't really see an answer to this question, and as I had no real practical experience of bootstrap I decided to have a go at a prototype that used it so that I can judge for myself. This topic is not really anything to do with the IBMi platform, it is more to do with general web design and tooling - perhaps WEB400 is not the right forum?



Anyway, one of the things we want to do pretty soon is have a platform agnostic solution - something that we can run on the IBMi and any other platform (Unix, Windows) if it is appropriate. So as well as trying out something that used bootstrap, I also wanted to try something that used a nodeJS server solution rather than Apache. While I was at it, I might as well get some practical experience of Angular as well, so that I can really compare it with our own Renaissance 6 Framework.



So this is the opposite end of the spectrum. Nathan is rather "anti" frameworks and libraries as they can be allegedly over scoped. This little prototype at http://kpturner.co.uk:1337 will therefore fill him with horror, because I have used Angular, Bootstrap, JQuery and a NodeJS server - all glued together with a Framework called Sails (sailsjs.org). I haven't created any documentation for it at the moment - it is just a proof of concept really so that I can get to understand what all these libraries have to offer. However, the source can be viewed on github (https://github.com/kpturner/sails_events). As an aside, we are now using Git on our IBMi to manage all our source code, RPGLE etc included.



I haven't reached any hard and fast conclusions yet. I have had plenty of problems trying to fathom out the best way to do things, mainly due to my lack of experience in the tools/libraries. I would definitely consider using bootstrap in Renaissance, but Angular (so far) I find less intuitive than our own offering (no surprise there then). What really is exciting (can't believe I am using that word in this context) is the use of nodeJS as the server platform. JavaScript is by far my favourite language, so being able to write the server-side code in JavaScript is liberating. I can debug using node-inspector, and have access to all those node goodies (node-machines included).

The only fly in the ointment so far, with regard to running it on the IBMi, is the database access. This prototype uses MySQL. The SailsJS framework uses an ORM called Waterline that provides an integration layer to lots of different databases, but DB2 isn't one of them. That is a hole that I intend to fill one way or another.



Anyway, I thought I would share my experiences as well as making Nathan feel nauseous :)



Kevin











-----Original Message-----
From: WEB400 [mailto:web400-bounces@xxxxxxxxxxxx] On Behalf Of Nathan Andelin
Sent: 07 July 2015 20:07
To: Web Enabling the IBM i (AS/400 and iSeries)
Subject: Re: [WEB400] 7 lessons from my first responsive web site



Aaron,



Yes, I've already read about Bootstrap's "grid" options and played with them on one project. But I'd like to hear about some practical examples of people using them, to better understand what might be entailed. My understanding, which is admittedly limited, is that developers may select from "extra small", "small", and "large" CSS classes for HTML elements. CSS Class names indicate whether they are targeted for use with various screen sizes. But what is "responsive" about that? What about GUI elements that automatically adapt to screen sizes?



Kelly's site demonstrated the use of "media queries" which automatically toggle the visibility of a "menu bar" for larger screens or an optional "drop-down" menu for smaller screens. How would Bootstrap be an improvement?







On Tue, Jul 7, 2015 at 12:48 PM, Aaron Bartell <aaronbartell@xxxxxxxxx<mailto:aaronbartell@xxxxxxxxx>>

wrote:



*>For those who advocate for Bootstrap, what does it really take to

make it adapt to multiple screen sizes?*



Check this out: http://getbootstrap.com/css/#grid-options







Aaron Bartell





--

This is the Web Enabling the IBM i (AS/400 and iSeries) (WEB400) mailing list To post a message email: WEB400@xxxxxxxxxxxx<mailto:WEB400@xxxxxxxxxxxx> To subscribe, unsubscribe, or change list options,

visit: http://lists.midrange.com/mailman/listinfo/web400

or email: WEB400-request@xxxxxxxxxxxx<mailto:WEB400-request@xxxxxxxxxxxx>

Before posting, please take a moment to review the archives at http://archive.midrange.com/web400.





___________________________________________

This email has been scanned by iomartcloud.

http://www.iomartcloud.com/



________________________________

NOTICE: The information in this electronic mail transmission is intended by CoralTree Systems Ltd for the use of the named individuals or entity to which it is directed and may contain information that is privileged or otherwise confidential. If you have received this electronic mail transmission in error, please delete it from your system without copying or forwarding it, and notify the sender of the error by reply email or by telephone, so that the sender's address records can be corrected.



--------------------------------------------------------------------------------


CoralTree Systems Limited
Company Registration Number 5021022.
Registered Office:
12-14 Carlton Place
Southampton
Hampshire
SO15 2EA
VAT Registration Number 834 1020 74.
--
This is the Web Enabling the IBM i (AS/400 and iSeries) (WEB400) mailing list To post a message email: WEB400@xxxxxxxxxxxx To subscribe, unsubscribe, or change list options,
visit: http://lists.midrange.com/mailman/listinfo/web400
or email: WEB400-request@xxxxxxxxxxxx
Before posting, please take a moment to review the archives at http://archive.midrange.com/web400.


___________________________________________
This email has been scanned by iomartcloud.
http://www.iomartcloud.com/


________________________________

NOTICE: The information in this electronic mail transmission is intended by CoralTree Systems Ltd for the use of the named individuals or entity to which it is directed and may contain information that is privileged or otherwise confidential. If you have received this electronic mail transmission in error, please delete it from your system without copying or forwarding it, and notify the sender of the error by reply email or by telephone, so that the sender's address records can be corrected.



--------------------------------------------------------------------------------


CoralTree Systems Limited
Company Registration Number 5021022.
Registered Office:
12-14 Carlton Place
Southampton
Hampshire
SO15 2EA
VAT Registration Number 834 1020 74.

As an Amazon Associate we earn from qualifying purchases.

This thread ...
Follow-Ups:
Replies:
Follow On AppleNews
Return to Archive home page | Return to MIDRANGE.COM home page

This mailing list archive is Copyright 1997-2024 by midrange.com and David Gibbs as a compilation work. Use of the archive is restricted to research of a business or technical nature. Any other uses are prohibited. Full details are available on our policy page. If you have questions about this, please contact [javascript protected email address].

Operating expenses for this site are earned using the Amazon Associate program and Google Adsense.