$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
xterm.js at FOSSCOMM 2014, Lamia
Search
Paris Kasidiaris
May 04, 2014
Programming
0
200
xterm.js at FOSSCOMM 2014, Lamia
Paris Kasidiaris
May 04, 2014
Tweet
Share
More Decks by Paris Kasidiaris
See All by Paris Kasidiaris
Docker Compose CLI for ECS
parisk
0
60
Remote business as usual
parisk
0
26
Real time sweetness with Django Channels
parisk
0
220
Stateful applications on Docker Swarm
parisk
1
130
Get back to sleep with Infrastructure as Code
parisk
0
26
Say No
parisk
0
92
Developing Microservices Frictionlessly
parisk
0
57
Creating a cloud-native development environment
parisk
0
120
Building an in-browser IDE with JavaScript
parisk
1
160
Other Decks in Programming
See All in Programming
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
manfredsteyer
PRO
0
150
TUIライブラリつくってみた / i-just-make-TUI-library
kazto
1
390
안드로이드 9년차 개발자, 프론트엔드 주니어로 커리어 리셋하기
maryang
1
120
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
150
リリース時」テストから「デイリー実行」へ!開発マネージャが取り組んだ、レガシー自動テストのモダン化戦略
goataka
0
130
Integrating WordPress and Symfony
alexandresalome
0
160
実はマルチモーダルだった。ブラウザの組み込みAI🧠でWebの未来を感じてみよう #jsfes #gemini
n0bisuke2
3
1.2k
宅宅自以為的浪漫:跟 AI 一起為自己辦的研討會寫一個售票系統
eddie
0
510
AIコーディングエージェント(skywork)
kondai24
0
180
非同期処理の迷宮を抜ける: 初学者がつまづく構造的な原因
pd1xx
1
730
堅牢なフロントエンドテスト基盤を構築するために行った取り組み
shogo4131
8
2.4k
AIコーディングエージェント(Gemini)
kondai24
0
240
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Site-Speed That Sticks
csswizardry
13
1k
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.6k
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
1
100
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.6k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
Documentation Writing (for coders)
carmenintech
76
5.2k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Optimizing for Happiness
mojombo
379
70k
Transcript
xterm.js FOSSCOMM 2014, Lamia
Who • Paris (@pariskasid, @parisk at GitHub) •
Founder at sourcelair.com • I love Python and JavaScript
xterm.js • Full, JavaScript, XTerm clone • Based
on VT100
Why? • Need for a terminal at www.sourcelair.com
• Absence of a sufficient library for that
Mission A powerful, yet simple framework for
building terminal-‐based applicaXons.
Fork of term.js • We forked term.js •
Removed more than 1000 lines of code • Offloaded stuff out of the core
Shrinking the core • Removed custom modes •
Hidden textarea vs content-‐editable • Off-‐loaded colors to CSS
What’s new • Event-‐based API • Themes
• Modular architecture
Demo
InteresXng Features • Copy & Paste handling •
WebSocket a`aching • Fit rows and columns to parent’s size
To-‐do • Remove all colors from JavaScript •
Implement character-‐level styling • OpXmize content updaXng
Browser CompaXbility • Chrome (Desktop and Mobile) •
Firefox (Desktop) • Safari (Desktop and iOS) • Opera (Desktop and iOS) • IE 10+ (but sXll buggy)
Ideas • A PuTTY replacement • InteracXve, code-‐teaching
tutorial
xterm.js • github.com/sourcelair/xterm.js • bower install xterm.js
• www.sourcelair.com
Thank you. @pariskasid s.lair.io/xtermjs-‐fosscomm-‐2014