pho-devstack - Automated workflow for front-end developers in one tasty bowl of code.

  •        4

Automated workflow for front-end developers in one tasty bowl of code. Phở Devstack uses Gulp as task runner, Yeoman for scaffolding new projects and Bower for installing client-side packages.

https://github.com/madebysource/pho-devstack

Dependencies:

browserify : ^10.2.4
chalk : ^1.0.0
del : ^1.2.0
glob-stream : ^5.0.0
gulp : ^3.8.10
gulp-base64 : ^0.1.3
gulp-filter : ^2.0.2
gulp-htmlmin : ^1.1.3
gulp-jscs : ^1.6.0
gulp-jshint : ^1.11.1
gulp-less : ^3.0.3
gulp-livereload : ^3.0.0
gulp-load-plugins : ^1.0.0-rc.1
gulp-minify-css : ^1.2.0
gulp-newer : ^0.5.1
gulp-ng-annotate : ^1.0.0
gulp-plumber : ^1.0.0
gulp-rename : ~1.2.0
gulp-sourcemaps : ^1.3.0
gulp-sprites-preprocessor : ^0.1.1
gulp-substituter : ^0.3.0
gulp-uglify : ^1.1.0
jshint-stylish : ^2.0.1
merge-stream : ^0.1.1
node.extend : ^1.1.5
through2 : ^2.0.0
vinyl-buffer : ^1.0.0
vinyl-source-stream : ^1.1.0
watchify : ^3.2.3

Tags
Implementation
License
Platform

   




Related Projects

lesshat - Smart LESS CSS mixins library.

  •    Javascript

To use lesshat, you need node/npm installed then run npm install lesshat --save to install and save lesshat into your package.json. From here, you just need to reference the node_modules/lesshat/lesshat.less within your .less stylesheets. Why lesshat? In August 2012, while we were developing and extending CSS Hat for LESS we needed universal mixins. Unfortunately, none of available were good enough that would satisfy our needs and that’s why we created new custom ones on our own, which have become the most popular mixin library for the whole LESS CSS.

airpal - Web UI for PrestoDB.

  •    Java

Airpal is a web-based, query execution tool which leverages Facebook's PrestoDB to make authoring queries and retrieving results simple for users. Airpal provides the ability to find tables, see metadata, browse sample rows, write and edit queries, then submit queries all in a web interface. Once queries are running, users can track query progress and when finished, get the results back through the browser as a CSV (download it or share it with friends). The results of a query can be used to generate a new Hive table for subsequent analysis, and Airpal maintains a searchable history of all queries run within the tool.We'll be using Gradle to build the back-end Java code and a Node.js-based build pipeline (Browserify and Gulp) to build the front-end Javascript code.

front-end-interview-handbook - 🕸 Almost complete answers to "Front-end Job Interview Questions" which you can use to interview potential candidates, test yourself or completely ignore

  •    Javascript

Unlike typical software engineer job interviews, front-end job interviews have less emphasis on algorithms and have more questions on intricate knowledge and expertise about the domain — HTML, CSS, JavaScript, just to name a few areas. While there are some existing resources to help front end developers in preparing for interviews, they aren't as abundant as materials for a software engineer interview. Among the existing resources, probably the most helpful question bank would be Front-end Developer Interview Questions. Unfortunately, I couldn't find many complete and satisfactory answers to these questions online, hence here is my attempt at answering them. Being an open source repository, the project can live on with the support of the community as the state of web evolves.

sku - Front-end development toolkit, powered by Webpack, Babel, CSS Modules, Less, ESLint and Jest.

  •    Javascript

Front-end development toolkit, powered by Webpack, Babel, CSS Modules, Less, ESLint and Jest. Quickly get up and running with a zero-config development environment, or optionally add minimal config when needed. Designed for usage with seek-style-guide, although this isn't a requirement.

Metro-UI-CSS - Build responsive, mobile-first projects on the web with the first front-end component library in Metro Style

  •    CSS

Metro 4 is an MIT-licensed open source project. It's an independent project with its ongoing development made possible entirely thanks to the support by these awesome Backers. Documentation and Demo for v4: getmetroui.com or metroui.org.ua.


grunt-recess - Lint and minify CSS and LESS

  •    Javascript

Lint and minify CSS and LESS

gulp-clean-css - Minify css with clean-css.

  •    Javascript

This is just a simple gulp plugin, which means it's nothing more than a thin wrapper around clean-css. If it looks like you are having CSS related issues, please contact clean-css. Only create a new issue if it looks like you're having a problem with the plugin itself. See the CleanCSS options.

react-rocket-boilerplate - A boilerplate written in ES6 using ReactJS (along with React Router and RefluxJS), SASS, Gulp, and Browserify

  •    Javascript

A boilerplate using ReactJS (along with React Router and RefluxJS), SASS, Gulp, and Browserify that also utilizes Gulp best practices from this resource. Now that gulp dev is running, the server is up as well and serving files from the /build directory. Any changes in the /app directory will be automatically processed by Gulp and the changes will be injected to any open browsers pointed at the proxy address.

