BEP-PARTS

mouse

69th-Independence-Day-Speech-in-Hindi-English-15th-Aug-2015-8

Building Web Applications with HTML5, CSS3, and Javascript: An Introduction to HTML5 Jason Clark Head of Digital Access & Web Services Montana State University Library pinboard.in #tag pinboard.in/u:jasonclark/t:lita-html5/ twitter #hashtag #litahtml5 Overview • Revolution or Evolution? • New Features and Functions • Demos • Getting Started • Questions Hello, My Name is… • Background, Position • HTML, Programming experience? • Experience with CSS3? • What do you want to learn most? Terms: HTML, CSS, API Does everybody know what these elements are? CSS - style rules for HTML documents HTML - markup tags that structure docs - browsers read them and display according to rules API (application programming interface) - set of routines, protocols, and tools for building software applications http://www.w3.org/History/19921103-hypertext/hypertext/WWW/Link.html HTML5 spec from WHATWG “The World Wide Web's markup language has always been HTML. HTML was primarily designed as a language for semantically describing scientific documents, although its general design and adaptations over the years has enabled it to be used to describe a number of other types of documents. The main area that has not been adequately addressed by HTML is a vague subject referred to as Web Applications. This specification attempts to rectify this, while at the same time updating the HTML specifications to address issues raised in the past few years.”

Building Web Applications with HTML5, CSS3, and Javascript: An Introduction to HTML5 Jason Clark Head of Digital Access & Web Services Montana State University Library pinboard.in #tag pinboard.in/u:jasonclark/t:lita-html5/ twitter #hashtag #litahtml5 Overview • Revolution or Evolution? • New Features and Functions • Demos • Getting Started • Questions Hello, My Name is… • Background, Position • HTML, Programming experience? • Experience with CSS3? • What do you want to learn most? Terms: HTML, CSS, API Does everybody know what these elements are? CSS - style rules for HTML documents HTML - markup tags that structure docs - browsers read them and display according to rules API (application programming interface) - set of routines, protocols, and tools for building software applications http://www.w3.org/History/19921103-hypertext/hypertext/WWW/Link.html HTML5 spec from WHATWG “The World Wide Web's markup language has always been HTML. HTML was primarily designed as a language for semantically describing scientific documents, although its general design and adaptations over the years has enabled it to be used to describe a number of other types of documents. The main area that has not been adequately addressed by HTML is a vague subject referred to as Web Applications. This specification attempts to rectify this, while at the same time updating the HTML specifications to address issues raised in the past few years.” www.whatwg.org/specs/web-apps/2005-09-01/#introduction Chrome Experiments Arcade Fire - The Wilderness Downtown http://www.chromeexperiments.com/arcadefire/ HTML5 Working Examples HTML5 Mobile Feed Widget www.lib.montana.edu/~jason/files/html5-mobile-feed/ BookMeUp www.lib.montana.edu/beta/bookme/ • Learn more by viewing source OR • Downloading from jasonclark.info or github.com/ jasonclark HTML5 as "umbrella" Term • Changes to HTML spec • Additions to CSS spec • New Javascript APIs Evolution into HTML5 Reacting to how the web is used A Minimal HTML5 Document Semantic & Functional Markup • header • footer • nav • main • section • article • aside • figure • figcaption • details • mark • menu • datalist • contenteditable attribute • data-* attributes Microdata – RDFa Lite RDFa markup for machine-readable HTML • vocab • typeof • property Microdata RDFa Lite - Book

Title

A River Runs Through It and Other Stories

Author

Norman Maclean

Publication date

October 1, 2001

ID

0226500667

Microdata 1.0 Markup for machine-readable HTML • itemscope • itemtype • itemprop Microdata 1.0 - Book

Title

A River Runs Through It and Other Stories

Author

Norman Maclean

Publication date

October 1, 2001

ID

0226500667

Link Relations Explain why you're pointing to another page. "I'm pointing to this other page because..." rel=alternate rel=archives rel=author rel=external rel=icon rel=license rel=prefetch rel=search rel=sidebar rel=tag ... Native Video and Audio • simple markup • no plugin • limited vid formats: .ogv, .mp4, webm Canvas Draw into HTML elements via scripting (usually JavaScript) draw graphs, make photo compositions, create animations or even do real-time video processing Details Widget functionality to obtain additional information or controls • Create collapsible navigation menus, FAQ widgets, basic toggle functions, etc.

Question [toggle +/-]

Answer to Question…

Forms

• field types - email, date, search • validation • regular expressions • still need to watch for security/hacks Markup data-* Attributes Store custom data private to the page or application, for which there are no more appropriate attributes or elements • store anything which can be string encoded

• Make Things
• Do Stuff

