Slidedeck.io is a repository of tech HTML based presentations hosted on github
More about SlideDeck.io »
Intro to CSS for Geographers
Patrick Arlt | @patrickarlt
http://bit.ly/1Oh4BDd
Origin Story
Talk with John last year…
Lots of tools. Very little fundamentals.
This talk ...
by patrickarlt
Custom Elements: An end to the Framework Wars
Patrick Arlt | @patrickarlt
http://bit.ly/1QK9hmY
The Framework Wars Peace Talks
JavaScript Tooling Fatigue
Frontend framework hell
...
by patrickarlt
Whats new in the Esri Leaflet Project
Patrick Arlt and John Gravois
http://bit.ly/1WsAvCL
Hello There
reveal.js enables you to create beautiful interactive slide dec...
by patrickarlt
絶対配置時にmargin autoで中央寄せになるやつ
@Takazudo
なにそれ
コレ
http://codepen.io/takazudo/pen/oXRqNG
CSS
.lv1 {
width: 400px;
height: 400px;
position: relative;
}
.lv2 {
width: 200px;
height: 240px;
positi...
by Takazudo
Ditch Your CMS
Git + Markdown + Static Sites Generators
Twitter : @patrickarlt / Slides : http://bit.ly/1fW17GQ
Who Am I?
Experience Developer
Esri PDX R&D Center, prev...
by patrickarlt
Advanced Esri Leaflet
Patrick Arlt
Experience Developer - ArcGIS for Developers
@patrickarlt - http://arcg.is/1DMjcEO
Not an Intro Session
I'll assume you have at least Esri Leaflet exp...
by patrickarlt
Esri Leaflet + Leaflet Plugins
Patrick Arlt
Experience Developer - ArcGIS for Developers
@patrickarlt - http://arcg.is/1zTrfeX
Leaflet philosophy
Small stable core for building light-we...
by patrickarlt
JavaScript: The Weird Parts
Patrick Arlt
Experience Developer - ArcGIS for Developers
@patrickarlt - http://arcg.is/1wFtcQK
I'm not here to teach you something
I'm here to make your head...
by patrickarlt
Zen of CSS Preprocessors
Patrick Arlt
Experience Developer - ArcGIS for Developers
@patrickarlt - http://bit.ly/1aNWRNx
What?
Tools that add additonal tools and features to CSS.
Va...
by patrickarlt
The Future of JavaScript
Patrick Arlt
Experience Developer - ArcGIS for Developers
@patrickarlt - http://arcg.is/18GQw5E
A Brief History of JavaScript
Dark Ages (ES 3)
Browser Wars
...
by patrickarlt
Auth in ArcGIS Online
Patrick Arlt
Experience Developer - ArcGIS for Developers
@patrickarlt - http://arcg.is/1BAm5cz
What is oAuth 2.0?
A standard for conveying authorization decisions...
by patrickarlt
Clojure, Web и золото
Старатели против карьеров
Дмитрий Грошев (@lambdadmitry)
Clojure
Старые шахты
(defroutes user-routes
(context "/user/:id{[0-9]+}" []
(GET "/" [] ....
by si14
リストのポッチ
@Takazudo
こういうのどうやって書くか
アイコン置く場合1
demo
text-indent で下げてそこにアイコン置く
img は middle 配置
右にちょっとマージンで行頭位置揃え
そこから上下にネガティブマージンで実質画像の高さ消す
ついでに上にちょい上げる
アイコン置く場合2
demo
text-indent で下げてそこにアイコン置く
spanをinline-...
by Takazudo
Velocity.js
@Takazudo
Resources
Velocity.js
CSS vs. JS Animation: Which is Faster?
Improving UI Animation Workflow with Velocity.js | CSS-Tricks
What this is
Another implementation of $.fn.animate
Compati...
by Takazudo
Killing line spacing
@Takazudo
What I mean...
<div class="debugBar">デバッグ用バー</div>
<p>彼は背後にひそかな...</p>
<div class="debugBar">デバッグ用バー</div>
Top
Bottom
Why
<div class...
by Takazudo
Mapping with Leaflet
Patrick Arlt
Experience Developer - Esri Portland R&D Center
@patrickarlt - http://bit.ly/1pSCyV2
Who am I?
Joined ESRI in 2012
Came from a web design/sta...
by patrickarlt
Mapping Apps w/ Angular JS
Patrick Arlt
Experience Developer - Esri Portland R&D Center
@patrickarlt - http://bit.ly/1vOkpoK
Disclaimer
Angular can't really be covered in a half hou...
by patrickarlt
CLJS
client-side from the outer space
Dmitry Groshev @lambdadmitry
CLJS — наиболее зрелая альтернатива JS
План
почему ClojureScript
...
by si14
Design & UX Tips for Maps
Patrick Arlt
Experience Developer - Esri Portland R&D Center
@patrickarlt - http://bit.ly/1h4kDld
Why Make Maps?
To help people find things
To he...
by patrickarlt
Mapping with Leaflet
Patrick Arlt
Experience Developer - Esri Portland R&D Center
@patrickarlt - http://bit.ly/1qmxndx
Who am I?
Joined ESRI in 2012
Came from a web design/sta...
by patrickarlt
Start Building Your App
Patrick Arlt
Experience Developer - Esri Portland R&D Center
@patrickarlt - http://bit.ly/1cnAUEr
A bit of background...
I joined Esri in mid 2012 (From the ...
by patrickarlt
Getting SASSY with your CSS
Patrick Arlt
Experience Developer - Esri Portland R&D Center
@patrickarlt - http://bit.ly/1nwMrmp
I work on ArcGIS for Developers and there is ALOT of CSS
...
by patrickarlt
Mapping Apps w/ Angular JS
Patrick Arlt
Experience Developer - Esri Portland R&D Center
@patrickarlt - http://bit.ly/1cGPDLf
Or How I Learned to Stop Worrying and Love Angular JS
Ang...
by patrickarlt
Erlang
обзор
Дмитрий Грошев (@lambdadmitry)
Erlang приятен, как язык и платформа
удобен для больших команд
удобен для узких ниш
Приятность
Отступ...
by si14
HTMLテンプレートの設計
高津戸 壮 [@Takazudo]
自己紹介
高津戸 壮(たかつど たけし)
株式会社ピクセルグリッド
フロントエンドエンジニア
@Takazudo
言いたいこと
CSSをうまく書くのは難しい
そこにSassを使えばさらに難しくなる
他の人はあなたの書いたCSSが理解できない
Sassが使われていたらもっと理解できない
CSSを書く上で難しい部分は設計
Sassはこれを解...
by Takazudo
Compass CSS Sprite
@Takazudo
super simple example
<span class="icon-face-cool"></span>
<span class="icon-face-sad"></span>
<span class="icon-face-wink"></span>
SCSS
@imp...
by Takazudo
Нет ФП
забудьте это словосочетание
Дмитрий Грошев (@lambdadmitry)
ненужные обобщения не нужны
забудьте про ФП
…
PROFIT
раньше было проще
...
by si14
assemble生活
@Takazudo
私とassemble
最初: 大して興味ない
CodeGrid記事書くのに調べた(調べすぎた)
Gruntで諸々困ってたことが色々解決できたかも
なんか結構いいんじゃない?(イマココ)
これはイイって思った点
あらゆるファイルはコンパイルして作るものとして扱う
JS: minify / coffee / jshint...
CSS: Sass / Less / Co...
by Takazudo
jQuery
JavaScript, Made Easy
Logan Franken @loganfranken
UCSB Web Standards Group
Twitter
#jquerywsg
Presentation
http://loganfranken.github.io/WSG-jQuery-Workshop
Co...
by loganfranken
Social and Technical
Suzanna Brooks and Harrison Massey
Let's talk Lessig
(2.0)
Code is Law
"Rough consensus and running code"
TCP/IP
Four Puzzles
"Borders"
"...
by Harrison-M
App Inventor
... and the Android SDK
Created by Jose
Dominguez / @josmasflores
Android Activity Lifecycle
...
by josmas
Wikipedia: A Review
Harrison Massey
Purpose
Two audiences with vastly different views of Wikipedia
Readers
"Editors"
Mission
...
by Harrison-M
App Inventor
Community, Community, Community
Created by Jose
Dominguez / @josmasflores
Programmer Competency Matrix
Programme...
by josmas
Extending Leaflet
http://patrickarlt.github.io/extending-leaflet-talk / @patrickarlt
So how did I get here
I work at Esri R&D Center Portland
...
by patrickarlt
Main Areas of work
App Inventor 2
Created by Jose Dominguez / @josmasflores
no notes for this slide?
App Inventor Components
...
by josmas
Marketing Portal
Backbone.js
By Gordon Clark, Ben Wu
Agenda
What is backbone?
...
by wubenhe
Reducers
Почему linked list это отстой
SPb FProg, 12 Apr 2013, Dmitry Groshev@lambdadmitry
Очень краткое введение в Clojure
Вектор:
...
by si14
Mobile web development : technologies et frameworks
Nomades Ateliers, Genève, Juillet 2013
Présenté par Florent Lamoureux & Mathias Extremo
Présentation
...
by flrent
Contributing through github
App Inventor 2
Created by Jose Dominguez / @josmasflores
no notes for this slide?
Not familiar with github?...
by josmas
Rapid Prototyping In The Browser
Patrick Arlt
Designer/Developer Portland R&D Center – @patrickarlt
Why Prototype
Sell ideas to stakeholder
Test concepts and id...
by patrickarlt
Finally, video conversations made easy.
http://developer.tout.com
Obvious first question is...
what is Tout?
Who knows what Twitter is...
by Tout
BÉPO
Le clavier qu'il vous faut
Ou comment ne plus avoir mal aux doigts tout en se la pétant grave
Des utilisateurs de claviers ?
Dénoncez-v...
by thibault
Retreat Time
2013 Church Retreat
Heads Up
2012年教會退休會回顧
This year UCD again?
NO
...
by wubenhe
jQuery mobile のイケてる実装
@Takazudo
なぜjQuery mobileはかったるいか
素敵な見栄えとか別にいらん
なんか素敵な遷移するらしいけどめんどそう
いじるの大変そう
スクラッチで作る時に使うとかったるそう
でもjQuery mobileはなかなかイケてると思う
モバイルでつまづくことの解決策がjQuery mobileのコードに結構書いてある
ちゃんとコ...
by Takazudo
CRDT
Почти решение проблем распределённых БД
Дмитрий Грошев (@lambdadmitry)
Сеть есть
A: {a: 1} — B: {a: 1}
Сеть есть
A: a += 1
Сеть...
by si14
Let's Share
A Financial Aid Case Study
#uccsc #letsshare
Logan Franken /
@loganfranken
Slides and Notes
github.com/loganfranken
2008 HEOA
...
by loganfranken
Sencha Touch
Nomades Ateliers, Genève, Juillet 2013
Présenté par Florent Lamoureux
Historique
ExtJS, ExtGWT
Palo Alto
55% des entrep...
by flrent
Software Counter-Democracy
How our tools design our dissent
Harrison Massey | Spring 2013
Who performs counter-democracy?
What performs counter-dem...
by Harrison-M
JSSEEK
Javascript Error Generator
Daniel Connor - C00137906
IT Carlow - 22/03/2013
What?
A javascript error generator that takes a function as input and c...
by danielconnor
Development Workflow
App Inventor 2
Created by Jose Dominguez / @josmasflores
no notes for this slide?
Contributing through github?
...
by josmas