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

 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 }}
>
>-- 
>Салахетдинов Шамиль
>_______________________________________________

-- 
Салахетдинов Шамиль