Twitter Bootstrap for web UI development

•

2 j'aime•2,745 vues

I introduce to Twitter Bootstrap (Web UI framework) and many tools they are integrated with Bootstrap. This presentation I present for my office's team but I think other person can get benefits with this. I just uploaded.

Design

SWT Tech share

Twitter Bootstrap
for web UI development
@khasathan 17/10/2012

Problems
● ออกแบบเอง กาก!
● CSS layout คือยาขม I'm
Programmer
● ทำาเองใหม่หมดเสีย
เวลา

4

Problems
● เขียนโปรแกรมไม่เป็น
● CSS Reuse code ยาก I'm
Designer
● ทำาเองใหม่หมดเสีย
เวลา

5

B Twitter Bootstrap
● Open source! Developed by @mdo, @fat used
for Twitter Inc.
● Update (29 Sep, 2012) @mdo, @fat leaving
Twitter Inc.

9

B Twitter Bootstrap
● Combine with
HTML + Javascript → for programmer
CSS + Image + Icon → for designer

11

Why we use Bootstrap?
● Easy and clean code
● Cross-Browsers
● Responsive

12

Cross-Browsers

http://www.webdesignhot.com/wp-content/uploads/2010/06/IEChromeFirefoxSafariOperaLogoVector.jpg
14

Responsive
● อุปกรณ์เข้าถึง internet
หลากหลายขึ้น
● ขนาดหน้าจอแสดงผลต่าง
กัน

15

Responsive
● การทำาเว็บให้แสดงผลเหมาะสมกับอุปกรณ์ทเี่ ข้า
ถึงเว็บ

16

What's included
● Layout
● Base CSS
● Components
● Javascript plugins

19

How to use Bootstrap?
● Only 3 steps
● Customize and download
● Link in HTML file
● Coding

20

Power up! Bootstrap
● Font Awesome
● Jetstrap
● Jquery UI with Bootstrap theme
● Bootswatch
● Boottheme
25

Font Awesome
● Font-face icon based-on Bootstrap
● Available for modern browsers
● Support IE7 :)

26

Font Awesome features

URL: http://fortawesome.github.com/Font-Awesome
27

Jetstrap
● WYSIWYG (What You See Is What You Get)
● Drag and Drop
● 100% web-based!
● Let's try http://jetstrap.com

28

JQuery UI with Bootstrap theme
● Integrate Jquery UI with Bootstrap

29

Bootswatch
● Free download custom theme for Bootstrap

30

Boottheme
● Customize, theme generator for Bootstrap

31

Resources
● Jetstrap - http://jetstrap.com
● Twitter Bootstrap - http://twitter.github.com/bootstrap
● JQuery UI Bootstrap- http://addyosmani.github.com/jquery-ui-bootstrap
● W3School - http://www.w3resource.com/twitter-bootstrap/tutorial.php

● Bootsnipp - http://bootsnipp.com ← Cool!
● Bootswatch - http://bootswatch.com
● Boottheme - http://www.boottheme.com
32

Contenu connexe

Tendances

#5 - CSS3 Gradients and Backgrounds

iloveigloo

First steps with GWT @ Google IO Extended - Pordenone

Giampaolo Trapasso

Using WordPress with Static Site Generators by Muhammad Muhsin and Jason Bahl...

rtCamp

Bootstrap Introduction

Andrea Tarr

Bootstrap 3 + responsive

hatchpb

If you are working with Drupal 7 and you want to know how to do it in Drupal 8, this is your session! Drupal 8 has become more powerful and flexible out of the box for site builders. During this session we will walk around the administration of Drupal 8 to do what a site builder usually do, we will comment all the improvements that you will find in Drupal 8 as well as the differences and changes between Drupal 7 and 8. We will take a look at the new code to see why some modules are into core and why you won't need another modules anymore. Then, we will do together a live demo with the last version of Drupal 8 putting focus on the most important and powerful improvements like: New content administration Blocks and layouts. Configuration of content types and new fields. Form and view display. Multilingual. Configuration management.

Let's build it on drupal 8

Montaña Franco

Introducing gutenberg

Jonathan Bossenger

WordUp Pompey - 22nd Feb 2018 - Gutenberg

Herb Miller

Let's unRiddle jsFiddle

rhoward_blk

HTML5 for the Ruby Developer

SV Ruby on Rails Meetup

Microservices, cloud, continuous delivery heavily influenced how modern teams build software systems. Come to this talk to learn how our team rebuild frontend stack of several newspapers significantly reducing cycle time and creating fun work environment that lets great developers be great. Some of the things I’ll share: - how respecting the Web makes us faster - what we learned running 12factor apps on Heroku - nuances of Continuous Delivery that you won’t find in books - thinking process behind our decisions and some of the change patterns we used Video: http://www.schibsted.pl/2015/07/enterprise-makeover-part-16-creating-lean-enterprise/ http://www.schibsted.pl/2015/07/enterprise-makeover-part-26-use-the-web-dont-abuse-it/ http://www.schibsted.pl/2015/07/enterprise-makeover-part-36-rethinking-agile-practices/ http://www.schibsted.pl/2015/07/enterprise-makeover-part-46-cloud-native-development-on-heroku/ http://www.schibsted.pl/2015/07/enterprise-makeover-part-56-continuous-delivery-orchestration/ http://www.schibsted.pl/2015/07/enterprise-makeover-66-organizational-change-summary/

