4 ms·

"Don't make my eyes bleed" as a responsive website

76 points by mattront 15y ago

mattront 15y ago
I'm the OP and co-founder of Pllop. We used Pllop to adapt Neil Davidson's presentation about efficient business plans into a responsive website. Layout adjusts to different screen sizes and orientations. Making-of video is included on the last page. Be gentle with it, we are still in beta ;-)
- davidw 15y ago
  Making the page-up and page-down buttons, or spacebar, or something, work, would beat having to click on the disappearing arrows to go through it. On a tangent, Amazon keeps pushing the Lean Startup book in my recommendations, but... I have a nagging doubt that it's not going to tell me much, and that it's going to be significantly less "hands on" than Rob Walling's book, which has tons of real things to do and try. I also get the impression that the lean startup book is there in part to sell you on hiring Eric to help your !startup get leaner. But I haven't read it... Comments? Edit: http://www.amazon.com/review/R3287ICLQ9STI3/ref=cm_cr_dp_cmt?ie=UTF8&ASIN=B004J4XGN6&nodeID=133140011&tag=&linkCode=#wasThisHelpful http://www.amazon.com/review/R3287ICLQ9STI3/ref=cm_cr_dp_cmt... is one of the first reviews on the book, and it's not all that positive.
  - dkokelley 15y ago
    The arrow keys worked for me.
  - ks 15y ago
    I think it would help if any mouse click outside the arrows would change pages. It would probably also help mobile users.
  - mdda 15y ago
    On the book : The tone is a lot more like a 'Management Book' than the (very engaging) blog and videos. If you'd like to dig out the content yourself, to see whether it's just self-advertising, start with : http://www.startuplessonslearned.com/2008/11/what-is-customer-development.html http://www.startuplessonslearned.com/2008/11/what-is-custome... http://www.startuplessonslearned.com/2009/08/minimum-viable-product-guide.html http://www.startuplessonslearned.com/2009/08/minimum-viable-...
- Jem 15y ago
  > Layout adjusts to different screen sizes and orientations. But only if you have JavaScript enabled.
  - hypest 15y ago
    Shameless plug: exactly why I'm using html+css for laying out the new design of costpad.com. Example (in early alpha stage... just try browser window resizing please): http://costpad.com/ci/item/view/75 http://costpad.com/ci/item/view/75
  - Jem 15y ago
    Don't usually question down votes, but I am genuinely confused about this one. To me, the whole point of responsive web design is exactly that - responding/adapting to the limitations of the user's screen / browser / set up. As far as I'm concerned, the lack of JavaScript should be considered the same.
- nickolai 15y ago
  > Layout adjusts to different screen sizes and orientations I am getting very weird slide jums when resizing the browser window on any slide after the first one(resizing seems to only work on the first slide, on Firefox 7.0.1 at least)
  - mattront 15y ago
    Thanks for the feedback!
- thorin_2 15y ago
  It worked fine in my browser (IE9) but horribly on my iPhone (iOS4.x), same experience as the previous poster. I would be more gentle in my critique if Pllop's main claim to fame wasn't the ability to build it once and render on any device. Did you even test it before going beta? I have to say that I DO like the idea and believe it could gain mass adoption IF one could host the Pllop engine on one's own hosting service, much like I can do with WordPress or Joomla today, rather than being tied to Pllop's domain. "Powered by Pllop" or whatever attribution, perhaps only removable when a license fee is paid (way to monetize). Good luck.
- synnik 15y ago
  I'm very turned off by the violent imagery on the first 2 slides. I find it extremely unprofessional and it makes me have no interest in the content, and think very poorly of the people who put this together. Obviously, I'm just one person with one opinion, so that it for what it is worth.
  - thepumpkin1979 15y ago
    Wow, I didn't realize the violent stuff until you mention it, in fact, I love the presentation so much that I went directly to know how they did it and started playing with the tool... (who knows if I am a psychopath)
- kalleboo 15y ago
  Most of the page is cut off on Android (2.3.3)