gulp-htmlmin - Minify HTML

  •    HTML

gulp plugin to minify HTML. Issues with the HTML parser and output must be reported on the html-minifier issue tracker.

sass-build-structure - An example SASS build structure sample to start a project

  •    CSS

After reading the book SMACSS and finding it very helpful the Front End team at Evernote has used some of the ideas in our SASS build. We've found breaking the SASS files out into directories (Base, Layout, Modules, and Views) helps organize our files in a project and compile CSS into a clean, logical file. Each page has a SASS (.scss) file created that acts as a project file that imports the individual modular components from Base, Layout, Modules, and Views that are needed to build the particular page. This build methodology is currently being used on Evernote.com.

generator-react-gulp-browserify - A Yeoman Generator for facebook's React library

  •    Javascript

Yeoman generator for facebook's React library - Integrate with gulp and browserify. If you chose to use sass, you'll need to install it with gem install sass. If you find your css build results are empty, update your sass gem.

harp - Static Site Server/Generator with built-in preprocessing

  •    Javascript

Harp is a static web server that also serves Jade, Markdown, EJS, Less, Stylus, Sass, and CoffeeScript as HTML, CSS, and JavaScript without any configuration. It supports the beloved layout/partial paradigm and it has flexible metadata and global objects for traversing the file system and injecting custom data into templates. Optionally, Harp can also compile your project down to static assets for hosting behind any valid HTTP server. Pre-compilers are becoming extremely powerful and shipping front-ends as static assets has many upsides. It's simple, it's easy to maintain, it's low risk, easy to scale, and requires low cognitive overhead. I wanted a lightweight web server that was powerful enough for me to abandon web frameworks for dead simple front-end publishing.

Front-End-Checklist - 🗂 The perfect Front-End Checklist for modern websites and meticulous developers

  •    Javascript

It is based on Front-End developers' years of experience, with the additions coming from some other open-source checklists. You can contribute to the Front-End Checklist App reading the README_APP file which explain everything about the project.

JHipster - Create Spring Boot + Angular projects in seconds

  •    Java

JHipster is a Yeoman generator, used to create a Spring Boot + Angular project. Its goal is to generate for you a complete and modern Web app. It provides a high-performance and robust Java stack on the server side with Spring Boot, A sleek, modern, mobile-first front-end with Angular and Bootstrap and a powerful workflow to build your application with Yeoman, Webpack/Gulp and Maven/Gradle.

less-rails-bootstrap - The most popular front-end framework for developing responsive, mobile first projects on the web for Rails asset pipeline

  •    Ruby

Bootstrap is Twitter's toolkit for kickstarting your site or app's CSS. It includes base styles for typography, forms, buttons, tables, grid layout, navigation, alerts, and more. To get started -- check out the Bootstrap docs. The less-rails-bootstrap project hooks into less-rails and less.rb, making Bootstrap's source LESS files, compiled CSS, and JavaScript files available in the Rails 3.x and 4.x asset pipeline.

Polymer - Build modern apps using web components

  •    Javascript

Polymer is a lightweight library that helps you take full advantage of Web Components. With Web Components, you can create reusable custom elements that interoperate seamlessly with the browser’s built-in elements, or break your app up into right-sized components, making your code cleaner and less expensive to maintain.

vinyl-source-stream - :cyclone: Use conventional text streams at the start of your gulp or vinyl pipelines

  •    Javascript

Use conventional text streams at the start of your gulp or vinyl pipelines, making for nicer interoperability with the existing npm stream ecosystem.Take, for example, browserify. There are the gulp-browserify and gulpify plugins, which you can use in combination with gulp to get browserify working in your build. Unfortunately, these plugins come with additional overhead: an extra GitHub repository, npm module, maintainer, tests, semantics, etc. It's much simpler in this case to use the original module directly where you can, which is what vinyl-source-stream handles for you.

maxmertkit - Maxmertkit, powerful, most customizable and easiest for usage mobile first front-end framework for web-development

  •    CSS

Maxmertkit, powerful, most customizable and easiest for usage mobile first front-end framework for web-development, created by Vetrenko Maxim, and maintained by the core team with the support and involvement of the community. Read the Start page for information on the framework contents, howto videos, examples, and more.

typeahead.js-bootstrap-css - LESS / CSS code for using typeahead.js with Bootstrap 3

  •    CSS

The typeahead.js library consists of 2 components: the suggestion engine, Bloodhound, and the UI view, Typeahead. The suggestion engine is responsible for computing suggestions for a given query. The UI view is responsible for rendering suggestions and handling DOM interactions. Both components can be used separately, but when used together, they can provided a rich typeahead experience. Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development, created by Mark Otto and Jacob Thornton, and maintained by the core team with the massive support and involvement of the community.

front-end-handbook-2017 - 2017 edition of our front-end development guide

  •    Javascript

This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2017. It is specifically written with the intention of being a professional resource for potential and currently practicing front-end developers to equip themselves with learning materials and development tools. Secondarily, it can be used by managers, CTOs, instructors, and head hunters to gain insights into the practice of front-end development.