[dba-Tech] FYI: PrePros - an awesome Web design and development tool...

 HI Jim et all --

Have a look I have published a sketch/draft tutorial on using Prepros App and Susy (SASS + Compass) here:  https://github.com/ShamilS/Prepros-Docs/blob/susy_and_compass/contents/sass-compass-susy.md  (I was asked for a tip from Prepros App developer  Subash Pathak  as he is obviously overloaded with a lot of other urgent tasks. I'm too :) But IMO Prepros App is a real masterpiece - so I haven't found how to escape a temptation to add my two cents to it :))

Thank you.

-- Shamil

Thursday, January  9, 2014 11:27 PM +04:00 from Salakhetdinov Shamil <mcp2004 at mail.ru>:
>Hi Jim --
>
>Yes, Net Tuts+ is a great site - I'm planning to get their premium subscription - they have a lot of very useful web development video-tutorials.
>As for PHPStorm - AFAIK it's from JetBrains and they also have WebStorm (  http://www.jetbrains.com/webstorm/whatsnew/ ) - this one supports node.js development to name a few...
>
>As for the web development frameworks/meta-languages(preprocessors) - IMO the most stable ones in their current versions are more blessing than a curse ;) - and  it would be useful to get here listed a 'minimum minimorum' of the following ones :)
>
>- CSS3/SASS:  Compass (Susy,  ..), Stylus, ...
>- HTML5:           Haml, Jade, Markdown, Slim ...
>- JavaScript:     CoffeScript, TypeScript, DART, jQuery, Modernizr, AngularJS, KnockoutJS, ...., Backbone, RequireJS 
>- Python:            Django
>...
>{{ please add you links to similar technologies and tools and post back }}
>
>
><<<
>The Prepros set of web tools sounds excellent and if they are platform independent and not browser centric it might be a winner though huge mashups scare me..
>>>>
>It has Windows and Mac versions. You can develop platform independent web sites using Prepros App's MS Windows version. I have got this sample "Responsive Grids With Susy" (  http://net.tutsplus.com/tutorials/html-css-techniques/responsive-grids-with-susy/ ) preprocessed with Prepros App successfully on my Win8 PC. It's a real time-saver when you can edit your web site front-end html, css, javascript, SCSS, Haml, .... files and as soon as you save your edits preprocessing/converting starts:
>
>   - .scss->.css, .
>   - haml->html, 
>   - javascript and .css files concatenation and minimization, 
>   - images optimization etc.  
>
>and then you get your browser "automagically" refreshed.
>
>WebStorm from JetBrains has some of the similar development support features, even MS WebMatrix has them (  http://www.microsoft.com/web/post/how-to-use-sass-css-in-webmatrix ) still Prepros seems to have the most complete set of feature if I'm not mistaken.
>
>
>Thank you.
>
>-- Shamil
>
>Thursday, January  9, 2014 11:02 AM -07:00 from Jim Lawrence < accessd at shaw.ca >:
>>Hi Shamil:
>>
>>That is a great list of frameworks. It has taken a while to get enough time to review each. The Prepros set of web tools sounds excellent and if they are platform independent and not browser centric it might be a winner though huge mashups scare me...like DNN which have so much convoluted code that any serious issues can take days to resolve...and the performance speeds can be a concern. 
>>
>>There are so many great frameworks out there it is difficult to decide which is best and how these frameworks will co-exist as building a site may require many. Then trying to discover the order in which to start the packages up and searching out the inevitable conflicts can consume an afternoon or come as a surprise sometime later...after being deployed.
>>
>>I am of a mind that it is hard to tell whether these codekits and frameworks are a curse or a blessing. ;-)
>>
>>Most recently, I have been playing with the following webkit as it seems fairly simple to get started. It is described as an introduction to HTML5 desktop apps With Node-Webkit and you might also find this kit has potential.
>>
>> http://net.tutsplus.com/tutorials/javascript-ajax/introduction-to-html5-desktop-apps-with-node-webkit/
>>
>>Jim
>>
>>----- Original Message -----
>>From: "Salakhetdinov Shamil" <  mcp2004 at mail.ru >
>>To: "Discussion of Hardware and Software issues" <  dba-tech at databaseadvisors.com >
>>Sent: Wednesday, January 8, 2014 7:52:01 AM
>>Subject: [dba-Tech] FYI: PrePros - an awesome Web design and development tool...
>>
>> Hi All
>>
>>Looking for something like CodeKit (Apple) but for MW Windows I have got at Prepros' web site:   http://alphapixels.com/prepros/  .
>>
>> "Prepros is a web design & developement tool that does all the heavy lifting needed to preprocess, optimize and test your sites and keeps your workflow supercharged."
>>
>>I've got purchased a Pro license of the subject tool and I've started to use it in my learning of all the "hot" web dev technologies/tools, such as SASS, Haml, CoffeScript, TypeScript,...    So far  I like it a lot.
>>
>>AFAIS from setup files PrePros is developed using node.js and Ruby (on Rails) as well as using some other technologies I'm unaware of.
>>
>>See also:
>> http://codepen.io/
>> http://livereload.com/
>> http://incident57.com/codekit/
>> http://compass-style.org/
>> http://mhs.github.io/scout-app/
>> http://compass.kkbox.com/
>> http://fireapp.kkbox.com/
>> http://learnboost.github.io/stylus/
>>...
>>{{ please add you links to similar technologies and tools and post back }}
>>
>>--