nknight 15y ago
I instinctively recoil every time a document like this, ostensibly targeted at a fairly wide audience, just assumes that you'll be using the latest fad business method. When that business method further assumes "agile" is the right thing, I just walk away.
iramiller 15y ago
Left and Right Navigation overlaps the areas needed to scroll and read the content on my phone. The layout looks nice enough but I have a hard time believing that the designers actually tried to use this code on a phone or they would have seen these obvious issues. While testing on many platforms is part of the standard web routines it seems to me that pulling off a responsive design requires even more careful testing than usual.
atirip 15y ago
If I recall correctly, this is a repost. Seemingly Eric Ries’s Lean Startup needs again a "creative" selling push. Oh jeez.
- mattront 15y ago
  Original post was a PDF file. This was posted to showcase Pllop, a solution for creating responsive websites.
  - schwanksta 15y ago
    This doesn't actually work on a phone, and supposedly the company pushes a solution for "creating responsive websites"? Cool.
    - yvonne 15y ago
      So far we focused on tablets and desktops. Phones require more radical layout readjustments. This is still in the works. Sorry that I didn't make this clear when posting. Edit - I'm a co-founder of Pllop.
teja1990 15y ago
I read it in Chrome , I liked the design.
mildweed 15y ago
Pleased to see that it adjusts to browser window height, not just width.
alphadogg 15y ago
Tutorials/how-tos about building a business plan should heed their own advice and make sure they understand THEIR market. There are business plans for internal use, for startups talking to angels, for startups targeting growth, for one-man efforts to start a florist shop, for PE firms, for showing to various different types of people, etc, etc, etc. You should always customize your document for the target to whom you are sending it.
justincormack 15y ago
No URLs, so you cant link to a part of it. Would rather have it on separate pages than this I am afraid...
- mattmanser 15y ago
  I'm fine with it being one page as page loads in browsers still suck, but it would be nice to be able to link directly to page 3 with something like http://cdn.pllop.com/3294/#3 http://cdn.pllop.com/3294/#3.
my8bird 15y ago
utter failure in mobile safari
aw3c2 15y ago
Does not seem to work without Javascript.

76 points by mattront 15y ago

I'm the OP and co-founder of Pllop. We used Pllop to adapt Neil Davidson's presentation about efficient business plans into a responsive website. Layout adjusts to different screen sizes and orientations. Making-of video is included on the last page. Be gentle with it, we are still in beta ;-)

davidw 15y ago
Making the page-up and page-down buttons, or spacebar, or something, work, would beat having to click on the disappearing arrows to go through it. On a tangent, Amazon keeps pushing the Lean Startup book in my recommendations, but... I have a nagging doubt that it's not going to tell me much, and that it's going to be significantly less "hands on" than Rob Walling's book, which has tons of real things to do and try. I also get the impression that the lean startup book is there in part to sell you on hiring Eric to help your !startup get leaner. But I haven't read it... Comments? Edit: http://www.amazon.com/review/R3287ICLQ9STI3/ref=cm_cr_dp_cmt?ie=UTF8&ASIN=B004J4XGN6&nodeID=133140011&tag=&linkCode=#wasThisHelpful http://www.amazon.com/review/R3287ICLQ9STI3/ref=cm_cr_dp_cmt... is one of the first reviews on the book, and it's not all that positive.
- dkokelley 15y ago
  The arrow keys worked for me.
- ks 15y ago
  I think it would help if any mouse click outside the arrows would change pages. It would probably also help mobile users.
- mdda 15y ago
  On the book : The tone is a lot more like a 'Management Book' than the (very engaging) blog and videos. If you'd like to dig out the content yourself, to see whether it's just self-advertising, start with : http://www.startuplessonslearned.com/2008/11/what-is-customer-development.html http://www.startuplessonslearned.com/2008/11/what-is-custome... http://www.startuplessonslearned.com/2009/08/minimum-viable-product-guide.html http://www.startuplessonslearned.com/2009/08/minimum-viable-...