Enterprise makeover. Be a good web citizen, deliver continuously and change y...

Mateusz Kwasniewski

Next.js universal JavaScript APplications

🧐 Rodrigo Nonose

Js design patterns

Grzegorz Wilczynski

This presentation is an introduction to the Joomla!Platform, what is the platform, what are the ideas behind it, why we have this separation between CMS and platform. I am speaking about the pro and cons, briefly ;-) A big part are real live examples how I or others have used the platform, when it makes sense to use the platform and when it doesn't makes sense. I do explain how to contribute to the platform and to the project at all. PHP knowledge is not necessary.

Joomlaplatform en

Robert Deutz

Why do you use java script

kazuhisa kawashima

Angular | Dev Love Components

Teeraphong Chaichalermpreecha

이번 생에 디자인 시스템은 처음이라

NAVER Engineering

About order form improvements

Gengo

The problem for startups has always been producing more software faster. We've gained a ton of wisdom about this problem while cranking out our largest frontend product -- Backlot. We will share much of what we've learned about building beautiful UIs and the APIs that power them at an alarming rate. Learn about things like standalone views, our take on cross-browser woes, the best of CSS3, SASS, thin client best practices, and client side unit testing. We'd love to show you a couple of fun tools we've open-sourced along the way: shoulda.js and livecss.

How to do Scalable UI-Heavy Development at a Breakneck Pace

SV Ruby on Rails Meetup

Drupal and the Future of the Web

John Albin Wilkins

Tendances (20)

#5 - CSS3 Gradients and Backgrounds

First steps with GWT @ Google IO Extended - Pordenone

Using WordPress with Static Site Generators by Muhammad Muhsin and Jason Bahl...

Bootstrap Introduction

Bootstrap 3 + responsive

Let's build it on drupal 8

Introducing gutenberg

WordUp Pompey - 22nd Feb 2018 - Gutenberg

Let's unRiddle jsFiddle

HTML5 for the Ruby Developer

Enterprise makeover. Be a good web citizen, deliver continuously and change y...

Next.js universal JavaScript APplications

Js design patterns

Joomlaplatform en

Why do you use java script

Angular | Dev Love Components

이번 생에 디자인 시스템은 처음이라

About order form improvements

How to do Scalable UI-Heavy Development at a Breakneck Pace

Drupal and the Future of the Web

En vedette

Twitter bootstrap (css, components and javascript)

NexThoughts Technologies

Presentation on Bootstrap Course

Bapu Graphics India

Bootstrap Study Share

Vincent Chang

For our first Rice DevChat, BIOE PhD Student Ahmed Haque (me) will be leading a workshop titled: "Introduction to Twitter Bootstrap: A Crash Course on Web Development for Noobs". These slides contain the introductory material on HTML/CSS that led up to the "live-build" of the Rice DevChats website. See the Github Repo: https://github.com/afhaque/Rice-DevChats-Bootstrap and Rice DevChats website for more information: http://ricedevchats.org/

Intro To Twitter Bootstrap

Ahmed Haque

Bootstrap Framework

Yaowaluck Promdee

HTML & CSS #10 : Bootstrap

Jean Michel

En vedette (6)

Twitter bootstrap (css, components and javascript)

Presentation on Bootstrap Course

Bootstrap Study Share

Intro To Twitter Bootstrap

Bootstrap Framework

HTML & CSS #10 : Bootstrap

Similaire à Twitter Bootstrap for web UI development

L’importance du crawl du JavaScript : pourquoi, comment et pour quels bénéfic...

SEO Camp Association

Demystifying JavaScript & SEO

Botify

full stqack guktgktktykytkyyyjrneyrynye5n

GoogleDSCDibrugarhUn

OVERVIEW Twitter Bootstrap is a wildly popular HTML and CSS framework for building websites and web applications. It is the number 1 project on GitHub. Bootstrap supports responsive web design, allowing the layout of your page to adapt to the device (desktop, tablet, mobile). This talk will introduce you to the basics of using Bootstrap and show you how to build responsive web layouts to build your own app. TARGET AUDIENCE Beginner web developers ASSUMED AUDIENCE KNOWLEDGE Working knowledge of HTML5 and CSS3. OBJECTIVE Learn how to use Twitter Bootstrap to quickly build a beautiful, responsive web app. FIVE THINGS AUDIENCE MEMBERS WILL LEARN Twitter Bootstrap basics Bootstrap CSS basics Bootstrap responsive layouts Bootstrap components JavaScript Bootstrap plugins

FITC - Bootstrap Unleashed

Rami Sayar

Have you ever wanted to work on a web browser? Servo is an experimental web engine written in Rust. Its small code base and friendly community mean that it is an ideal project for those looking to dip their toes into the world of web browser engineering. In this, Martin Robinson covers the basics of building and running Servo on your own computer. In addition, we'll take a tour of Servo's main subsystems and see what kind of work goes into building them. Additionally, we'll cover a variety of types of contributions to Servo, adapted to different kinds of experience and specialization. By the end you should have the tools you need to explore contributing yourself. (c) GOSIM Workshop 2023 Sept 23-24 Grand Hyatt, Pudong, Shanghai https://workshop2023.gosim.org/ https://www.bilibili.com/video/BV1Hw411r7Q6/

