웹의 프론트엔드 기술인 HTML, CSS, JavaScript를 웹에서 작성해서 바로 테스트 해볼 수 있고, 그 소스를 저장 공유할 수 있는 서비스이다.
https://jsfiddle.net/user/mill01/fiddles/
Settings - JSFiddle - Code Playground
jsfiddle.net
| Chart.js 챠트 (0) | 2020.08.18 |
|---|---|
| [jQuery] Deleting duplicated values -> drop-down option list (0) | 2020.08.14 |
| ECMAScript 6 compatibility table (0) | 2020.06.22 |
| Vue.js가 무엇인가요? (0) | 2020.06.19 |
| React - 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 (0) | 2020.06.19 |
현재 선택영역의 텍스트를 인자로 받은 값을 통해 변환시킵니다.
execCommand 에서 "copy" 명령 사용
document.execCommand('Italic') // 기울이기
document.execCommand('Underline') // 밑줄
document.execCommand('StrikeThrough') // 중간줄
document.execCommand('Cut') // 자르기
document.execCommand('Copy') // 복사하기
document.execCommand('Paste') // 붙혀넣기
document.execCommand('Undo') // 실행취소
document.execCommand('Redo') // 다시실행
document.execCommand('insertorderedList') // 글번호 매기기
document.execCommand('insertunorderdList') // 글머리 매기기
document.execCommand('outdent') // 내어쓰기
document.execCommand('indent') // 들여쓰기
document.execCommand('justifyleft') // 왼쪽정렬
document.execCommand('justifycenter') // 가운데정렬
document.execCommand('justifyright') // 오른쪽정렬
document.execCommand(command, showUI, value)
ValueDescription
| command | Specifies the name of the command to execute on the selected section. Legal values: "backColor" "bold" "createLink" "copy" "cut" "defaultParagraphSeparator" "delete" "fontName" "fontSize" "foreColor" "formatBlock" "forwardDelete" "insertHorizontalRule" "insertHTML" "insertImage" "insertLineBreak" "insertOrderedList" "insertParagraph" "insertText" "insertUnorderedList" "justifyCenter" "justifyFull" "justifyLeft" "justifyRight" "outdent" "paste" "redo" "selectAll" "strikethrough" "styleWithCss" "superscript" "undo" "unlink" "useCSS" |
| showUI | A Boolean, specifies if the UI should be shown or not |
| value | Some commands need a value to be completed |
| 웹개발자가 되기 위한 로드맵, 2019 - DevOps (0) | 2019.09.11 |
|---|---|
| Youtube 반복재생 안될때 (0) | 2019.07.01 |
| web library - petercollingridge Site http://www.petercollingridge.co.uk/tutorials/ (0) | 2019.06.17 |
| 크롬, IE 브라우저 전체화면 - F11 키 (0) | 2019.06.05 |
| Github 에서 kiosk 관련 검색 (0) | 2019.06.04 |
Outline Mail is an easy to use HTML email framework. It includes mix and match responsive email components that are fully tested in over 30 email clients.
.
| [Framework] React Storybook: Develop UI components outside your app (0) | 2016.04.07 |
|---|---|
| [FRAMEWORK] Hugo: A modern static website engine (0) | 2016.04.07 |
| [HTML] html5validator: Command line tool to validate HTML5 (0) | 2016.03.25 |
| Front-end 개발의 괜찮은 선택 ES6 & ReactJS (0) | 2016.02.19 |
| [인코딩] Form 전송시 euc-kr 페이지에서 utf-8로 데이터 전송하기 (0) | 2016.01.29 |
프레젠테이션,PPT, HTML
Reveal.js is a framework for creating HTML presentations with CSS 3D transforms to transition between slides. It even has support for sub-slides that can be accessed from within individual slides.
| [Mobile] Fabric: An easy way to build apps - twitter (0) | 2014.10.27 |
|---|---|
| [javascript] http://d3js.org/ (0) | 2014.10.22 |
| [Framework] Schema: A modular front-end framework (0) | 2014.10.20 |
| [javascript] Cylon.js: A next generation robotics framework (0) | 2014.10.20 |
| [javascript] Paths.js: Create SVG shapes for geometric shapes (0) | 2014.10.08 |
HTML 소스 줄여줘요~
HTML Minifier is a simple web app that minifies your HTML code according to options you select. You can opt to remove comments, collapse whitespace, remove optional tags, and more.
| [javascript] Eloquent JavaScript: A modern programming introduction (0) | 2014.08.06 |
|---|---|
| [javascript] Deckard: Web Animations API slide deck (0) | 2014.08.01 |
| [HTML5] Can I use?: Up-to-date browser support reference (0) | 2014.07.25 |
| [JAVASCRIPT] Smallworld.js: Generate GeoJSON map previews (0) | 2014.07.21 |
| [Mobile] Clank: open source prototyping framework for mobile apps (0) | 2014.07.14 |
Framework7 is a fully featured HTML framework just for building hybrid (Phonegap) and web-based apps with a native iOS7 feel. It’s ultra lightweight while remaining flexible.
Full Featured HTML Framework For Building iOS7 Apps
Framework7 is on early development stage, so many things may be changed and sorted in a short time.
dist/ folderBecause Framework7 uses Ajax for navigation between pages you will need a server. So to make it work you should put dist folder (or Kitchen Sink) on a server. Or, as an option, you may use Grunt's server. Just run:
$ grunt server
http://localhost:3000/kitchen-sink/http://localhost:3000/dist/Framework7' JS and CSS files in Kitchen Sink are temporary linked to build/ to make development process easier on this stage. So to make it work you need to build Framework7 (see Build section) or to re-link JS and CSS files to dist/ folder.
If you have questions about Framework7 or want to help others you are welcome to special forum athttp://www.idangero.us/framework7/forum/
| [HTML5] Quintus: An HTML5 game engine (0) | 2014.04.15 |
|---|---|
| [JSON] Peroxide: Simple, configurable proxy server (0) | 2014.04.15 |
| 간단한 모바일 뉴스 수집 서비스 : http://tcbs17.cafe24.com/tc/circulus/index.html (0) | 2014.04.01 |
| [CSS] Fluidity: Making HTML 100% responsive (0) | 2014.03.27 |
| [HTML5] Molecule: An HTML5 game framework - GAME framework (0) | 2014.03.27 |