개발자 로드맵 - Roadmap to becoming a web developer in 2017


https://github.com/WegraLee/developer-roadmap






Balsamiq 을 이용해서 만들었다고 하네요. 



...

Posted by 홍반장水 홍반장水

Front-end 개발의 괜찮은 선택 ES6 & ReactJS

 

 

 

 

 

 

 

 

 

 

.

Posted by 홍반장水 홍반장水

웹 Front-End 실무 이야기



.

Posted by 홍반장水 홍반장水
TAG Front-end,

 

웹 Front-End 실무 이야기

 

 

 

 

 

 

 

 

 

.

Posted by 홍반장水 홍반장水
TAG Front-end, WEB

Schema: A modular front-end framework

 

Schema is a modular front-end framework that helps you more quickly build complex web interfaces. It’s fully responsive with a 12-column grid, uses Less CSS, and works for everything from prototypes to production websites.

schema

 

 

 

 

 

 

 

 

 

 

 

 

Posted by 홍반장水 홍반장水

Duo.js: A next-gen front-end package manager

Duo.js is a next generation package manager for the front end that blends ideas from Component, Browserify, and Go. It makes writing and organizing front-end code fast and pain-free.

duo.js

 

 

A next-generation package manager for the front-end 

 

Duo is a next-generation package manager that blends the best ideas from Component, Browserify andGo to make organizing and writing front-end code quick and painless.

Features

  1. has first-class support for Javascript, HTML and CSS
  2. exposes a unix-y command line interface
  3. pulls source directly from GitHub with semantic versioning
  4. supports source transforms, like Coffeescript or Sass
  5. does not require a manifest

 

 

 

 

 

 

Posted by 홍반장水 홍반장水

FireShell: Quick front-end boilerplate and workflows

fireshell

 

Posted by 홍반장水 홍반장水

Furatto — A flat front-end framework

furatto

Homepage: http://icalialabs.github.io/furatto/index.html
GitHub: https://github.com/IcaliaLabs/furatto

 

Furatto v1.0.1

Furatto is a flat, fast and powerful front-end framework for rapid web development, created and maintained by Abraham Kuri from Icalia Labs. It is based on other frameworks as a start point, such as Twitter Bootstrap, Foundation.

To get started, checkout:

http://icalialabs.github.io/furatto/ !

Quick start

Three quick start options are available:

Bug tracker

Have a bug or a feature request? Please open a new issue. Before opening any issue, please search for existing issues and read the [Issue Guidelines].

Community

Keep track of new feautres, development issues and community news.

Compiling CSS and JavaScript

Furatto includes a makefile to compile all the Sass code and start working with the framework. Before getting started you need to add the necessary dependencies:

    $ gem install compass

More information about Compass

As furatto uses node.js to compile the assets, you need to add the locally:

    $ npm install

When you are done, you should be able to run the makefile provided:

build - make

We decided to switch from CodeKit as some people would not want to pay for it, and just use open source. 

Posted by 홍반장水 홍반장水

HTML5 Boilerplate    http://html5boilerplate.com/

HTML5 Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites.

This project is the product of many years of iterative development and combined community knowledge. It does not impose a specific development philosophy or framework, so you're free to architect your code in the way that you want.

Save time. Create with confidence.

Analytics, icons, and more

A lean, mobile-friendly HTML template; optimized Google Analytics snippet; placeholder touch-device icons; and docs covering dozens of extra tips and tricks.

Normalize.css and helpers

Includes Normalize.css v1 — a modern, HTML5-ready alternative to CSS resets — and further base styles, helpers, media queries, and print styles.

jQuery and Modernizr

Get the latest minified versions of two best-of-breed libraries: jQuery (via Google’s CDN, with local fallback) and the Modernizr feature detection library.

High performance

Apache settings to help you deliver excellent site performance. We independently maintain server configs, a node build script, and an ant build script.

 

Quick start

Choose one of the following options:

  1. Download the latest stable release from html5boilerplate.com or a custom build from Initializr.
  2. Clone the git repo — git clone https://github.com/h5bp/html5-boilerplate.git - and checkout the tagged release you'd like to use.

 

 

'

Posted by 홍반장水 홍반장水

Front-End 개발에 대한 자료

A huge list of frontend development resources I collected over time. Pull requests are welcome. Website coming soon.

 

https://github.com/dypsilon/frontend-dev-bookmarks

 

Frontend Development

Posted by 홍반장水 홍반장水
TAG Front-end