You Can Work on the Web Patform! (GOSIM 2023)

Igalia

Hinting at a better web

Christian Heilmann

Making sense of the front-end, for PHP developers

Lewiz

RealDay: Angular.js

Miguel Schmitz Grazziotin

Introduction to Google Web Toolkit - part 1

Muhammad Ghazali

Angular SEO

Tiang Cheng

Node.js 101 with Rami Sayar Presented by FITC at Web Unleashed 2014 in Toronto on September 18 2014, 10:30 - 11:15am Node.js is a runtime environment and library for running JavaScript applications outside the browser. Node.js is mostly used to run real-time server applications and shines through its performance using non-blocking I/O and asynchronous events. This talk will introduce you to Node.js by showcasing the environment and its two most popular libraries: express and socket.io. TARGET AUDIENCE Beginner web developers ASSUMED AUDIENCE KNOWLEDGE Working knowledge of JavaScript and HTML5. OBJECTIVE Learn how to build a chat engine using Node.js and WebSockets. FIVE THINGS AUDIENCE MEMBERS WILL LEARN Node.js environment and basics Node Package Manager overview Web Framework, express, basics WebSockets and Socket.io basics Building a chat engine using Node.js

Node.js 101

FITC

New Ranking Metrics by Google

Phil Marx

Introduction to React Native

Polidea

Develop a Quick and Dirty Web interface to your database: for the DBA and oth...

Gabriel Villa

An idea that rippled across the web in 2013, atomic design has changed the way designers and developers think and work. College and university sites are now adopting modular design systems. But what does that mean for the content that goes in them? This presentation for the WP Campus 2020 conference shows how design systems impact the authoring process, points out common pain points for migrating existing content, and gives practical advice to prepare stakeholders for making the shift from WYSIWYGs to structured component libraries.

Creating Content in a Pattern Library

Rachel DeLauder

Javascript & SEO 2019

Edd Wilson

10 Things Web Designers tend to forget when doing SEO

Timon Hartung

Headless browser: puppeteer and git client : GitKraken

SheikhMoonwaraAnjumM

Prototyping app using JS and HTML5 (Ciklum Kharkiv)

Yuriy Silvestrov

Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...

Cedric Spillebeen

Similaire à Twitter Bootstrap for web UI development (20)

L’importance du crawl du JavaScript : pourquoi, comment et pour quels bénéfic...

Demystifying JavaScript & SEO

full stqack guktgktktykytkyyyjrneyrynye5n

FITC - Bootstrap Unleashed

You Can Work on the Web Patform! (GOSIM 2023)

Hinting at a better web

Making sense of the front-end, for PHP developers

RealDay: Angular.js

Introduction to Google Web Toolkit - part 1

Angular SEO

Node.js 101

New Ranking Metrics by Google

Introduction to React Native

Develop a Quick and Dirty Web interface to your database: for the DBA and oth...

Creating Content in a Pattern Library

Javascript & SEO 2019

10 Things Web Designers tend to forget when doing SEO

Headless browser: puppeteer and git client : GitKraken

Prototyping app using JS and HTML5 (Ciklum Kharkiv)

Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...

Dernier

Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore Escorts Service Booking Contact Details :- WhatsApp Chat :- +91-7737669865 Call Girls In Model Towh +91-7737669865 !! Best Woman Seeking Man Call Girls Service, Escorts Service in Home Hotel in NCR 24 Hours Available Service Call Girls, Contact Us +91-7737669865 (Any Time. Any Where) Call Girls in , Noida, Gurgaon, Ghaziabad,Sexy Indian Female Escorts Service NCRWelcome To Escorts Service – An All Over New Very Sexy Hot Call Girls Agency Service Escorts In South NCR’s No. 1 High Profile Independent Female Escorts Service. We Provide Good Quality Educated Profile At #K09 Very Regnebal Price 100% Safe And Original.We Are Provide Escorts Service All OYO Hotels ,3*,4*,5* Star Hotel And Home Flat, Apartment. Guest-House. Services In -Call And Out – Call Both Are Services Available. 24Hrs. Any Time Any Where. In All Over Noida Gurgaon Ghaziabad Faridabad.More Information And Contact Profile Real Pic Visit Our Website City Wise Escorts Service Agency.Good Looking Cheap And Best Models Girls U Can Get Best Click On Link……Night Call Girls Now In Hotel Le Meridien Gurgaon Near Female Escort One Shot — 5000/in call (time 1 hour), 6000/out call Two shot with one girl — 8000/in call (time 2 hour), 10000/out call Body to body massage with sex- 8000/in call (time 1 hour) Full night Service for one person– 12000/in call, 13000/out call (shot limit 3-4 shots) Full night Service for more than 1 person — please contact Us —7737669865 We are available 24*7 all days of the year. Call us — 7737669865 Thank you for Visiting.

Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...

amitlee9823

➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 Escorts Service Booking Contact Details :- WhatsApp Chat :- +91-7737669865 Call Girls In Model Towh +91-7737669865 !! Best Woman Seeking Man Call Girls Service, Escorts Service in Home Hotel in NCR 24 Hours Available Service Call Girls, Contact Us +91-7737669865 (Any Time. Any Where) Call Girls in , Noida, Gurgaon, Ghaziabad,Sexy Indian Female Escorts Service NCRWelcome To Escorts Service – An All Over New Very Sexy Hot Call Girls Agency Service Escorts In South NCR’s No. 1 High Profile Independent Female Escorts Service. We Provide Good Quality Educated Profile At #K09 Very Regnebal Price 100% Safe And Original.We Are Provide Escorts Service All OYO Hotels ,3*,4*,5* Star Hotel And Home Flat, Apartment. Guest-House. Services In -Call And Out – Call Both Are Services Available. 24Hrs. Any Time Any Where. In All Over Noida Gurgaon Ghaziabad Faridabad.More Information And Contact Profile Real Pic Visit Our Website City Wise Escorts Service Agency.Good Looking Cheap And Best Models Girls U Can Get Best Click On Link……Night Call Girls Now In Hotel Le Meridien Gurgaon Near Female Escort One Shot — 5000/in call (time 1 hour), 6000/out call Two shot with one girl — 8000/in call (time 2 hour), 10000/out call Body to body massage with sex- 8000/in call (time 1 hour) Full night Service for one person– 12000/in call, 13000/out call (shot limit 3-4 shots) Full night Service for more than 1 person — please contact Us —7737669865 We are available 24*7 all days of the year. Call us — 7737669865 Thank you for Visiting.

➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...

amitlee9823

HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along with Free Room Suman Hot Girls⇄ 9899900591 Mr Chirag ji Independent Call Now Delhi +91-9899900591 TODAY LOW PRICE 100% SAFE AND SECURE GENUINE CALL GIRL AFFORDABLE PRICE CALL NOWLOVELY HOTTY 👅💏 HI MODELS COLLEGE GIRLS👅💋 HI PROFILE VERY NAUGHTY💦📞👙 💥ANAL SEX💥 BDSM💥69 POSE💥LIP KISS💥 DEEP SUCKING WITHOUT CONDOM💥 CUM ON FACE💥 NUDE DANCE💥 BOOBS RUBBING💥 LICKING💥HAND JOB 💏GIRLFRIEND EXPERIENCE💏 EROTIC MASSAGE💥 💥 SEX IN DIFFERENT POSITION etc. A to Z SERVICE WITHOUT ANY RESTICATION💥 Sensual massaging and proper passionate blowjobs are just some of the things I have in store for you tonight. I am an experienced lover of skill who can blow your mind between the sheets. Call fast 👙👙💋 welcome guys 💋💋📞 😇BIG BOOBS AND SPICY PUSY😇 💋Nude Dancing💦 💋Fingering with 2,3 fingers💦 💋Hot voice chat in service time💦 🌺 GIRLFRIEND FEELING💦 🌺 SUCKING YOUR DICK ON CAMERA 🌺BOOBS RUBBING🍑 🌺PUSSY FINGRING💦 🌺ALL TYPE SEX POSITION ON🍑CAMERA ACCORDING YOUR WISH NOTE👉PLEASE CONTACT ME ONLY GENUINE PERSON ✅🥰 Thank you visit [N.M.] 1/045/2024

HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...

poojakaurpk09

原版定制【微信:176555708】【伯明翰大学学院毕业证（Birmingham毕业证书）】【微信:176555708】（留信学历认证永久存档查询）采用学校原版纸张、特殊工艺完全按照原版一比一制作（包括：隐形水印，阴影底纹，钢印LOGO烫金烫银，LOGO烫金烫银复合重叠，文字图案浮雕，激光镭射，紫外荧光，温感，复印防伪）行业标杆！精益求精，诚心合作，真诚制作！多年品质 ,按需精细制作，24小时接单,全套进口原装设备，十五年致力于帮助留学生解决难题，业务范围有加拿大、英国、澳洲、韩国、美国、新加坡，新西兰等学历材料，包您满意。【业务选择办理准则】一、工作未确定，回国需先给父母、亲戚朋友看下文凭的情况，办理一份就读学校的毕业证【微信176555708】文凭即可二、回国进私企、外企、自己做生意的情况，这些单位是不查询毕业证真伪的，而且国内没有渠道去查询国外文凭的真假，也不需要提供真实教育部认证。鉴于此，办理一份毕业证【微信176555708】即可三、进国企，银行，事业单位，考公务员等等，这些单位是必需要提供真实教育部认证的，办理教育部认证所需资料众多且烦琐，所有材料您都必须提供原件，我们凭借丰富的经验，快捷的绿色通道帮您快速整合材料，让您少走弯路。留信网认证的作用: 1:该专业认证可证明留学生真实身份 2:同时对留学生所学专业登记给予评定 3:国家专业人才认证中心颁发入库证书 4:这个认证书并且可以归档倒地方 5:凡事获得留信网入网的信息将会逐步更新到个人身份内，将在公安局网内查询个人身份证信息后，同步读取人才网入库信息 6:个人职称评审加20分 7:个人信誉贷款加10分 8:在国家人才网主办的国家网络招聘大会中纳入资料，供国家高端企业选择人才留信网服务项目： 1、留学生专业人才库服务（留信分析） 2、国（境）学习人员提供就业推荐信服务 3、留学人员区块链存储服务 → 【关于价格问题（保证一手价格）】我们所定的价格是非常合理的，而且我们现在做得单子大多数都是代理和回头客户介绍的所以一般现在有新的单子我给客户的都是第一手的代理价格，因为我想坦诚对待大家不想跟大家在价格方面浪费时间对于老客户或者被老客户介绍过来的朋友，我们都会适当给一些优惠。选择实体注册公司办理，更放心，更安全！我们的承诺：可来公司面谈，可签订合同，会陪同客户一起到教育部认证窗口递交认证材料，客户在教育部官方认证查询网站查询到认证通过结果后付款，不成功不收费！

