목차

• 기술블로그
• 좋은 글
• 기술 참고
• Special
• Inspiration
• 참고사이트
• Tool
• jekyll theme
• PC

기술블로그

• PoiemaWeb 👍👍
• jinnnh
• Insanehong
• JavaRouka's Note 👍👍
• SUPERJANG
• Web Club
• FEDevelopers - github 👍👍👍
• VELOPERT.LOG 👍👍👍
• Jay Jin 👍
• 코딩 공부방
• 1분코딩 - 웹 창작자들을 위한 꿀정보
• 공대여자 - 사이트 코딩 참고
• CSS3 활용 👍👍👍
• 천종희 기술 블로그 - 주접생성기
• MiniMac - Mac 블로그 테마 참고

좋은 글

• 개발자들이여 공부하라
• 마이크로인터랙션 6원칙
• 신입 개발자 생활백서
• 왜 JQUERY를 사용하는가?
• "use strict", strict mode 란 무엇인가? 왜 써야되나?
• [번역] 2017년 개발자 이력서 작성 가이드
• 2016년에 자바스크립트를 배우는 기분
• 코드로 디자인하기
• 2017. 프론트엔드 트랜드
• 한국어와 웹 폰트에 관한 6.1가지 사실
• Web Developer Roadmap
• 처음 코딩을 배울 때 알았으면 좋았을 도구들
• 퍼블리셔 프론트엔드로 보직변경하면서 이직했던 경험담
• 2018년 웹 개발자가 되기 위한 로드맵 🇰🇷 (번역) 👍
• 웹 폰트 사용과 최적화의 최근 동향

기술 참고

JAVASCRIPT