Data URIs Embed small files inline in documents ! data:[][;charset=] [;base64], HTML5 right now? IE? Demos & Examples It's your call.... catalog.douglascountylibraries.org/EcontentRecord/19339/Viewer?item=3439864 Demos • YouTube HTML5 demo o http://www.youtube.com/html5 • 24 ways CSS3 demo o http://24ways.org/ • HTML5 Demos o http://html5demos.com/ • Other possible examples: o geolocation o localStorage What Type of Support? • see "When can I use…" o http://a.deveria.com/caniuse/ • Mobile browsers leading the way • Modernizr • http://www.modernizr.com/ • HTML5 enabling script o http://html5shim.googlecode.com/svn/ trunk/html5.js Resources • HTML5 Tag Reference (W3Schools) o w3schools.com/html5/html5_reference.asp • Cross Browser Support Tables o www.findmebyip.com/litmus/ • HTML5 Doctor o html5doctor.com/ • CSS3 Previews (CSS3.info) o www.css3.info/preview/ • HTML5 & CSS3 Cheat Sheets o webresourcesdepot.com/html-5-and-css3- cheat-sheets-collection/ Resources (cont.) • HTML5 Boilerplate o http://html5boilerplate.com/ • HTML5rocks o html5rocks.com • HTML5 Please o html5please.com/#use Assignment 1 • Using HTML5 Class Template • http://www.lib.montana.edu/~jason/files/html5-mobilefeed/ template.html 1. Add header, nav, main, 3 section(s), aside, footer 2. Create

with 3 anchor links corresponding to 3 section(s) using ids as anchor links 3. Add content (dummy text) into remaining tags 4. Add RDFa Lite microdata to page

EXPERIMENT - 1 AIM: To implement 8X1 Multiplexer. 2 TOOLS/APPARATUS:IC 74151, Power supply, Connecting wires, Multimeter, Breadboardetc. 3 STANDARD PROCEDURES: 3.1 Analyzing the Problem: A multiplexer (MUX) is a digital switch which connects data from one of n sources to the output. A number of select inputs determine which data source is connected to the output. The block diagram of MUX with n data sources of b bits wide and s bits wide select line is shown in below figure MUX acts like a digitally controlled multi-position switch where the binary code applied to the select inputs controls the input source that will be switched on to the output as shown in the figure below.At any given point of time only one input gets selected and is connected to output, based on the select input signal. Circuit diagram: 3.2 . IC 74LS151 is used as 8x1 multiplexer IC &pinout for IC 74151 is as below: Pin Diagram MULTIPLEXER IC 74151 3.3 Implementing the Solution •Plug the chips you will be using into the breadboard. Point all the chips in the same direction with pin 1 at the upper-left corner. (Pin 1 is often identified by a dot or a notch next to it on the chip package). •Connect +5V and GND pins of each chip to the power and ground bus strips on the breadboard. •Make the connections as per the circuit diagram. •Switch on VCC and apply various combinations of input according to truth table. •Derive your conclusion. Observation table for example: INPUT SELECT LINE INPUT LINE OUTPUT ENB S2 S1 S0 I7 I6 I5 I4 I3 I2 I1 I0 Y Y’ 0 0 0 0 * * * * * * * I0 I0 0 0 0 1 * * * * * * I1 * I1 0 0 1 0 * * * * * I2 * * I2 0 0 1 1 * * * * I3 * * * I3 0 1 0 0 * * * I4 * * * * I4 0 1 0 1 * * I5 * * * * * I5 0 1 1 0 * I6 * * * * * * I6 0 1 1 1 I7 * * * * * * * I7 Conclusions:- We can conclude that to implement any function we can use multiplexer

independence day

HELP DESK

SINCE IT HAS BEEN ESTABLISHED 2015 , OCTOBER.
IT'S OWNER IS MOHAMMAD MOFIJUL MOLLA

It is situated at Patharghata
P.s :- Rajarhat New Town P.O :- Patharghata
Dist :- North 24 Parganas Pin :- 700135

Know more....Contact bellow Name :

Mofijul Molla (C.M)
Vill+P.O :- Patharghata
P.S :- Rajarhat New Town
E-mail:- mofijulmollakhan@gmail.com
Phone No :- 8232999728 / 8442883878

Go Back To Main Menu

INSTITUTION DETAILS

SINCE IT HAS BEEN ESTABLISHED 2015 , OCTOBER.
IT'S OWNER IS MOHAMMAD MOFIJUL MOLLA

Vision.........
In the Present Era The Computer Education is THE Most
Important Assets. Nobody Deny it. So, you can Bright your
Child's Future Life By The Computer Education. Now Your
Choice .

Go Back To Main Menu

TO KNOW MORE SEND E-MAIL ON THIS E-MAIL click here to send or know something

nice and beautiful song রব্বে ক নায়েন Robbe k nayen prayer song

NICE SONG

বাড়ি ওয়ালা নাইরে বাড়ি নাইরে দুনিয়াতে , bariwala naire bari naire dun...