Jem 15y ago
> Layout adjusts to different screen sizes and orientations. But only if you have JavaScript enabled.
- hypest 15y ago
  Shameless plug: exactly why I'm using html+css for laying out the new design of costpad.com. Example (in early alpha stage... just try browser window resizing please): http://costpad.com/ci/item/view/75 http://costpad.com/ci/item/view/75
- Jem 15y ago
  Don't usually question down votes, but I am genuinely confused about this one. To me, the whole point of responsive web design is exactly that - responding/adapting to the limitations of the user's screen / browser / set up. As far as I'm concerned, the lack of JavaScript should be considered the same.
nickolai 15y ago
> Layout adjusts to different screen sizes and orientations I am getting very weird slide jums when resizing the browser window on any slide after the first one(resizing seems to only work on the first slide, on Firefox 7.0.1 at least)
- mattront 15y ago
  Thanks for the feedback!
thorin_2 15y ago
It worked fine in my browser (IE9) but horribly on my iPhone (iOS4.x), same experience as the previous poster. I would be more gentle in my critique if Pllop's main claim to fame wasn't the ability to build it once and render on any device. Did you even test it before going beta? I have to say that I DO like the idea and believe it could gain mass adoption IF one could host the Pllop engine on one's own hosting service, much like I can do with WordPress or Joomla today, rather than being tied to Pllop's domain. "Powered by Pllop" or whatever attribution, perhaps only removable when a license fee is paid (way to monetize). Good luck.
synnik 15y ago
I'm very turned off by the violent imagery on the first 2 slides. I find it extremely unprofessional and it makes me have no interest in the content, and think very poorly of the people who put this together. Obviously, I'm just one person with one opinion, so that it for what it is worth.
- thepumpkin1979 15y ago
  Wow, I didn't realize the violent stuff until you mention it, in fact, I love the presentation so much that I went directly to know how they did it and started playing with the tool... (who knows if I am a psychopath)
kalleboo 15y ago
Most of the page is cut off on Android (2.3.3)

nknight 15y ago

I instinctively recoil every time a document like this, ostensibly targeted at a fairly wide audience, just assumes that you'll be using the latest fad business method. When that business method further assumes "agile" is the right thing, I just walk away.

iramiller 15y ago

Left and Right Navigation overlaps the areas needed to scroll and read the content on my phone. The layout looks nice enough but I have a hard time believing that the designers actually tried to use this code on a phone or they would have seen these obvious issues. While testing on many platforms is part of the standard web routines it seems to me that pulling off a responsive design requires even more careful testing than usual.

atirip 15y ago

If I recall correctly, this is a repost. Seemingly Eric Ries’s Lean Startup needs again a "creative" selling push. Oh jeez.

mattront 15y ago
Original post was a PDF file. This was posted to showcase Pllop, a solution for creating responsive websites.
- schwanksta 15y ago
  This doesn't actually work on a phone, and supposedly the company pushes a solution for "creating responsive websites"? Cool.
  - yvonne 15y ago
    So far we focused on tablets and desktops. Phones require more radical layout readjustments. This is still in the works. Sorry that I didn't make this clear when posting. Edit - I'm a co-founder of Pllop.

teja1990 15y ago

I read it in Chrome , I liked the design.

mildweed 15y ago

Pleased to see that it adjusts to browser window height, not just width.

alphadogg 15y ago

Tutorials/how-tos about building a business plan should heed their own advice and make sure they understand THEIR market. There are business plans for internal use, for startups talking to angels, for startups targeting growth, for one-man efforts to start a florist shop, for PE firms, for showing to various different types of people, etc, etc, etc. You should always customize your document for the target to whom you are sending it.

justincormack 15y ago

No URLs, so you cant link to a part of it. Would rather have it on separate pages than this I am afraid...

mattmanser 15y ago
I'm fine with it being one page as page loads in browsers still suck, but it would be nice to be able to link directly to page 3 with something like http://cdn.pllop.com/3294/#3 http://cdn.pllop.com/3294/#3.

my8bird 15y ago

utter failure in mobile safari

aw3c2 15y ago

Does not seem to work without Javascript.