怎样办理伯明翰大学学院毕业证（Birmingham毕业证书）成绩单留信认证

eeanqy

Design Inspiration for College by Slidesgo.pptx

TusharBahuguna2

BBBJ (Bareback Blowjob) ★ Spending time in my rooms ★ BJ (Blowjob Without a Condom) ★ COF (Come On Face) ★ Completion ★ (Oral to completion) bjnonCovered ★ Special Massage ★ O-Level (Oral sex) ★ Blow Job; ★ Oral sex with a noncondom) ★ COB (Come On Body) ★. Extraball (Have sex many ★ EXCLUSIVE PROFILes Are Safe and Consensual with Most Limits Respected ★ Service Available In: - HOME & HOTEL ★ BJ (Blowjob Without a Condom)

Real service provider college girl Mira Road 8976425520

modelanjalisharma4

Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency ❤Personal Contact Number Meerut Call Girl 8617697112 💦✅. Nitya salvi is Most trusted Call girls agency in meerut who offer quality and VIP call girl. We offer Beautiful and sexy Call Girls in Meerut 24 hours a day. Meerut Girl Whatsapp Number List - Exchange Meerut girls number for friendship, girls whatsapp group link, video call, photos, call girls chat and date. Are You Looking for Best escorts service and Call Girls services in Meerut Call Girls ? Sexy call girls Indian,russian,House wife. Flexibility Choices and options Lists of many beauty fantasies Turn your dream into reality Perfect companionship Cheap and convenient In-call and Out-call services And many more. WhatsApp Chat: 📞 8617697112 Visit The Website : https://www.nityasalvi.com/

Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency

Nitya salvi

Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Hard Call Girls Ernakulam Available Booking Contact Details :- WhatsApp Chat :- +91-7014168258 4-May-2024(SMW) Call Girls In Model Towh +91-7014168258 !! Best Woman Seeking Man Call Girls Service, Escorts Service in Home Hotel in NCR 24 Hours Available Service Call Girls, Contact Us +91-7014168258 (Any Time. Any Where) Call Girls in , Noida, Gurgaon, Ghaziabad,Sexy Indian Female Escorts Service NCRWelcome To Escorts Service – An All Over New Very Sexy Hot Call Girls Agency Service Escorts In South NCR’s No. 1 High Profile Independent Female Escorts Service. We Provide Good Quality Educated Profile At Very Regnebal Price 100% Safe And Original.We Are Provide Escorts Service All OYO Hotels ,3*,4*,5* Star Hotel And Home Flat, Apartment. Guest-House. Services In -Call And Out – Call Both Are Services Available. 24Hrs. Any Time Any Where. In All Over Noida Gurgaon Ghaziabad Faridabad.More Information And Contact Profile Real Pic Visit Our Website City Wise Escorts Service Agency.Good Looking Cheap And Best Models Girls U Can Get Best Click On Link……Night Call Girls Now In Hotel Le Meridien Gurgaon Near Female Escort One Shot — 5000/in call (time 1 hour), 6000/out call Two shot with one girl — 8000/in call (time 2 hour), 10000/out call Body to body massage with sex- 8000/in call (time 1 hour) Full night Service for one person– 12000/in call, 13000/out call (shot limit 3-4 shots) Full night Service for more than 1 person — please contact Us —7014168258 We are available 24*7 all days of the year. Call us — 7014168258 Thank you for Visiting.

Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...

nirzagarg

Sweety Planet Packaging Design Process Book.pptx

bingyichin04

Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian Girls Waiting For You To Fuck Booking Contact Details WhatsApp Chat: +91-6297143586 pune Escort Service includes providing maximum physical satisfaction to their clients as well as engaging conversation that keeps your time enjoyable and entertaining. Plus they look fabulously elegant; making an impressionable. Independent Escorts pune understands the value of confidentiality and discretion - they will go the extra mile to meet your needs. Simply contact them via text messaging or through their online profiles; they'd be more than delighted to accommodate any request or arrange a romantic date or fun-filled night together. We provide - 01-may-2024(v.n)

Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...

Call Girls in Nagpur High Profile

Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore Escorts Service Booking Contact Details :- WhatsApp Chat :- +91-7737669865 2-May-2024(SMW) Call Girls In Model Towh Bangalore +91-7737669865 !! Best Woman Seeking Man Call Girls Service, Escorts Service in Home Hotel in Bangalore NCR 24 Hours Available Service Call Girls, Contact Us +91-7737669865 (Any Time. Any Where) Call Girls in Bangalore, Noida, Gurgaon, Ghaziabad,Sexy Indian Female Escorts Service Bangalore NCRWelcome To Bangalore Escorts Service – An All Over New Bangalore Very Sexy Hot Call Girls Agency Service Escorts In South BangaloreNCRBangalore’s No. 1 High Profile Independent Female Escorts Service. We Provide Good Quality Educated Profile At Very Regnebal Price 100% Safe And Original.We Are Provide Escorts Service All OYO Hotels ,3*,4*,5* Star Hotel And Home Flat, Apartment. Guest-House. Services In -Call And Out – Call Both Are Services Available. 24Hrs. Any Time Any Where. In All Over Bangalore Noida Gurgaon Ghaziabad Faridabad.More Information And Contact Profile Real Pic Visit Our Website City Wise Escorts Service Agency.Good Looking Cheap And Best Models Girls U Can Get Best Click On Link……Night Call Girls Now In Hotel Le Meridien Gurgaon Near Female Escort One Shot — 5000/in call (time 1 hour), 6000/out call Two shot with one girl — 8000/in call (time 2 hour), 10000/out call Body to body massage with sex- 8000/in call (time 1 hour) Full night Service for one person– 12000/in call, 13000/out call (shot limit 3-4 shots) Full night Service for more than 1 person — please contact Us —7737669865 We are available 24*7 all days of the year. Call us — 7737669865 Thank you for Visiting.

Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...

amitlee9823

(Vivek)Call Us, 8448380779,Call girls in Delhi NCr – We Offer best in class call girls. escort Service At Affordable Price At low Rate with Space Night 8000 We Are One Of The Oldest Escort and Call girls Agencies in Delhi. You Will Find That Our Female Escorts Are Full Of Fun, Sexy And They Would Love Enjoy Your Company. We Have A Fantastic Selection Of Escort Ladies Available For In-Calls As Well As Out-Calls. Our Escorts Are Not Only Beautiful But All Have Great Personalities Making Them The Perfect Companion For Any Occasion. In-Call:- You Can Come At Our Place in Delhi Our place Which Is Very Clean Hygienic 100% safe Accommodation. Out-Call:- You have To Come Pick The Girl From My Place We Are Also Provide Door Step Services (Delhi Ncr, Noida, Gurgaon, Faridabad, Ghaziabad Note:- Pic Collectors Time Passers Bargainers Stay Away As We Respect The Value For Your Money Time And Expect The Same From You Hygienic:- Full Ac room And Clean Rooms Available In Hotel 24 * 7 Hourly In Delhi NCR More Details, With WhatsApp Number, +91-8448380779

call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️

Delhi Call girls

Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore) Booking Contact Details :- WhatsApp Chat :- +91-7737669865 2-May-2024(SMW) Call Girls In Model Towh Bangalore +91-7737669865 !! Best Woman Seeking Man Call Girls Service, Escorts Service in Home Hotel in Bangalore NCR 24 Hours Available Service Call Girls, Contact Us +91-7737669865 (Any Time. Any Where) Call Girls in Bangalore, Noida, Gurgaon, Ghaziabad,Sexy Indian Female Escorts Service Bangalore NCRWelcome To Bangalore Escorts Service – An All Over New Bangalore Very Sexy Hot Call Girls Agency Service Escorts In South BangaloreNCRBangalore’s No. 1 High Profile Independent Female Escorts Service. We Provide Good Quality Educated Profile At Very Regnebal Price 100% Safe And Original.We Are Provide Escorts Service All OYO Hotels ,3*,4*,5* Star Hotel And Home Flat, Apartment. Guest-House. Services In -Call And Out – Call Both Are Services Available. 24Hrs. Any Time Any Where. In All Over Bangalore Noida Gurgaon Ghaziabad Faridabad.More Information And Contact Profile Real Pic Visit Our Website City Wise Escorts Service Agency.Good Looking Cheap And Best Models Girls U Can Get Best Click On Link……Night Call Girls Now In Hotel Le Meridien Gurgaon Near Female Escort One Shot — 5000/in call (time 1 hour), 6000/out call Two shot with one girl — 8000/in call (time 2 hour), 10000/out call Body to body massage with sex- 8000/in call (time 1 hour) Full night Service for one person– 12000/in call, 13000/out call (shot limit 3-4 shots) Full night Service for more than 1 person — please contact Us —7737669865 We are available 24*7 all days of the year. Call us — 7737669865 Thank you for Visiting.

Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)

