I was very happy when I first saw the webapp created by Thomas B. Nielsen of www.nobrainer.dk. Webapps come handy – I use them alot! Here I will write a first hand on this webapp that Thomas has created. Please share on www.dwfeatures.com if you have a webapp you wish to tell about or let other people use. Dont forget that you should give to the net, not only take!
The webapp is here: Dynamicweb paragraph webapp creator
The interface of the paragraph generator webapp
The webpage (webapp) will generate a number of paragraph templates together with a CSS file. The paragraphs are nicely structured and there have put some logically named classnames on relevant spots making it easy to target elements using CSS selectors.
Seeing is believing – the preview feature
Thomas B. Nielsen have added a preview to the webapp. You can get a preview which for a version 1 is okay. It could look like this:
Thomas B. Nielsen have added title to each paragraph preview with the name of the generated template, thumbs up for that Thomas. It seems that the preview images are also trying to use “getImage.aspx” (the great image scaling util available in Dynamicweb CMS), which ofcause does not work. I would therefore suggest that you use another image tag for the preview, Thomas. May I suggest that you use the online image generating util at http://www.dummyimage.com/. You simply add parameter to the URL like this: http://www.dummyimage.com/200×20/ccaeff/0011ff.png which would give you this image:
When you are happy with your settings you simply click “Download” and get a ZIP file containing the structure with the paragraphs and css.
Webapps are very dynamic
The paragraph created webapp created by Thomas B. Nielsen will probertly also adapt to the wishes by the user, making it even stronger. I would for instance suggest:
- Let the user enter the name of the design folder. At the time of writing the generated template are packed into a folder named “designname”. I would suggest that I can enter that part too in the webapp.
- An option to use HTML5 markup, like using <section> tag instead of <div> with .section class – but that is a matter of taste.
- An option to make use of relative units. It would probertly add some challenges to you Thomas
- Lorim ipsum text? Maybe a checkbox which will make the webapp generate lorim ipsum text in the preview. You could use http://baconipsum.com/ which has an API to generate this “bacon variant” of the well known Lorim ipsum – just see here:
Bacon ipsum dolor sit amet bresaola pancetta cow jowl pig, short loin turducken jerky salami beef ribs. Leberkas turkey meatball meatloaf, ball tip capicola chuck kielbasa ground round corned beef. Ball tip leberkas flank pork loin, boudin t-bone pastrami. Brisket venison flank, bresaola rump swine tail pork chop tenderloin shankle biltong tri-tip. Sirloin corned beef salami, strip steak hamburger swine kielbasa ground round bresaola.
- The information on the webpage is in danish. Why not make it english? (a very small thing, I know…)
- Should you use a crop option on the getimage link,
So again, thank you
Morten Thomas for sharing this great tool!
- CSS3 border radius generator
- Prefixr.com – Cross browser css in seconds
- Matrix transformation in CSS3
- Dynamicweb paragraph webapp creator
Updates: Morten is ofcause named Thomas… Sorry, Mo… ups… Thomas!