• iscroll 샘플
• D3.js 시작하기
• 초보자를 위한 정규 표현식 가이드 (자바스크립트 기준) - 정규표현식 👍👍👍
• Android, IOS Webview 개발 팁
• jQuery - focus/blur 와 focusin/focusout 의 차이
• bxslider ios웹뷰에서 스크롤과 동시에 슬라이드할때 멈춤(freezes) 현상 해결!
• [ZETAWIKI] jQuery 플러그인 만들기
• jQuery: plugin's destroy method
• JSON Example
• jQuery는 이벤트를 어떻게 처리하는가? - NAVER D2 👍👍
• React.js 실서비스 적용기 - 슬라이드
• React Watch - CODEPEN
• React study - 하코사 고무곰 스터디
• jQuery 성능 최적화
• 모바일 swipe(플리킹) 기능 구현하기
• 느긋하게 비동기식으로 JavaScript를 웹 문서에 추가하는 방법
• LocalStorage, SessionStorage 클라이언트에 정보 저장
• Modern JavaScript Explained For Dinosaurs
• requireJS를 통한 모듈화 및 의존성 관리 - (1)
• es6 문법으로 다시 시작하는 자바스크립트
• jQuery 보다 먼저 알았으면 좋았을 것들
• 자바스크립트에서 당장 사용해야 할 5가지의 배열 메소드들 (Array)
• JavaScript로 만나는 세상 (draft) - GitBook
• 자바스크립트 도서 리뷰(1) - 도서 추천
• 자바스크립트 도서 리뷰(2) - 도서
• 안티 패턴
• Tech description 👍👍👍
• JavaScript에서 싱글 톤을 구현하는 방법
• 웹 사이트 최적화
• 자바스크립트 개발자라면 알아야 할 33가지 개념 #12 자바스크립트 비트연산 실제로 활용하기!
• 클린코드를 위한 리팩토링
• The anatomy of a vanilla JavaScript plugin
• Todo list 만들기는 이제 그만
• TOAST UI Grid
• 자바스크립트는 왜 프로토타입을 선택했을까 👍👍👍
• [Josa.js] (https://github.com/e-/Josa.js) 한국어 조사인 은/는, 을/를, 이/가, 와/과를 구분해주는 라이브러리

HTML

• HTML5 Frames Templates
• Responsive email templates
• HTML5 Video 태그 모바일에서 자동재생 안되는 경우
• 헤딩 제대로 사용하기 -후편(완)-
• HTML Symbols, Entities and ASCII Character Codes
• 레진 WAI-ARIA 가이드라인 소개
• UTF-8 인코딩에서의 BOM(Byte Order Mark) 문제

CSS

• 116 CSS Menu
• word-wrap, word-break 줄바꿈 속성 차이
• CSS Support Guide for Email Clients - Campaign Monitor - 이메일 코딩 지원 CSS 목록
• CSS 애니메이션 성능 개선 방법(reflow 최소화, will-change 사용)
• px, dp, dip, sp의 차이점이 뭔가요?
• 반드시 기억해야 하는 CSS 선택자 30개
• 정찬명 - CSS Flex you must know [WSConf.Seoul.2017. Vol.2]
• 웹디자인에서 자간, 행간에 대한 고찰
• 육각형만들기 - JSFiddle
• The Shapes of CSS
• Userfull:nth-child Recipes
• googlefonts+
• 이번에야말로 CSS Grid를 익혀보자
• FLEXBOX FROGGY - flexbox 학습
• CSS Gradient
• Position: stuck; — and a way to fix it
• web`s CSS - CSS Reference 👍👍👍
• (번역) CSS GPU 애니메이션 제대로 하기

UI/UX

• Will These UX Trends Stick or Fade Away?
• UX에서 애니메이션을 올바르게 사용하기 위한 가이드

웹접근성

• 접근 가능한 탭 UI 만들기 👍
• 센스리더 테이블 읽기 방법(th, scope 지원) 👍

PHP

• PHP - MYSQL과 PHP를 이용한 간단한 게시판 만들기

Git

• Git 커밋 메시지 작성법
• 깃헙 Pages에 깃북 배포하기
• Git Flow와 자주 사용되는 Git 명령어들 👍👍
• 우린 Git-flow를 사용하고 있어요
• CS Visualized: Useful Git Commands 👍
• git 명령 취소(되돌리기)
• learngitbranching - Git 명령어 연습 👍👍

SERVER

• 브라우저 캐싱에 대한 웹 개발자 안내서

Markdown

• 마크다운 문법 👍
• 너와 나를 위한 마크다운 문법정리!
• 마크다운 emoji 😄

Machine Learning

• 기계 학습(Machine Learning, 머신 러닝)은 즐겁다! Part 1

ETC

• [운영체제] 프로세스가 뭐지?
• [걸프(Gulp)] 소개 및 설치
• Modern JavaScript Explained For Dinosaurs
• CI (Continuous Integration) 이란?
• 아이폰(iOS) : 기기별 해상도와 UI 최적화

Special

• CSS Diner
• 인터넷교보문고 웹퍼블리싱 가이드
• NHN Coding Convention
• Airbnb Style Guides 👍👍👍👍👍
• Airbnb Style Guides (KOR) 👍👍👍👍👍
• 텔레그램 재고 알림 봇

Inspiration

• UI Interactions of the week #178
• UI Interactions of the week #185
• UI Interactions of the week #200 👍
• UI Interactions of the week #240 👍👍
• 온라인 디자인 편집 플랫폼
• abdz.do
• UI Interactions & Animations Roundup #24
• The best 30 portfolio templates built in Webflow 👍👍👍
• The Hottest Web Design Trends 2022 👍

참고사이트

• FRONT-END 면접 문제 은행
• web devices capabilities - 웹, 모바일 디바이스 width, pixel-ratio, ppi 정보
• Code On Web - 코드 실습, 학습
• 프론트앤드 포럼
• 영감을 주는 웹 디자인 👍👍
• 큐레이션 - 저작권 걱정없는 무료이미지
• 자바스크립트 개발자 포럼
• mopsyshin 포트폴리오 사이트 - 디자이너 포트폴리오 사이트 참고(github page)
• 국내 개발자 블로그 모음 👍👍👍
• tooldi - 세미나 및 책, 강연등의 후기 👍👍

Tool

• stackedit - 마크다운 웹 에디터
• Vimeo Player API
• REACT-코드로 페인팅하기
• 코드로 디자인을 by Airbnb - REACT-코드로 페인팅하기와 동일한 글
• placehold - 더미이미지
• amCharts로 만든 평균 기온, 평균 강수량 차트 데모
• 터미널 세션 기록 공유
• vux-ui - vue 예제
• vue-sui-demo - vue
• Fonty : 웹 폰트를 생성하는 간단한 라이브러리 및 CLI 도구
• 정규표현식 테스트 👍👍👍
• picsum - 더미 이미지 링크
• githistory.xyz - github history diff view 👍👍
• BABEL
• jsdelivr - A free CDN for Open Source 👍👍
• LOL Colors
• storybook - for building UI components and pages in isolation
• Fork - Git GUI

정보

• Windows XP, VISTA, 7 기본 글꼴
• Windows 10 기본 글꼴 - adobe 사이트
• Windows 7 기본 글꼴 - adobe 사이트
• 브라우저 사용 현황 👍

jekyll theme

• New Age - one page scroll
• Jalpc - category, search
• Halve - stylish
• Jasper
• Modern Blog - stylish, ajax
• hydejack

PC

• 자신만의 윈도우10 wim파일 만들기!!! 완전 더더더 초보용