amitlee9823

RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore Escorts Service Booking Contact Details :- WhatsApp Chat :- +91-7737669865 4-May-2024(SMW) Call Girls In Model Towh +91-7737669865 !! Best Woman Seeking Man Call Girls Service, Escorts Service in Home Hotel in NCR 24 Hours Available Service Call Girls, Contact Us +91-7737669865 (Any Time. Any Where) Call Girls in , Noida, Gurgaon, Ghaziabad,Sexy Indian Female Escorts Service NCRWelcome To Escorts Service – An All Over New Very Sexy Hot Call Girls Agency Service Escorts In South NCR’s No. 1 High Profile Independent Female Escorts Service. We Provide Good Quality Educated Profile At Very Regnebal Price 100% Safe And Original.We Are Provide Escorts Service All OYO Hotels ,3*,4*,5* Star Hotel And Home Flat, Apartment. Guest-House. Services In -Call And Out – Call Both Are Services Available. 24Hrs. Any Time Any Where. In All Over Noida Gurgaon Ghaziabad Faridabad.More Information And Contact Profile Real Pic Visit Our Website City Wise Escorts Service Agency.Good Looking Cheap And Best Models Girls U Can Get Best Click On Link……Night Call Girls Now In Hotel Le Meridien Gurgaon Near Female Escort One Shot — 5000/in call (time 1 hour), 6000/out call Two shot with one girl — 8000/in call (time 2 hour), 10000/out call Body to body massage with sex- 8000/in call (time 1 hour) Full night Service for one person– 12000/in call, 13000/out call (shot limit 3-4 shots) Full night Service for more than 1 person — please contact Us —7737669865 We are available 24*7 all days of the year. Call us — 7737669865 Thank you for Visiting.

RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...

amitlee9823

Editorial design Magazine design project.pdf

tbatkhuu1

Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot Indian Girls Waiting For You To Fuck Booking Contact Details WhatsApp Chat: +91-6297143586 pune Escort Service includes providing maximum physical satisfaction to their clients as well as engaging conversation that keeps your time enjoyable and entertaining. Plus they look fabulously elegant; making an impressionable. Independent Escorts pune understands the value of confidentiality and discretion - they will go the extra mile to meet your needs. Simply contact them via text messaging or through their online profiles; they'd be more than delighted to accommodate any request or arrange a romantic date or fun-filled night together. We provide - 01-may-2024(v.n)

Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...

Call Girls in Nagpur High Profile

Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massage with sex Booking Contact Details :- WhatsApp Chat :- +91-9920725232 4-May-2024(SMW) Call Girls In Model Towh +91-9920725232 !! Best Woman Seeking Man Call Girls Service, Escorts Service in Home Hotel in NCR 24 Hours Available Service Call Girls, Contact Us +91-9920725232 (Any Time. Any Where) Call Girls in , Noida, Gurgaon, Ghaziabad,Sexy Indian Female Escorts Service NCRWelcome To Escorts Service – An All Over New Very Sexy Hot Call Girls Agency Service Escorts In South NCR’s No. 1 High Profile Independent Female Escorts Service. We Provide Good Quality Educated Profile At Very Regnebal Price 100% Safe And Original.We Are Provide Escorts Service All OYO Hotels ,3*,4*,5* Star Hotel And Home Flat, Apartment. Guest-House. Services In -Call And Out – Call Both Are Services Available. 24Hrs. Any Time Any Where. In All Over Noida Gurgaon Ghaziabad Faridabad.More Information And Contact Profile Real Pic Visit Our Website City Wise Escorts Service Agency.Good Looking Cheap And Best Models Girls U Can Get Best Click On Link……Night Call Girls Now In Hotel Le Meridien Gurgaon Near Female Escort One Shot — 5000/in call (time 1 hour), 6000/out call Two shot with one girl — 8000/in call (time 2 hour), 10000/out call Body to body massage with sex- 8000/in call (time 1 hour) Full night Service for one person– 12000/in call, 13000/out call (shot limit 3-4 shots) Full night Service for more than 1 person — please contact Us —9920725232 We are available 24*7 all days of the year. Call us — 9920725232 Thank you for Visiting.

Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...

amitlee9823

Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard Call Girls Darbhanga Available Booking Contact Details :- WhatsApp Chat :- +91-7014168258 4-May-2024(SMW) Call Girls In Model Towh +91-7014168258 !! Best Woman Seeking Man Call Girls Service, Escorts Service in Home Hotel in NCR 24 Hours Available Service Call Girls, Contact Us +91-7014168258 (Any Time. Any Where) Call Girls in , Noida, Gurgaon, Ghaziabad,Sexy Indian Female Escorts Service NCRWelcome To Escorts Service – An All Over New Very Sexy Hot Call Girls Agency Service Escorts In South NCR’s No. 1 High Profile Independent Female Escorts Service. We Provide Good Quality Educated Profile At Very Regnebal Price 100% Safe And Original.We Are Provide Escorts Service All OYO Hotels ,3*,4*,5* Star Hotel And Home Flat, Apartment. Guest-House. Services In -Call And Out – Call Both Are Services Available. 24Hrs. Any Time Any Where. In All Over Noida Gurgaon Ghaziabad Faridabad.More Information And Contact Profile Real Pic Visit Our Website City Wise Escorts Service Agency.Good Looking Cheap And Best Models Girls U Can Get Best Click On Link……Night Call Girls Now In Hotel Le Meridien Gurgaon Near Female Escort One Shot — 5000/in call (time 1 hour), 6000/out call Two shot with one girl — 8000/in call (time 2 hour), 10000/out call Body to body massage with sex- 8000/in call (time 1 hour) Full night Service for one person– 12000/in call, 13000/out call (shot limit 3-4 shots) Full night Service for more than 1 person — please contact Us —7014168258 We are available 24*7 all days of the year. Call us — 7014168258 Thank you for Visiting.

Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...

nirzagarg

