Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Twitter Bootstrap u praksi
Search
DaFED
December 04, 2013
Programming
0
52
Twitter Bootstrap u praksi
DaFED #17
Speaker: Aleksandr Cocek, Eemagine IT Agency
DaFED
December 04, 2013
Tweet
Share
More Decks by DaFED
See All by DaFED
A Storybook with Angular
dafed
0
170
Search & Destroy
dafed
0
100
Why Fast Matters
dafed
1
220
Leadership through Change
dafed
0
210
Upotreba VR tehnologija u real estate-u
dafed
0
240
Virtuelna Realnost uzvraća udarac
dafed
0
150
PHP i MongoDB iz prve ruke
dafed
0
250
PHP Middleware i njegova upotreba
dafed
0
200
Asinhrone budućnosti i verteksi
dafed
0
260
Other Decks in Programming
See All in Programming
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
390
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
120
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
750
Azure AI Foundryではじめてのマルチエージェントワークフロー
seosoft
0
170
レベル1の開発生産性向上に取り組む − 日々の作業の効率化・自動化を通じた改善活動
kesoji
0
190
Hack Claude Code with Claude Code
choplin
4
2k
Porting a visionOS App to Android XR
akkeylab
0
460
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
falcon8823
5
1.1k
Is Xcode slowly dying out in 2025?
uetyo
1
270
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
250
#QiitaBash MCPのセキュリティ
ryosukedtomita
1
1.3k
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
yutailang0119
0
120
Featured
See All Featured
Scaling GitHub
holman
460
140k
Building Applications with DynamoDB
mza
95
6.5k
Designing for Performance
lara
610
69k
Unsuck your backbone
ammeep
671
58k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
The Cult of Friendly URLs
andyhume
79
6.5k
Code Reviewing Like a Champion
maltzj
524
40k
Practical Orchestrator
shlominoach
189
11k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
Transcript
Twitter Bootstrap u praksi
U 2013. 80% projekata u Twitter Bootstrapu
Rapid prototyping • Klijent želi sajt baš kao konkurencija •
Brze iteracije predloga rešenja • Pomaže klijentu da osmisli koncept Mockups don’t tell a story. Build a prototype in no time.
Rapid prototyping
Rapid prototyping
Rapid prototyping
Rapid prototyping
Rapid prototyping Tools • PSD templates • jetstrap.com • divshot.com
• easel.io • ...
Gde je nestao HTML5?
Gde je nestao HTML5? http://ruby.bvision.com/blog/please-stop-embedding-bootstrap-classes-in-your-html
Gotovi templejti • Github je vaš najbolji drug – 320Press
https://github.com/320press/wordpress-bootstrap
Gotovi templejti • – Roots WP https://github.com/roots/roots • Odlična dokumentacija
• Roots build script with Grunt • Theme wrapper
Gotovi templejti • – Shoestrap WP https://github.com/shoestrap/shoestrap • Dokumentacija •
Theme options • Forum, preko 100 kontributora u repositorijumu
Gotovi templejti • – jlong Bootstrap with SASS https://github.com/jlong/sass-bootstrap •
Grunt ili Compass kompajler • _layouts, _includes • originalni templejti u sass-u
Admin paneli • Brza konfiguracija panela koji je “responsive” •
Lagan za korišćenje od strane klijenta • Proširiv za nove funkcionalnosti
Admin paneli
Admin paneli
Admin paneli
Šta dalje? • Bootstrap 3 not backwards compatible with v2.x
– Nova imena klasa – Novi grid (Extra small grid, Small grid, Medium grid, Large grid) – .container and .row are now fluid (percentage-based)
Šta dalje? • Istražujte – CurtainsUp https://github.com/alexduloz/CurtainsUp boilerplate which has
the philosophy of providing developers with a real lot of cool libraries – X-editable https://github.com/vitalets/x-editable in-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
Šta dalje? • Učite nove stvari – Foundation http://foundation.zurb.com/ –
Pure CSS (Yahoo) http://purecss.io/ – Html5 Boilerplate http://html5boilerplate.com/
HVALA @tamburix http://eemagine.me