Model Call Girl Services in Delhi reach out to us at 🔝 9953056974 🔝✔️✔️ Our agency presents a selection of young, charming call girls available for bookings at Oyo Hotels. Experience high-class escort services at pocket-friendly rates, with our female escorts exuding both beauty and a delightful personality, ready to meet your desires. Whether it's Housewives, College girls, Russian girls, Muslim girls, or any other preference, we offer a diverse range of options to cater to your tastes. We provide both in-call and out-call services for your convenience. Our in-call location in Delhi ensures cleanliness, hygiene, and 100% safety, while our out-call services offer doorstep delivery for added ease. We value your time and money, hence we kindly request pic collectors, time-passers, and bargain hunters to refrain from contacting us. Our services feature various packages at competitive rates: One shot: ₹2000/in-call, ₹5000/out-call Two shots with one girl: ₹3500/in-call, ₹6000/out-call Body to body massage with sex: ₹3000/in-call Full night for one person: ₹7000/in-call, ₹10000/out-call Full night for more than 1 person: Contact us at 🔝 9953056974 🔝. for details Operating 24/7, we serve various locations in Delhi, including Green Park, Lajpat Nagar, Saket, and Hauz Khas near metro stations. For premium call girl services in Delhi 🔝 9953056974 🔝. Thank you for considering us!

call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️

9953056974 Low Rate Call Girls In Saket, Delhi NCR

call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...

Delhi Call girls

Dernier (20)

Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...

➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...

HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...

怎样办理伯明翰大学学院毕业证（Birmingham毕业证书）成绩单留信认证

Design Inspiration for College by Slidesgo.pptx

Real service provider college girl Mira Road 8976425520

Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency

Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...

Sweety Planet Packaging Design Process Book.pptx

Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...

Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...

call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️

Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)

RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...

Editorial design Magazine design project.pdf

Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...

Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...

Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...

call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️

call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...

Twitter Bootstrap for web UI development

1. SWT Tech share Twitter Bootstrap for web UI development @khasathan 17/10/2012

2. Web UI anatomy HTML CSS Java script 2

3. Problems Problem I'm Programmer 3

4. Problems ● ออกแบบเอง กาก! ● CSS layout คือยาขม I'm Programmer ● ทำาเองใหม่หมดเสีย เวลา 4

5. Problems ● เขียนโปรแกรมไม่เป็น ● CSS Reuse code ยาก I'm Designer ● ทำาเองใหม่หมดเสีย เวลา 5

6. Problems Problem I'm Programmer 6

7. Problems I'm Programmer 7

8. http://twitter.github.com/bootstrap 8

9. B Twitter Bootstrap ● Open source! Developed by @mdo, @fat used for Twitter Inc. ● Update (29 Sep, 2012) @mdo, @fat leaving Twitter Inc. 9

10. But... still support Bootstrap :) 10

11. B Twitter Bootstrap ● Combine with HTML + Javascript → for programmer CSS + Image + Icon → for designer 11

12. Why we use Bootstrap? ● Easy and clean code ● Cross-Browsers ● Responsive 12

13. Easy and clean code 13

14. Cross-Browsers http://www.webdesignhot.com/wp-content/uploads/2010/06/IEChromeFirefoxSafariOperaLogoVector.jpg 14

15. Responsive ● อุปกรณ์เข้าถึง internet หลากหลายขึ้น ● ขนาดหน้าจอแสดงผลต่าง กัน 15

16. Responsive ● การทำาเว็บให้แสดงผลเหมาะสมกับอุปกรณ์ทเี่ ข้า ถึงเว็บ 16

17. Full page 17

18. resized page 18

19. What's included ● Layout ● Base CSS ● Components ● Javascript plugins 19

20. How to use Bootstrap? ● Only 3 steps ● Customize and download ● Link in HTML file ● Coding 20

21. 1. Custom and download 21

22. 2. Link in HTML file 22

23. 3. Code what you want 23

24. Finished! 24

25. Power up! Bootstrap ● Font Awesome ● Jetstrap ● Jquery UI with Bootstrap theme ● Bootswatch ● Boottheme 25

26. Font Awesome ● Font-face icon based-on Bootstrap ● Available for modern browsers ● Support IE7 :) 26

27. Font Awesome features URL: http://fortawesome.github.com/Font-Awesome 27

28. Jetstrap ● WYSIWYG (What You See Is What You Get) ● Drag and Drop ● 100% web-based! ● Let's try http://jetstrap.com 28

29. JQuery UI with Bootstrap theme ● Integrate Jquery UI with Bootstrap 29

30. Bootswatch ● Free download custom theme for Bootstrap 30

31. Boottheme ● Customize, theme generator for Bootstrap 31

32. Resources ● Jetstrap - http://jetstrap.com ● Twitter Bootstrap - http://twitter.github.com/bootstrap ● JQuery UI Bootstrap- http://addyosmani.github.com/jquery-ui-bootstrap ● W3School - http://www.w3resource.com/twitter-bootstrap/tutorial.php ● Bootsnipp - http://bootsnipp.com ← Cool! ● Bootswatch - http://bootswatch.com ● Boottheme - http://www.boottheme.com 32

33. Q&A 33

Twitter Bootstrap for web UI development

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

En vedette

En vedette (6)

Similaire à Twitter Bootstrap for web UI development

Similaire à Twitter Bootstrap for web UI development (20)

Dernier

Dernier (20)

Twitter Bootstrap for web UI development