├── .gitignore ├── 01-html-1 ├── css-custom │ └── custom.css ├── img │ ├── 0.jpeg │ ├── 2015-09-21_2328.png │ ├── 311540-Sepik.jpg │ ├── 4fc7c62eb312d3.01670533.png │ ├── Meteor_shower_hd_wallpaper.jpg │ ├── Tim-Berners-Lee.jpg │ ├── Universe_Love.png │ ├── anchor.jpg │ ├── article46.jpg │ ├── beef_16x91.jpg │ ├── cats.jpg │ ├── cern-ii.jpg │ ├── cosmic-glow-around-the-earth-16968.jpg │ ├── featured-space-policy.jpg │ ├── group-el.jpg │ ├── html-anatomy.png │ ├── ie6.jpg │ ├── mathML.png │ ├── risovach.ru.jpg │ ├── semantic.jpeg │ ├── tube_map.gif │ ├── w3c_whatwg_header.jpg │ ├── what-is-html.jpg │ └── winter-is-coming-funny-cat-picture.jpg └── index.html ├── 02-html-2 ├── audio │ ├── music (mp3cut.ru).mp3 │ └── music.mp3 ├── css-custom │ ├── custom.css │ └── fonts │ │ ├── textbook-bold.eot │ │ ├── textbook-bold.ttf │ │ ├── textbook-bold.woff │ │ ├── textbook-light.eot │ │ ├── textbook-light.ttf │ │ ├── textbook-light.woff │ │ ├── textbook-regular.eot │ │ ├── textbook-regular.ttf │ │ └── textbook-regular.woff ├── img │ ├── 0_1578e2_92411835_XL.jpg │ ├── 0_1578e8_668dfcc4_XL.jpg │ ├── 311540-Sepik.jpg │ ├── assign.png │ ├── cat_bank.jpg │ ├── cats.jpg │ ├── cosmic-glow-around-the-earth-16968.jpg │ ├── fat_cat.jpg │ ├── featured-space-policy.jpg │ ├── forma_interer.jpg │ ├── global.jpg │ ├── home_skelet.png │ ├── inter.jpg │ ├── schema.svg │ ├── tag_track_ie.jpg │ ├── y.png │ ├── yandex.png │ └── yandex.svg ├── index.html ├── srcset.html ├── translate.html └── video │ ├── jane.mp4 │ ├── jane.ru.vtt │ ├── rabbit.jpg │ └── rabbit.mp4 ├── 03-css ├── css-custom │ ├── custom.css │ └── fonts │ │ ├── textbook-bold.eot │ │ ├── textbook-bold.ttf │ │ ├── textbook-bold.woff │ │ ├── textbook-light.eot │ │ ├── textbook-light.ttf │ │ ├── textbook-light.woff │ │ ├── textbook-regular.eot │ │ ├── textbook-regular.ttf │ │ └── textbook-regular.woff ├── img │ ├── 001-dom1.png │ ├── 001-dom2.png │ ├── 001-dom3.png │ ├── 001-dom4.png │ ├── 001-dom5.png │ ├── 001-dom6.png │ ├── 01-ie6.jpg │ ├── 03-moar.jpg │ ├── 04-shb.jpg │ ├── 05-ugadai.jpg │ ├── 06-tigr.png │ ├── 06-tmi.gif │ ├── 07-oh-yeah.gif │ ├── 08-id.gif │ ├── 09-party.jpg │ ├── 10-70.jpg │ ├── 10-combination.png │ ├── 11-luke.jpg │ ├── 12-shmelobkrk.jpg │ ├── 13-lego.jpg │ ├── 14-before-after.jpg │ ├── 15-dom.png │ ├── 16-dom1.png │ ├── 17-dom2.png │ ├── 18-dom3.png │ ├── 19-dom4.png │ ├── 20-dom5.png │ ├── 21-dom6.png │ ├── 22-dom7.png │ ├── 22-rules.jpg │ ├── 23-cascade.jpg │ ├── 23-inherit.jpg │ ├── 23-specificity.png │ ├── 23-specificity_.png │ ├── 24-nyan.gif │ ├── 24-rgb.jpg │ ├── 25-hsl.png │ ├── 26-moar.jpg │ ├── 27-why.jpg │ ├── brat.jpg │ ├── history.jpg │ ├── specificity.jpg │ └── trafaret.jpg ├── index.html └── media │ └── psy.mp3 ├── 04-fonts-text ├── css-custom │ ├── j7.css │ ├── night.css │ └── yandex.css ├── img │ ├── baseline.gif │ ├── bitmap_o.jpg │ ├── bold_diff.png │ ├── civilization.png │ ├── columns.jpg │ ├── d3.png │ ├── diablo.png │ ├── dino.png │ ├── em_digital.jpg │ ├── em_metal.JPG │ ├── far_cry_4.jpg │ ├── ff1.png │ ├── font_anatomy.png │ ├── font_size.png │ ├── font_styles.gif │ ├── hypens.png │ ├── italic_diff.png │ ├── leading.png │ ├── letter_heights.gif │ ├── parasite_eve_2.jpg │ ├── pixel.gif │ ├── shy.png │ ├── site_fonts.gif │ ├── vector.png │ ├── vector_text.png │ └── warcraft_3.jpg └── index.html ├── 05-mo-1 ├── .idea │ ├── 05-mo-1.iml │ ├── codeStyleSettings.xml │ ├── misc.xml │ ├── modules.xml │ ├── vcs.xml │ └── workspace.xml ├── css-custom │ ├── custom.css │ └── fonts │ │ ├── textbook-bold.eot │ │ ├── textbook-bold.ttf │ │ ├── textbook-bold.woff │ │ ├── textbook-light.eot │ │ ├── textbook-light.ttf │ │ ├── textbook-light.woff │ │ ├── textbook-regular.eot │ │ ├── textbook-regular.ttf │ │ └── textbook-regular.woff ├── img │ ├── 00-graph.png │ ├── 00-notbad.jpg │ ├── 01-pixels.jpg │ ├── 02-yandex.png │ ├── 03-yandex-outline.png │ ├── 04-box-content.png │ ├── 05-box-padding.png │ ├── 06-box-border.png │ ├── 07-box-margin.png │ ├── 08-box-notall.png │ ├── 09-box-notall2.png │ ├── 10-box-different.png │ ├── 11-box-different-01.png │ ├── 12-clock.jpg │ ├── 13-border.jpg │ ├── 14-cat-box.jpg │ ├── 15-boxcreation.jpg │ ├── 16-math.jpg │ ├── 17-flex.jpg │ ├── 18-flex_terms.png │ ├── 19-margin-math1.png │ ├── 20-margin-math2.png │ ├── 21-margin-math3.png │ ├── 22-margin-math4.png │ ├── 23-height.png │ ├── 24-percent.jpg │ ├── 25-app.jpg │ └── 26-table.jpg └── index.html ├── 06-mo-2 ├── css-custom │ ├── custom.css │ ├── fonts │ │ ├── textbook-bold.eot │ │ ├── textbook-bold.ttf │ │ ├── textbook-bold.woff │ │ ├── textbook-light.eot │ │ ├── textbook-light.ttf │ │ ├── textbook-light.woff │ │ ├── textbook-regular.eot │ │ ├── textbook-regular.ttf │ │ └── textbook-regular.woff │ └── night.css ├── img │ ├── float.jpg │ ├── MI_IE60_zindex.gif │ ├── MI_IE60_zindex.png │ ├── cat1.gif │ ├── cat2.gif │ ├── css-is-awesome.png │ ├── fish-wallpaper-wonderful.jpg │ ├── giphy.gif │ └── hell.png └── index.html ├── 07-mo-3 ├── css-custom │ ├── custom.css │ └── fonts │ │ ├── textbook-bold.eot │ │ ├── textbook-bold.ttf │ │ ├── textbook-bold.woff │ │ ├── textbook-light.eot │ │ ├── textbook-light.ttf │ │ ├── textbook-light.woff │ │ ├── textbook-regular.eot │ │ ├── textbook-regular.ttf │ │ └── textbook-regular.woff ├── img │ ├── 01.gif │ ├── 02.jpg │ ├── 03.jpg │ ├── 04.jpg │ ├── 05.jpg │ ├── 06.jpg │ ├── 07.jpg │ ├── 08.jpg │ ├── 09.jpg │ ├── 1.psd │ ├── 10.jpg │ ├── 11.jpg │ ├── 12.jpg │ ├── 12_1.jpg │ ├── 13.jpg │ ├── 14.jpg │ ├── 15.jpg │ ├── 16.jpg │ ├── 17.jpg │ ├── 18.jpg │ ├── 19.jpg │ ├── 20.jpg │ ├── 21.jpg │ ├── 22.png │ ├── 23.jpg │ ├── 24.png │ ├── 25.png │ ├── 26.png │ ├── 27.png │ ├── 28.png │ ├── 29.jpg │ ├── 30.jpg │ ├── 31.jpg │ ├── 32.jpg │ ├── 33.jpg │ ├── 34.jpg │ ├── 35.png │ ├── 36.png │ ├── 37.jpg │ ├── 38.jpg │ ├── 39.jpg │ ├── 40.png │ └── m.jpg └── index.html ├── 08-animation ├── css-custom │ ├── custom.css │ ├── fonts │ │ ├── textbook-bold.eot │ │ ├── textbook-bold.ttf │ │ ├── textbook-bold.woff │ │ ├── textbook-light.eot │ │ ├── textbook-light.ttf │ │ ├── textbook-light.woff │ │ ├── textbook-regular.eot │ │ ├── textbook-regular.ttf │ │ └── textbook-regular.woff │ └── night.css ├── img │ ├── coordinates-trimed.png │ ├── cube.gif │ ├── cubic-bezier_points_values.png │ ├── example-18.png │ ├── example-19.png │ ├── giphy.gif │ ├── glass-3d.png │ ├── like.png │ ├── linear.png │ ├── perspective.jpg │ ├── rocket.png │ ├── superman.png │ └── переход_3.jpg └── index.html ├── 09-browser ├── css-custom │ ├── custom.css │ └── fonts │ │ ├── textbook-bold.eot │ │ ├── textbook-bold.ttf │ │ ├── textbook-bold.woff │ │ ├── textbook-light.eot │ │ ├── textbook-light.ttf │ │ ├── textbook-light.woff │ │ ├── textbook-regular.eot │ │ ├── textbook-regular.ttf │ │ └── textbook-regular.woff ├── img │ ├── 01-browser.jpg │ ├── 02-browser-wars.jpg │ ├── 03-browser-wars.jpg │ ├── 04-edge-logo.jpg │ ├── 04-edge-logo.png │ ├── 05-firefox-logo.png │ ├── 06-safari-logo.png │ ├── 07-chromium-logo.png │ ├── 08-yabro-logo.png │ ├── 09-chrome-logo.png │ ├── 10-opera-logo.png │ ├── 11-opera-mini-logo.png │ ├── 12-browser-architecture.png │ ├── 13-browser-networking-dns.png │ ├── 13-browser-networking-dns_1.png │ ├── 13-browser-networking-dns_2.png │ ├── 13-browser-networking-dns_3.png │ ├── 13-browser-networking-dns_3_1.png │ ├── 13-browser-networking-dns_4.png │ ├── 13-browser-networking-dns_4_1.png │ ├── 13-browser-networking-dns_5.png │ ├── 13-browser-networking-dns_6.png │ ├── 13-browser-networking-dns_7.png │ ├── 13-browser-networking-dns_8.png │ ├── 13-browser-networking-dns_9.png │ ├── 14-browser-dns.png │ ├── 15-russia-request.png │ ├── 16-browser-parsing.png │ ├── 17-browser-rendering.png │ ├── 17-browser-rendering_ff.png │ ├── 18-go-deeper.jpg │ ├── 19-cssom.png │ ├── 20-write-right.png │ ├── 21-dom-cssom.png │ ├── 22-urfu.png │ ├── 23-incremental-reflow_1.png │ ├── 23-incremental-reflow_10.png │ ├── 23-incremental-reflow_2.png │ ├── 23-incremental-reflow_2_1.png │ ├── 23-incremental-reflow_3.png │ ├── 23-incremental-reflow_4.png │ ├── 23-incremental-reflow_5.png │ ├── 23-incremental-reflow_6.png │ ├── 23-incremental-reflow_7-01.png │ ├── 23-incremental-reflow_7.png │ ├── 23-incremental-reflow_8.png │ ├── 23-incremental-reflow_9.png │ ├── 24-scripts-flow.png │ ├── 24-scripts-flow_1.png │ ├── 24-scripts-flow_2.png │ ├── 25-script-execution-01.svg │ ├── 25-script-execution.svg │ ├── 25-winnie.jpg │ ├── 26-scripts.jpg │ ├── 27-slow.png │ ├── 28-compositing.png │ ├── 29.jpg │ ├── 4334957E8169090A.png │ └── E05658434504822.png └── index.html ├── 10-graphics ├── css-custom │ └── custom.css ├── img │ ├── 1-bit.jpg │ ├── 799093.png │ ├── Avocode.png │ ├── Bmp-1-DMSC9112086_JPG.jpg │ ├── Bmp-1.bmp │ ├── Bmp-1.png │ ├── ImageOptimIcon.png │ ├── JPEG_example_down.jpg │ ├── PNG_vs_JPEG.png │ ├── Raster-vector-circles.png │ ├── auto-select.png │ ├── auto_ru.png │ ├── bg-pos.png │ ├── clock-svg.svg │ ├── cmyk_2.jpg │ ├── color-model.png │ ├── delorean.jpg │ ├── delorean.svg │ ├── f0113.png │ ├── frames.png │ ├── gif.gif │ ├── gif1.gif │ ├── gif2.gif │ ├── gimp.png │ ├── giphy.gif │ ├── glubina-cveta.png │ ├── grid-block.png │ ├── hsl_1.jpg │ ├── hsl_hsv.jpg │ ├── hsv_1.png │ ├── jpegmini.png │ ├── jpg_d.jpg │ ├── kraken-logo-4.png │ ├── lab-1.jpg │ ├── mario.png │ ├── palitra.png │ ├── png.gif │ ├── png.png │ ├── progressive-loading.png │ ├── ps-cs6.png │ ├── ps │ │ ├── design.png │ │ ├── hide-leyer.png │ │ ├── ph.png │ │ ├── ph_eff.png │ │ ├── ph_eff1.png │ │ ├── ph_ex.png │ │ ├── ph_hk.png │ │ ├── ph_ic.png │ │ ├── ph_info.png │ │ ├── ph_lc.png │ │ ├── ph_ls.png │ │ ├── ph_mark.png │ │ ├── ph_pr2.png │ │ ├── ph_sfw.png │ │ ├── ph_wp.png │ │ └── ph_ws.png │ ├── raster_vector.png │ ├── rgb.png │ ├── rgb3d.png │ ├── sketch-app.png │ ├── social-icons.example.png │ ├── sprite.png │ └── yandex.png └── index.html ├── README.md ├── css ├── animate.css ├── print │ ├── paper.css │ └── pdf.css ├── reveal.css ├── textbook-bold.eot ├── textbook-bold.ttf ├── textbook-bold.woff ├── textbook-light.eot ├── textbook-light.ttf ├── textbook-light.woff ├── textbook-regular.eot ├── textbook-regular.ttf ├── textbook-regular.woff └── theme │ ├── night-2.css │ └── night.css ├── js └── reveal.js ├── lib ├── css │ ├── animate.css │ ├── magic.min.css │ └── zenburn.css └── js │ ├── classList.js │ ├── head.min.js │ ├── jquery.lettering.js │ └── jquery.textillate.js └── plugin ├── highlight └── highlight.js ├── markdown ├── example.html ├── example.md ├── markdown.js └── marked.js ├── notes ├── notes.html └── notes.js └── zoom-js └── zoom.js /.gitignore: -------------------------------------------------------------------------------- 1 | ./idea 2 | -------------------------------------------------------------------------------- /01-html-1/css-custom/custom.css: -------------------------------------------------------------------------------- 1 | section .strike { 2 | text-decoration: line-through; 3 | color: #888; 4 | } 5 | 6 | .yandex table.tableMiddle td { 7 | vertical-align: middle; 8 | } 9 | 10 | .yandex table.tableCenter td { 11 | text-align: center; 12 | } 13 | 14 | .yandex table.noBorder td { 15 | border: none; 16 | } 17 | 18 | pre.size-s { 19 | font-size: 20px !important; 20 | } 21 | -------------------------------------------------------------------------------- /01-html-1/img/0.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/0.jpeg -------------------------------------------------------------------------------- /01-html-1/img/2015-09-21_2328.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/2015-09-21_2328.png -------------------------------------------------------------------------------- /01-html-1/img/311540-Sepik.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/311540-Sepik.jpg -------------------------------------------------------------------------------- /01-html-1/img/4fc7c62eb312d3.01670533.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/4fc7c62eb312d3.01670533.png -------------------------------------------------------------------------------- /01-html-1/img/Meteor_shower_hd_wallpaper.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/Meteor_shower_hd_wallpaper.jpg -------------------------------------------------------------------------------- /01-html-1/img/Tim-Berners-Lee.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/Tim-Berners-Lee.jpg -------------------------------------------------------------------------------- /01-html-1/img/Universe_Love.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/Universe_Love.png -------------------------------------------------------------------------------- /01-html-1/img/anchor.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/anchor.jpg -------------------------------------------------------------------------------- /01-html-1/img/article46.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/article46.jpg -------------------------------------------------------------------------------- /01-html-1/img/beef_16x91.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/beef_16x91.jpg -------------------------------------------------------------------------------- /01-html-1/img/cats.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/cats.jpg -------------------------------------------------------------------------------- /01-html-1/img/cern-ii.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/cern-ii.jpg -------------------------------------------------------------------------------- /01-html-1/img/cosmic-glow-around-the-earth-16968.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/cosmic-glow-around-the-earth-16968.jpg -------------------------------------------------------------------------------- /01-html-1/img/featured-space-policy.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/featured-space-policy.jpg -------------------------------------------------------------------------------- /01-html-1/img/group-el.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/group-el.jpg -------------------------------------------------------------------------------- /01-html-1/img/html-anatomy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/html-anatomy.png -------------------------------------------------------------------------------- /01-html-1/img/ie6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/ie6.jpg -------------------------------------------------------------------------------- /01-html-1/img/mathML.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/mathML.png -------------------------------------------------------------------------------- /01-html-1/img/risovach.ru.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/risovach.ru.jpg -------------------------------------------------------------------------------- /01-html-1/img/semantic.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/semantic.jpeg -------------------------------------------------------------------------------- /01-html-1/img/tube_map.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/tube_map.gif -------------------------------------------------------------------------------- /01-html-1/img/w3c_whatwg_header.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/w3c_whatwg_header.jpg -------------------------------------------------------------------------------- /01-html-1/img/what-is-html.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/what-is-html.jpg -------------------------------------------------------------------------------- /01-html-1/img/winter-is-coming-funny-cat-picture.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/01-html-1/img/winter-is-coming-funny-cat-picture.jpg -------------------------------------------------------------------------------- /02-html-2/audio/music (mp3cut.ru).mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/audio/music (mp3cut.ru).mp3 -------------------------------------------------------------------------------- /02-html-2/audio/music.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/audio/music.mp3 -------------------------------------------------------------------------------- /02-html-2/css-custom/custom.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: textbook; 3 | font-weight: 400; 4 | src: local(textbook); 5 | src: url('fonts/textbook-regular.woff'), 6 | url('fonts/textbook-regular.ttf'); 7 | } 8 | 9 | @font-face { 10 | font-family: textbook-light; 11 | font-weight: 200; 12 | src: local(textbook-light); 13 | src: url('fonts/textbook-light.woff'), 14 | url('fonts/textbook-light.ttf'); 15 | } 16 | 17 | @font-face { 18 | font-family: textbook-bold; 19 | font-weight: 700; 20 | src: local(textbook-bold); 21 | src: url('fonts/textbook-bold.woff'), 22 | url('fonts/textbook-bold.ttf'); 23 | } 24 | 25 | .reveal { 26 | font-family: textbook; 27 | } 28 | 29 | .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { 30 | font-family: textbook-bold; 31 | } 32 | 33 | .reveal em { 34 | font-family: textbook-light; 35 | } 36 | 37 | section .strike { 38 | text-decoration: line-through; 39 | color: #888; 40 | } 41 | 42 | .yandex table.tableMiddle td { 43 | vertical-align: middle; 44 | } 45 | 46 | .yandex table.tableCenter td { 47 | text-align: center; 48 | } 49 | 50 | .yandex table.noBorder td { 51 | border: none; 52 | } 53 | 54 | pre.size-s { 55 | font-size: 15px !important; 56 | } 57 | 58 | p.size-s { 59 | font-size: 30px !important; 60 | } 61 | 62 | p.size-m { 63 | font-size: 35px !important; 64 | } 65 | 66 | p.size-l { 67 | font-size: 40px !important; 68 | } 69 | 70 | p.size-xl { 71 | font-size: 50px !important; 72 | } 73 | 74 | p.size-xxl { 75 | font-size: 60px !important; 76 | } 77 | 78 | pre.size-m { 79 | font-size: 18px !important; 80 | } 81 | 82 | pre.size-l { 83 | font-size: 25px !important; 84 | } 85 | 86 | pre.size-xl { 87 | font-size: 30px !important; 88 | } 89 | 90 | pre.size-xxl { 91 | font-size: 40px !important; 92 | } 93 | 94 | mark { 95 | border-radius: 5px; 96 | } 97 | 98 | mark.red { 99 | background: red; 100 | color: #fff; 101 | } 102 | 103 | mark.blue { 104 | background: blue; 105 | color: #fff; 106 | } 107 | 108 | .reveal .slides section mark.fragment { 109 | background: transparent; 110 | visibility: visible; 111 | color: white; 112 | opacity: 1; 113 | } 114 | 115 | .reveal .slides section mark.fragment.toggle.visible { 116 | color: white; 117 | background: transparent; 118 | } 119 | 120 | .reveal .slides section mark.fragment.visible.current-fragment.toggle, 121 | .reveal .slides section mark.fragment.visible { 122 | background: #ff0; 123 | color: black; 124 | } 125 | 126 | .reveal .slides section mark.blue.fragment.visible { 127 | background: #00f; 128 | color: black; 129 | } 130 | 131 | .reveal .slides section mark.red.fragment.visible { 132 | background: #f00; 133 | color: black; 134 | } 135 | 136 | section.ex button.size-m, 137 | section.ex textarea.size-m { 138 | margin-bottom: 20px; 139 | font-size: 37px; 140 | } 141 | 142 | section.ex button:focus { 143 | outline: 10px solid red; 144 | } 145 | 146 | section.ex button.size-l, 147 | section.ex input.size-l, 148 | section.ex textarea.size-l { 149 | font-size: 50px; 150 | margin-bottom: 20px; 151 | } 152 | 153 | section.ex button.zoom, 154 | section.ex input.zoom { 155 | transform: scale(2); 156 | vertical-align: middle; 157 | margin: 10px; 158 | } 159 | 160 | .reveal .progress span { 161 | color: rgb(243, 86, 38); 162 | background: linear-gradient(92deg, rgb(243, 204, 35), rgb(254, 146, 11)); 163 | -webkit-animation: hue 100s linear infinite; 164 | } 165 | 166 | a { 167 | color: #068ee9 !important; 168 | } 169 | 170 | div.body div.fragment.visible.animated { 171 | -webkit-animation-name: bounceIn; 172 | } 173 | 174 | .deadline { 175 | color: white; 176 | transform: scale(.1); 177 | pointer-events: none; 178 | transition-property: color, transform !important; 179 | transition-duration: 30s !important; 180 | transition-timing-function: linear !important; 181 | } 182 | 183 | .deadline.visible { 184 | color: red; 185 | transform: scale(5); 186 | } 187 | 188 | 189 | @-webkit-keyframes hue { 190 | from { 191 | -webkit-filter: hue-rotate(0deg); 192 | } 193 | to { 194 | -webkit-filter: hue-rotate(360deg); 195 | } 196 | } 197 | -------------------------------------------------------------------------------- /02-html-2/css-custom/fonts/textbook-bold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/css-custom/fonts/textbook-bold.eot -------------------------------------------------------------------------------- /02-html-2/css-custom/fonts/textbook-bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/css-custom/fonts/textbook-bold.ttf -------------------------------------------------------------------------------- /02-html-2/css-custom/fonts/textbook-bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/css-custom/fonts/textbook-bold.woff -------------------------------------------------------------------------------- /02-html-2/css-custom/fonts/textbook-light.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/css-custom/fonts/textbook-light.eot -------------------------------------------------------------------------------- /02-html-2/css-custom/fonts/textbook-light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/css-custom/fonts/textbook-light.ttf -------------------------------------------------------------------------------- /02-html-2/css-custom/fonts/textbook-light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/css-custom/fonts/textbook-light.woff -------------------------------------------------------------------------------- /02-html-2/css-custom/fonts/textbook-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/css-custom/fonts/textbook-regular.eot -------------------------------------------------------------------------------- /02-html-2/css-custom/fonts/textbook-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/css-custom/fonts/textbook-regular.ttf -------------------------------------------------------------------------------- /02-html-2/css-custom/fonts/textbook-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/css-custom/fonts/textbook-regular.woff -------------------------------------------------------------------------------- /02-html-2/img/0_1578e2_92411835_XL.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/img/0_1578e2_92411835_XL.jpg -------------------------------------------------------------------------------- /02-html-2/img/0_1578e8_668dfcc4_XL.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/img/0_1578e8_668dfcc4_XL.jpg -------------------------------------------------------------------------------- /02-html-2/img/311540-Sepik.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/img/311540-Sepik.jpg -------------------------------------------------------------------------------- /02-html-2/img/assign.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/img/assign.png -------------------------------------------------------------------------------- /02-html-2/img/cat_bank.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/img/cat_bank.jpg -------------------------------------------------------------------------------- /02-html-2/img/cats.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/img/cats.jpg -------------------------------------------------------------------------------- /02-html-2/img/cosmic-glow-around-the-earth-16968.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/img/cosmic-glow-around-the-earth-16968.jpg -------------------------------------------------------------------------------- /02-html-2/img/fat_cat.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/img/fat_cat.jpg -------------------------------------------------------------------------------- /02-html-2/img/featured-space-policy.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/img/featured-space-policy.jpg -------------------------------------------------------------------------------- /02-html-2/img/forma_interer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/img/forma_interer.jpg -------------------------------------------------------------------------------- /02-html-2/img/global.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/img/global.jpg -------------------------------------------------------------------------------- /02-html-2/img/home_skelet.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/img/home_skelet.png -------------------------------------------------------------------------------- /02-html-2/img/inter.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/img/inter.jpg -------------------------------------------------------------------------------- /02-html-2/img/schema.svg: -------------------------------------------------------------------------------- 1 |
Геена безысходности
и факапа
[Not supported by viewer]
Нужно создать
pull request
[Not supported by viewer]
Нужно исправить
замечания
[Not supported by viewer]
День лекции (8.10)
[Not supported by viewer]
Неделю спустя (00:00 15.10)
[Not supported by viewer]
Две недели спустя (00:00 22.10)
[Not supported by viewer] 2 | -------------------------------------------------------------------------------- /02-html-2/img/tag_track_ie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/img/tag_track_ie.jpg -------------------------------------------------------------------------------- /02-html-2/img/y.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/img/y.png -------------------------------------------------------------------------------- /02-html-2/img/yandex.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/img/yandex.png -------------------------------------------------------------------------------- /02-html-2/img/yandex.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /02-html-2/srcset.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | yandex 9 | 10 | 11 | -------------------------------------------------------------------------------- /02-html-2/translate.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 19 | 20 | 21 |
22 |

translate="no"

23 | 24 |

Using HTML's translate attribute

25 | 26 |

Как говорил Джон Леннон

27 |
Life is what happens to you while you’re busy making other plans.
28 | 29 | console.log('Hello world'); 30 | 31 |
32 | cats 33 |
34 |
35 |

translate="yes"

36 | 37 |

Using HTML's translate attribute

38 | 39 |

Как говорил Джон Леннон

40 |
Life is what happens to you while you’re busy making other plans.
41 | 42 | console.log('Hello world'); 43 | 44 |
45 | cats 46 |
47 | 48 | 49 | -------------------------------------------------------------------------------- /02-html-2/video/jane.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/video/jane.mp4 -------------------------------------------------------------------------------- /02-html-2/video/jane.ru.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT FILE 2 | 3 | 00:00.360 --> 00:01.240 4 | Солдат Джейн. 5 | 6 | 00:01.240 --> 00:02.240 7 | Спасаюсь от радиации. 8 | 9 | 00:02.240 --> 00:04.000 10 | Арбуз - лучшее средство. 11 | -------------------------------------------------------------------------------- /02-html-2/video/rabbit.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/video/rabbit.jpg -------------------------------------------------------------------------------- /02-html-2/video/rabbit.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/02-html-2/video/rabbit.mp4 -------------------------------------------------------------------------------- /03-css/css-custom/custom.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: textbook; 3 | font-weight: 400; 4 | src: local(textbook); 5 | src: url('fonts/textbook-regular.woff'), 6 | url('fonts/textbook-regular.ttf'); 7 | } 8 | 9 | @font-face { 10 | font-family: textbook-light; 11 | font-weight: 200; 12 | src: local(textbook-light); 13 | src: url('fonts/textbook-light.woff'), 14 | url('fonts/textbook-light.ttf'); 15 | } 16 | 17 | @font-face { 18 | font-family: textbook-bold; 19 | font-weight: 700; 20 | src: local(textbook-bold); 21 | src: url('fonts/textbook-bold.woff'), 22 | url('fonts/textbook-bold.ttf'); 23 | } 24 | 25 | .reveal { 26 | font-family: textbook; 27 | } 28 | 29 | .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { 30 | font-family: textbook-bold; 31 | } 32 | 33 | .reveal em { 34 | font-family: textbook-light; 35 | } 36 | 37 | section .strike { 38 | text-decoration: line-through; 39 | color: #888; 40 | } 41 | 42 | .yandex table.tableMiddle td { 43 | vertical-align: middle; 44 | } 45 | 46 | .yandex table.tableCenter td { 47 | text-align: center; 48 | } 49 | 50 | .yandex table.noBorder td { 51 | border: none; 52 | } 53 | 54 | pre.size-s { 55 | font-size: 15px !important; 56 | } 57 | 58 | p.size-s { 59 | font-size: 30px !important; 60 | } 61 | 62 | p.size-m { 63 | font-size: 35px !important; 64 | } 65 | 66 | p.size-l { 67 | font-size: 40px !important; 68 | } 69 | 70 | p.size-xl { 71 | font-size: 50px !important; 72 | } 73 | 74 | p.size-xxl { 75 | font-size: 60px !important; 76 | } 77 | 78 | pre.size-m { 79 | font-size: 18px !important; 80 | } 81 | 82 | pre.size-l { 83 | font-size: 25px !important; 84 | } 85 | 86 | pre.size-xl { 87 | font-size: 30px !important; 88 | } 89 | 90 | pre.size-xxl { 91 | font-size: 40px !important; 92 | } 93 | 94 | mark { 95 | border-radius: 5px; 96 | } 97 | 98 | mark.red { 99 | background: red; 100 | color: #fff; 101 | } 102 | 103 | mark.blue { 104 | background: blue; 105 | color: #fff; 106 | } 107 | 108 | .reveal .slides section mark.fragment { 109 | background: transparent; 110 | visibility: visible; 111 | color: white; 112 | opacity: 1; 113 | } 114 | 115 | .reveal .slides section mark.fragment.toggle.visible { 116 | color: white; 117 | background: transparent; 118 | } 119 | 120 | .reveal .slides section mark.fragment.visible.current-fragment.toggle, 121 | .reveal .slides section mark.fragment.visible { 122 | background: #ff0; 123 | color: black; 124 | } 125 | 126 | .reveal .slides section mark.blue.fragment.visible { 127 | background: #00f; 128 | color: black; 129 | } 130 | 131 | .reveal .slides section mark.red.fragment.visible { 132 | background: #f00; 133 | color: black; 134 | } 135 | 136 | section.ex button.size-m, 137 | section.ex textarea.size-m { 138 | margin-bottom: 20px; 139 | font-size: 37px; 140 | } 141 | 142 | section.ex button:focus { 143 | outline: 10px solid red; 144 | } 145 | 146 | section.ex button.size-l, 147 | section.ex input.size-l, 148 | section.ex textarea.size-l { 149 | font-size: 50px; 150 | margin-bottom: 20px; 151 | } 152 | 153 | section.ex button.zoom, 154 | section.ex input.zoom { 155 | transform: scale(2); 156 | vertical-align: middle; 157 | margin: 10px; 158 | } 159 | 160 | .reveal .progress span { 161 | color: rgb(243, 86, 38); 162 | background: linear-gradient(92deg, rgb(243, 204, 35), rgb(254, 146, 11)); 163 | -webkit-animation: hue 100s linear infinite; 164 | } 165 | 166 | a { 167 | color: #068ee9 !important; 168 | } 169 | 170 | div.body div.fragment.visible.animated { 171 | -webkit-animation-name: bounceIn; 172 | } 173 | 174 | .deadline { 175 | color: white; 176 | transform: scale(.1); 177 | pointer-events: none; 178 | transition-property: color, transform !important; 179 | transition-duration: 30s !important; 180 | transition-timing-function: linear !important; 181 | } 182 | 183 | .deadline.visible { 184 | color: red; 185 | transform: scale(5); 186 | } 187 | 188 | 189 | .psy div { 190 | visibility: hidden; 191 | } 192 | .psy:hover div { 193 | visibility: visible; 194 | } 195 | 196 | 197 | .reveal .ex:link { color: blue !important; transition-duration: 0s !important;} 198 | .reveal .ex:hover { color: green !important} 199 | .reveal .ex:focus { color: yellow !important} 200 | .reveal .ex:active { color: red !important} 201 | .reveal .ex:visited { color: purple !important} 202 | 203 | i { 204 | text-transform: lowercase; 205 | } 206 | 207 | 208 | @-webkit-keyframes hue { 209 | from { 210 | -webkit-filter: hue-rotate(0deg); 211 | } 212 | to { 213 | -webkit-filter: hue-rotate(360deg); 214 | } 215 | } 216 | -------------------------------------------------------------------------------- /03-css/css-custom/fonts/textbook-bold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/css-custom/fonts/textbook-bold.eot -------------------------------------------------------------------------------- /03-css/css-custom/fonts/textbook-bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/css-custom/fonts/textbook-bold.ttf -------------------------------------------------------------------------------- /03-css/css-custom/fonts/textbook-bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/css-custom/fonts/textbook-bold.woff -------------------------------------------------------------------------------- /03-css/css-custom/fonts/textbook-light.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/css-custom/fonts/textbook-light.eot -------------------------------------------------------------------------------- /03-css/css-custom/fonts/textbook-light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/css-custom/fonts/textbook-light.ttf -------------------------------------------------------------------------------- /03-css/css-custom/fonts/textbook-light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/css-custom/fonts/textbook-light.woff -------------------------------------------------------------------------------- /03-css/css-custom/fonts/textbook-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/css-custom/fonts/textbook-regular.eot -------------------------------------------------------------------------------- /03-css/css-custom/fonts/textbook-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/css-custom/fonts/textbook-regular.ttf -------------------------------------------------------------------------------- /03-css/css-custom/fonts/textbook-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/css-custom/fonts/textbook-regular.woff -------------------------------------------------------------------------------- /03-css/img/001-dom1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/001-dom1.png -------------------------------------------------------------------------------- /03-css/img/001-dom2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/001-dom2.png -------------------------------------------------------------------------------- /03-css/img/001-dom3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/001-dom3.png -------------------------------------------------------------------------------- /03-css/img/001-dom4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/001-dom4.png -------------------------------------------------------------------------------- /03-css/img/001-dom5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/001-dom5.png -------------------------------------------------------------------------------- /03-css/img/001-dom6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/001-dom6.png -------------------------------------------------------------------------------- /03-css/img/01-ie6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/01-ie6.jpg -------------------------------------------------------------------------------- /03-css/img/03-moar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/03-moar.jpg -------------------------------------------------------------------------------- /03-css/img/04-shb.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/04-shb.jpg -------------------------------------------------------------------------------- /03-css/img/05-ugadai.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/05-ugadai.jpg -------------------------------------------------------------------------------- /03-css/img/06-tigr.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/06-tigr.png -------------------------------------------------------------------------------- /03-css/img/06-tmi.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/06-tmi.gif -------------------------------------------------------------------------------- /03-css/img/07-oh-yeah.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/07-oh-yeah.gif -------------------------------------------------------------------------------- /03-css/img/08-id.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/08-id.gif -------------------------------------------------------------------------------- /03-css/img/09-party.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/09-party.jpg -------------------------------------------------------------------------------- /03-css/img/10-70.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/10-70.jpg -------------------------------------------------------------------------------- /03-css/img/10-combination.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/10-combination.png -------------------------------------------------------------------------------- /03-css/img/11-luke.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/11-luke.jpg -------------------------------------------------------------------------------- /03-css/img/12-shmelobkrk.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/12-shmelobkrk.jpg -------------------------------------------------------------------------------- /03-css/img/13-lego.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/13-lego.jpg -------------------------------------------------------------------------------- /03-css/img/14-before-after.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/14-before-after.jpg -------------------------------------------------------------------------------- /03-css/img/15-dom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/15-dom.png -------------------------------------------------------------------------------- /03-css/img/16-dom1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/16-dom1.png -------------------------------------------------------------------------------- /03-css/img/17-dom2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/17-dom2.png -------------------------------------------------------------------------------- /03-css/img/18-dom3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/18-dom3.png -------------------------------------------------------------------------------- /03-css/img/19-dom4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/19-dom4.png -------------------------------------------------------------------------------- /03-css/img/20-dom5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/20-dom5.png -------------------------------------------------------------------------------- /03-css/img/21-dom6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/21-dom6.png -------------------------------------------------------------------------------- /03-css/img/22-dom7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/22-dom7.png -------------------------------------------------------------------------------- /03-css/img/22-rules.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/22-rules.jpg -------------------------------------------------------------------------------- /03-css/img/23-cascade.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/23-cascade.jpg -------------------------------------------------------------------------------- /03-css/img/23-inherit.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/23-inherit.jpg -------------------------------------------------------------------------------- /03-css/img/23-specificity.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/23-specificity.png -------------------------------------------------------------------------------- /03-css/img/23-specificity_.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/23-specificity_.png -------------------------------------------------------------------------------- /03-css/img/24-nyan.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/24-nyan.gif -------------------------------------------------------------------------------- /03-css/img/24-rgb.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/24-rgb.jpg -------------------------------------------------------------------------------- /03-css/img/25-hsl.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/25-hsl.png -------------------------------------------------------------------------------- /03-css/img/26-moar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/26-moar.jpg -------------------------------------------------------------------------------- /03-css/img/27-why.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/27-why.jpg -------------------------------------------------------------------------------- /03-css/img/brat.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/brat.jpg -------------------------------------------------------------------------------- /03-css/img/history.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/history.jpg -------------------------------------------------------------------------------- /03-css/img/specificity.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/specificity.jpg -------------------------------------------------------------------------------- /03-css/img/trafaret.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/img/trafaret.jpg -------------------------------------------------------------------------------- /03-css/media/psy.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/03-css/media/psy.mp3 -------------------------------------------------------------------------------- /04-fonts-text/css-custom/night.css: -------------------------------------------------------------------------------- 1 | @import url(https://fonts.googleapis.com/css?family=Montserrat:700); 2 | @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); 3 | 4 | /** 5 | * Black theme for reveal.js. 6 | * 7 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 8 | */ 9 | /********************************************* 10 | * GLOBAL STYLES 11 | *********************************************/ 12 | body { 13 | background: #111; 14 | background-color: #111; 15 | } 16 | 17 | .reveal { 18 | font-family: 'Open Sans', sans-serif; 19 | font-size: 30px; 20 | font-weight: normal; 21 | color: #eee; 22 | } 23 | 24 | ::selection { 25 | color: #fff; 26 | background: #e7ad52; 27 | text-shadow: none; 28 | } 29 | 30 | .reveal .slides > section, .reveal .slides > section > section { 31 | line-height: 1.3; 32 | font-weight: inherit; 33 | } 34 | 35 | /********************************************* 36 | * HEADERS 37 | *********************************************/ 38 | .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { 39 | margin: 0 0 20px 0; 40 | color: #eee; 41 | font-family: 'Montserrat', Impact, sans-serif; 42 | font-weight: normal; 43 | line-height: 1.2; 44 | letter-spacing: -0.03em; 45 | text-transform: none; 46 | text-shadow: none; 47 | word-wrap: break-word; 48 | } 49 | 50 | .reveal h1 { 51 | font-size: 3.77em; 52 | } 53 | 54 | .reveal h2 { 55 | font-size: 2.11em; 56 | } 57 | 58 | .reveal h3 { 59 | font-size: 1.55em; 60 | } 61 | 62 | .reveal h4 { 63 | font-size: 1em; 64 | } 65 | 66 | .reveal h1 { 67 | text-shadow: none; 68 | } 69 | 70 | /********************************************* 71 | * OTHER 72 | *********************************************/ 73 | .reveal p { 74 | margin: 20px 0; 75 | line-height: 1.3; 76 | } 77 | 78 | /* Ensure certain elements are never larger than the slide itself */ 79 | .reveal img, .reveal video, .reveal iframe { 80 | max-width: 95%; 81 | max-height: 95%; 82 | } 83 | 84 | .reveal strong, .reveal b { 85 | font-weight: bold; 86 | } 87 | 88 | .reveal em { 89 | font-style: italic; 90 | } 91 | 92 | .reveal ol, .reveal dl, .reveal ul { 93 | display: inline-block; 94 | text-align: left; 95 | margin: 0 0 0 1em; 96 | } 97 | 98 | .reveal ol { 99 | list-style-type: decimal; 100 | } 101 | 102 | .reveal ul { 103 | list-style-type: disc; 104 | } 105 | 106 | .reveal ul ul { 107 | list-style-type: square; 108 | } 109 | 110 | .reveal ul ul ul { 111 | list-style-type: circle; 112 | } 113 | 114 | .reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { 115 | display: block; 116 | margin-left: 40px; 117 | } 118 | 119 | .reveal dt { 120 | font-weight: bold; 121 | } 122 | 123 | .reveal dd { 124 | margin-left: 40px; 125 | } 126 | 127 | .reveal q, .reveal blockquote { 128 | quotes: none; 129 | } 130 | 131 | .reveal blockquote { 132 | display: block; 133 | position: relative; 134 | width: 70%; 135 | margin: 20px auto; 136 | padding: 5px; 137 | font-style: italic; 138 | background: rgba(255, 255, 255, 0.05); 139 | box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); 140 | } 141 | 142 | .reveal blockquote p:first-child, .reveal blockquote p:last-child { 143 | display: inline-block; 144 | } 145 | 146 | .reveal q { 147 | font-style: italic; 148 | } 149 | 150 | .reveal pre { 151 | display: block; 152 | position: relative; 153 | width: 90%; 154 | margin: 20px auto; 155 | text-align: left; 156 | font-size: 0.55em; 157 | font-family: monospace; 158 | line-height: 1.2em; 159 | word-wrap: break-word; 160 | box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); 161 | } 162 | 163 | .reveal code { 164 | font-family: monospace; 165 | } 166 | 167 | .reveal pre code { 168 | display: block; 169 | padding: 5px; 170 | overflow: auto; 171 | max-height: 400px; 172 | word-wrap: normal; 173 | background: #3F3F3F; 174 | color: #DCDCDC; 175 | } 176 | 177 | .reveal table { 178 | margin: auto; 179 | border-collapse: collapse; 180 | border-spacing: 0; 181 | } 182 | 183 | .reveal table th { 184 | font-weight: bold; 185 | } 186 | 187 | .reveal table th, .reveal table td { 188 | text-align: left; 189 | padding: 0.2em 0.5em 0.2em 0.5em; 190 | border-bottom: 1px solid; 191 | } 192 | 193 | .reveal table th[align="center"], .reveal table td[align="center"] { 194 | text-align: center; 195 | } 196 | 197 | .reveal table th[align="right"], .reveal table td[align="right"] { 198 | text-align: right; 199 | } 200 | 201 | .reveal table tr:last-child td { 202 | border-bottom: none; 203 | } 204 | 205 | .reveal sup { 206 | vertical-align: super; 207 | } 208 | 209 | .reveal sub { 210 | vertical-align: sub; 211 | } 212 | 213 | .reveal small { 214 | display: inline-block; 215 | font-size: 0.6em; 216 | line-height: 1.2em; 217 | vertical-align: top; 218 | } 219 | 220 | .reveal small * { 221 | vertical-align: top; 222 | } 223 | 224 | /********************************************* 225 | * LINKS 226 | *********************************************/ 227 | .reveal a { 228 | color: #e7ad52; 229 | text-decoration: none; 230 | -webkit-transition: color 0.15s ease; 231 | -moz-transition: color 0.15s ease; 232 | transition: color 0.15s ease; 233 | } 234 | 235 | .reveal a:hover { 236 | color: #f3d7ac; 237 | text-shadow: none; 238 | border: none; 239 | } 240 | 241 | .reveal .roll span:after { 242 | color: #fff; 243 | background: #d0881d; 244 | } 245 | 246 | /********************************************* 247 | * IMAGES 248 | *********************************************/ 249 | .reveal section img { 250 | margin: 15px 0px; 251 | background: rgba(255, 255, 255, 0.12); 252 | border: 4px solid #eee; 253 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); 254 | } 255 | 256 | .reveal a img { 257 | -webkit-transition: all 0.15s linear; 258 | -moz-transition: all 0.15s linear; 259 | transition: all 0.15s linear; 260 | } 261 | 262 | .reveal a:hover img { 263 | background: rgba(255, 255, 255, 0.2); 264 | border-color: #e7ad52; 265 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); 266 | } 267 | 268 | /********************************************* 269 | * NAVIGATION CONTROLS 270 | *********************************************/ 271 | .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled { 272 | border-right-color: #e7ad52; 273 | } 274 | 275 | .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled { 276 | border-left-color: #e7ad52; 277 | } 278 | 279 | .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled { 280 | border-bottom-color: #e7ad52; 281 | } 282 | 283 | .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled { 284 | border-top-color: #e7ad52; 285 | } 286 | 287 | .reveal .controls div.navigate-left.enabled:hover { 288 | border-right-color: #f3d7ac; 289 | } 290 | 291 | .reveal .controls div.navigate-right.enabled:hover { 292 | border-left-color: #f3d7ac; 293 | } 294 | 295 | .reveal .controls div.navigate-up.enabled:hover { 296 | border-bottom-color: #f3d7ac; 297 | } 298 | 299 | .reveal .controls div.navigate-down.enabled:hover { 300 | border-top-color: #f3d7ac; 301 | } 302 | 303 | /********************************************* 304 | * PROGRESS BAR 305 | *********************************************/ 306 | .reveal .progress { 307 | background: rgba(0, 0, 0, 0.2); 308 | } 309 | 310 | .reveal .progress span { 311 | background: #e7ad52; 312 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); 313 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); 314 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); 315 | } 316 | 317 | /********************************************* 318 | * SLIDE NUMBER 319 | *********************************************/ 320 | .reveal .slide-number { 321 | color: #e7ad52; 322 | } 323 | -------------------------------------------------------------------------------- /04-fonts-text/css-custom/yandex.css: -------------------------------------------------------------------------------- 1 | .reveal dfn { 2 | font-style: italic; 3 | font-weight: bold; 4 | } 5 | 6 | .reveal span.ya-letter { 7 | display: inline-block; 8 | } 9 | 10 | .reveal .ya-letter:first-letter { 11 | color: #f00; 12 | } 13 | 14 | .reveal .strike { 15 | text-decoration: line-through; 16 | } 17 | 18 | .reveal .underline { 19 | text-decoration: underline; 20 | } 21 | 22 | .reveal h1, 23 | .reveal h2 { 24 | text-transform: none; 25 | } 26 | 27 | .reveal section img { 28 | border: none; 29 | background: none; 30 | box-shadow: 0 0 0 0 transparent; 31 | } 32 | 33 | .reveal section img.w_back { 34 | background: #fff; 35 | } 36 | 37 | .reveal { 38 | font-family: textbook, Arial; 39 | } 40 | 41 | .reveal h1, .reveal h2, .reveal h3 { 42 | font-family: textbook-bold, Arial; 43 | } 44 | 45 | .reveal h4, .reveal h5, .reveal h6 { 46 | font-family: textbook, Arial; 47 | } 48 | 49 | section.large, 50 | pre.large { 51 | font-size: 50px; 52 | } 53 | 54 | section.middle, 55 | pre.middle { 56 | font-size: 40px; 57 | } 58 | 59 | section.small, 60 | pre.small { 61 | font-size: 30px; 62 | } 63 | 64 | .w25, .w33, .w50, .w75 { 65 | display: inline-block; 66 | } 67 | 68 | .w25 { 69 | width: 25%; 70 | } 71 | 72 | .w33 { 73 | width: 33%; 74 | } 75 | 76 | .w50 { 77 | width: 50%; 78 | } 79 | 80 | .t-center { 81 | text-align: center !important; 82 | } 83 | 84 | body .reveal .slides section .from-l { 85 | transform: translateX(-25%) rotateY(-65deg) scale(.5); 86 | } 87 | 88 | body .reveal .slides section .from-r { 89 | transform: translateX(25%) rotateY(65deg) scale(.5); 90 | } 91 | 92 | body .reveal .slides section .from-t { 93 | transform: translateY(-25%) rotateX(65deg) scale(.5); 94 | } 95 | 96 | body .reveal .slides section .from-b { 97 | transform: translateY(50%) rotateX(-65deg) scale(.5); 98 | } 99 | 100 | body .reveal .slides section .from-l, 101 | body .reveal .slides section .from-r, 102 | body .reveal .slides section .from-t, 103 | body .reveal .slides section .from-b { 104 | transform-origin: 50% 50% -50px; 105 | transition-duration: .5s; 106 | } 107 | 108 | body .reveal .slides section .from-l.visible, 109 | body .reveal .slides section .from-r.visible, 110 | body .reveal .slides section .from-t.visible, 111 | body .reveal .slides section .from-b.visible { 112 | transform: translate(0) rotate(0) scale(1); 113 | } 114 | 115 | section.ex, 116 | div.ex { 117 | position: relative; 118 | border: 1px dashed #fff; 119 | } 120 | 121 | .ex { 122 | text-align: left; 123 | } 124 | 125 | section.ex:after, 126 | div.ex:after { 127 | content: 'EXAMPLE'; 128 | position: absolute; 129 | bottom: 12px; 130 | right: -43px; 131 | font-size: 25px; 132 | background-color: #fff; 133 | color: #000; 134 | transform: rotate(-45deg) scale(1.4); 135 | opacity: 0; 136 | transition: all .3s cubic-bezier(0.18, 0.89, 0.32, 1.28); 137 | padding: 0 16px; 138 | } 139 | 140 | section.present.ex:after, 141 | section.present .ex:after { 142 | transform: rotate(-45deg) scale(1); 143 | opacity: 1; 144 | } 145 | 146 | .size-l * { 147 | font-size: 45px !important; 148 | } 149 | 150 | .deadline { 151 | font-size: 5px; 152 | transform: translateY(33%); 153 | left: 0; 154 | right: 0; 155 | bottom: 0; 156 | position: absolute; 157 | color: white; 158 | pointer-events: none; 159 | opacity: 0; 160 | transition: color 13s linear, 161 | font-size 13s linear, 162 | opacity 2s linear !important; 163 | } 164 | 165 | .deadline.visible { 166 | opacity: 1; 167 | color: #f00; 168 | font-size: 150px; 169 | } -------------------------------------------------------------------------------- /04-fonts-text/img/baseline.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/baseline.gif -------------------------------------------------------------------------------- /04-fonts-text/img/bitmap_o.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/bitmap_o.jpg -------------------------------------------------------------------------------- /04-fonts-text/img/bold_diff.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/bold_diff.png -------------------------------------------------------------------------------- /04-fonts-text/img/civilization.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/civilization.png -------------------------------------------------------------------------------- /04-fonts-text/img/columns.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/columns.jpg -------------------------------------------------------------------------------- /04-fonts-text/img/d3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/d3.png -------------------------------------------------------------------------------- /04-fonts-text/img/diablo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/diablo.png -------------------------------------------------------------------------------- /04-fonts-text/img/dino.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/dino.png -------------------------------------------------------------------------------- /04-fonts-text/img/em_digital.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/em_digital.jpg -------------------------------------------------------------------------------- /04-fonts-text/img/em_metal.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/em_metal.JPG -------------------------------------------------------------------------------- /04-fonts-text/img/far_cry_4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/far_cry_4.jpg -------------------------------------------------------------------------------- /04-fonts-text/img/ff1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/ff1.png -------------------------------------------------------------------------------- /04-fonts-text/img/font_anatomy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/font_anatomy.png -------------------------------------------------------------------------------- /04-fonts-text/img/font_size.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/font_size.png -------------------------------------------------------------------------------- /04-fonts-text/img/font_styles.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/font_styles.gif -------------------------------------------------------------------------------- /04-fonts-text/img/hypens.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/hypens.png -------------------------------------------------------------------------------- /04-fonts-text/img/italic_diff.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/italic_diff.png -------------------------------------------------------------------------------- /04-fonts-text/img/leading.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/leading.png -------------------------------------------------------------------------------- /04-fonts-text/img/letter_heights.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/letter_heights.gif -------------------------------------------------------------------------------- /04-fonts-text/img/parasite_eve_2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/parasite_eve_2.jpg -------------------------------------------------------------------------------- /04-fonts-text/img/pixel.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/pixel.gif -------------------------------------------------------------------------------- /04-fonts-text/img/shy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/shy.png -------------------------------------------------------------------------------- /04-fonts-text/img/site_fonts.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/site_fonts.gif -------------------------------------------------------------------------------- /04-fonts-text/img/vector.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/vector.png -------------------------------------------------------------------------------- /04-fonts-text/img/vector_text.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/vector_text.png -------------------------------------------------------------------------------- /04-fonts-text/img/warcraft_3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/04-fonts-text/img/warcraft_3.jpg -------------------------------------------------------------------------------- /05-mo-1/.idea/05-mo-1.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /05-mo-1/.idea/codeStyleSettings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 9 | -------------------------------------------------------------------------------- /05-mo-1/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /05-mo-1/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /05-mo-1/.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /05-mo-1/css-custom/custom.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: textbook; 3 | font-weight: 400; 4 | src: local(textbook); 5 | src: url('fonts/textbook-regular.woff'), 6 | url('fonts/textbook-regular.ttf'); 7 | } 8 | 9 | @font-face { 10 | font-family: textbook-light; 11 | font-weight: 200; 12 | src: local(textbook-light); 13 | src: url('fonts/textbook-light.woff'), 14 | url('fonts/textbook-light.ttf'); 15 | } 16 | 17 | @font-face { 18 | font-family: textbook-bold; 19 | font-weight: 700; 20 | src: local(textbook-bold); 21 | src: url('fonts/textbook-bold.woff'), 22 | url('fonts/textbook-bold.ttf'); 23 | } 24 | 25 | .reveal { 26 | font-family: textbook; 27 | } 28 | 29 | .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { 30 | font-family: textbook-bold; 31 | } 32 | 33 | .reveal em { 34 | font-family: textbook-light; 35 | } 36 | 37 | section .strike { 38 | text-decoration: line-through; 39 | color: #888; 40 | } 41 | 42 | .yandex table.tableMiddle td { 43 | vertical-align: middle; 44 | } 45 | 46 | .yandex table.tableCenter td { 47 | text-align: center; 48 | } 49 | 50 | .yandex table.noBorder td { 51 | border: none; 52 | } 53 | 54 | pre.size-s { 55 | font-size: 15px !important; 56 | } 57 | 58 | p.size-s { 59 | font-size: 30px !important; 60 | } 61 | 62 | p.size-m { 63 | font-size: 35px !important; 64 | } 65 | 66 | p.size-l { 67 | font-size: 40px !important; 68 | } 69 | 70 | p.size-xl { 71 | font-size: 50px !important; 72 | } 73 | 74 | p.size-xxl { 75 | font-size: 60px !important; 76 | } 77 | 78 | pre.size-m { 79 | font-size: 18px !important; 80 | } 81 | 82 | pre.size-l { 83 | font-size: 25px !important; 84 | } 85 | 86 | pre.size-xl { 87 | font-size: 30px !important; 88 | } 89 | 90 | pre.size-xxl { 91 | font-size: 40px !important; 92 | } 93 | 94 | mark { 95 | border-radius: 5px; 96 | } 97 | 98 | mark.red { 99 | background: red; 100 | color: #fff; 101 | } 102 | 103 | mark.blue { 104 | background: blue; 105 | color: #fff; 106 | } 107 | 108 | .reveal .slides section mark.fragment { 109 | background: transparent; 110 | visibility: visible; 111 | color: white; 112 | opacity: 1; 113 | } 114 | 115 | .reveal .slides section mark.fragment.toggle.visible { 116 | color: white; 117 | background: transparent; 118 | } 119 | 120 | .reveal .slides section mark.fragment.visible.current-fragment.toggle, 121 | .reveal .slides section mark.fragment.visible { 122 | background: #ff0; 123 | color: black; 124 | } 125 | 126 | .reveal .slides section mark.blue.fragment.visible { 127 | background: #00f; 128 | color: black; 129 | } 130 | 131 | .reveal .slides section mark.red.fragment.visible { 132 | background: #f00; 133 | color: black; 134 | } 135 | 136 | section.ex button.size-m, 137 | section.ex textarea.size-m { 138 | margin-bottom: 20px; 139 | font-size: 37px; 140 | } 141 | 142 | section.ex button:focus { 143 | outline: 10px solid red; 144 | } 145 | 146 | section.ex button.size-l, 147 | section.ex input.size-l, 148 | section.ex textarea.size-l { 149 | font-size: 50px; 150 | margin-bottom: 20px; 151 | } 152 | 153 | section.ex button.zoom, 154 | section.ex input.zoom { 155 | transform: scale(2); 156 | vertical-align: middle; 157 | margin: 10px; 158 | } 159 | 160 | .reveal .progress span { 161 | color: rgb(243, 86, 38); 162 | background: linear-gradient(92deg, rgb(243, 204, 35), rgb(254, 146, 11)); 163 | -webkit-animation: hue 100s linear infinite; 164 | } 165 | 166 | a { 167 | color: #068ee9 !important; 168 | } 169 | 170 | div.body div.fragment.visible.animated { 171 | -webkit-animation-name: bounceIn; 172 | } 173 | 174 | .deadline { 175 | color: white; 176 | transform: scale(.1); 177 | pointer-events: none; 178 | transition-property: color, transform !important; 179 | transition-duration: 30s !important; 180 | transition-timing-function: linear !important; 181 | } 182 | 183 | .deadline.visible { 184 | color: red; 185 | transform: scale(5); 186 | } 187 | 188 | 189 | .psy div { 190 | visibility: hidden; 191 | } 192 | .psy:hover div { 193 | visibility: visible; 194 | } 195 | 196 | 197 | .reveal .ex:link { color: blue !important; transition-duration: 0s !important;} 198 | .reveal .ex:hover { color: green !important} 199 | .reveal .ex:focus { color: yellow !important} 200 | .reveal .ex:active { color: red !important} 201 | .reveal .ex:visited { color: purple !important} 202 | 203 | i { 204 | text-transform: lowercase; 205 | } 206 | 207 | 208 | @-webkit-keyframes hue { 209 | from { 210 | -webkit-filter: hue-rotate(0deg); 211 | } 212 | to { 213 | -webkit-filter: hue-rotate(360deg); 214 | } 215 | } 216 | -------------------------------------------------------------------------------- /05-mo-1/css-custom/fonts/textbook-bold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/css-custom/fonts/textbook-bold.eot -------------------------------------------------------------------------------- /05-mo-1/css-custom/fonts/textbook-bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/css-custom/fonts/textbook-bold.ttf -------------------------------------------------------------------------------- /05-mo-1/css-custom/fonts/textbook-bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/css-custom/fonts/textbook-bold.woff -------------------------------------------------------------------------------- /05-mo-1/css-custom/fonts/textbook-light.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/css-custom/fonts/textbook-light.eot -------------------------------------------------------------------------------- /05-mo-1/css-custom/fonts/textbook-light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/css-custom/fonts/textbook-light.ttf -------------------------------------------------------------------------------- /05-mo-1/css-custom/fonts/textbook-light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/css-custom/fonts/textbook-light.woff -------------------------------------------------------------------------------- /05-mo-1/css-custom/fonts/textbook-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/css-custom/fonts/textbook-regular.eot -------------------------------------------------------------------------------- /05-mo-1/css-custom/fonts/textbook-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/css-custom/fonts/textbook-regular.ttf -------------------------------------------------------------------------------- /05-mo-1/css-custom/fonts/textbook-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/css-custom/fonts/textbook-regular.woff -------------------------------------------------------------------------------- /05-mo-1/img/00-graph.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/00-graph.png -------------------------------------------------------------------------------- /05-mo-1/img/00-notbad.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/00-notbad.jpg -------------------------------------------------------------------------------- /05-mo-1/img/01-pixels.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/01-pixels.jpg -------------------------------------------------------------------------------- /05-mo-1/img/02-yandex.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/02-yandex.png -------------------------------------------------------------------------------- /05-mo-1/img/03-yandex-outline.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/03-yandex-outline.png -------------------------------------------------------------------------------- /05-mo-1/img/04-box-content.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/04-box-content.png -------------------------------------------------------------------------------- /05-mo-1/img/05-box-padding.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/05-box-padding.png -------------------------------------------------------------------------------- /05-mo-1/img/06-box-border.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/06-box-border.png -------------------------------------------------------------------------------- /05-mo-1/img/07-box-margin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/07-box-margin.png -------------------------------------------------------------------------------- /05-mo-1/img/08-box-notall.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/08-box-notall.png -------------------------------------------------------------------------------- /05-mo-1/img/09-box-notall2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/09-box-notall2.png -------------------------------------------------------------------------------- /05-mo-1/img/10-box-different.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/10-box-different.png -------------------------------------------------------------------------------- /05-mo-1/img/11-box-different-01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/11-box-different-01.png -------------------------------------------------------------------------------- /05-mo-1/img/12-clock.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/12-clock.jpg -------------------------------------------------------------------------------- /05-mo-1/img/13-border.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/13-border.jpg -------------------------------------------------------------------------------- /05-mo-1/img/14-cat-box.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/14-cat-box.jpg -------------------------------------------------------------------------------- /05-mo-1/img/15-boxcreation.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/15-boxcreation.jpg -------------------------------------------------------------------------------- /05-mo-1/img/16-math.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/16-math.jpg -------------------------------------------------------------------------------- /05-mo-1/img/17-flex.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/17-flex.jpg -------------------------------------------------------------------------------- /05-mo-1/img/18-flex_terms.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/18-flex_terms.png -------------------------------------------------------------------------------- /05-mo-1/img/19-margin-math1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/19-margin-math1.png -------------------------------------------------------------------------------- /05-mo-1/img/20-margin-math2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/20-margin-math2.png -------------------------------------------------------------------------------- /05-mo-1/img/21-margin-math3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/21-margin-math3.png -------------------------------------------------------------------------------- /05-mo-1/img/22-margin-math4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/22-margin-math4.png -------------------------------------------------------------------------------- /05-mo-1/img/23-height.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/23-height.png -------------------------------------------------------------------------------- /05-mo-1/img/24-percent.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/24-percent.jpg -------------------------------------------------------------------------------- /05-mo-1/img/25-app.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/25-app.jpg -------------------------------------------------------------------------------- /05-mo-1/img/26-table.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/05-mo-1/img/26-table.jpg -------------------------------------------------------------------------------- /06-mo-2/css-custom/fonts/textbook-bold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/06-mo-2/css-custom/fonts/textbook-bold.eot -------------------------------------------------------------------------------- /06-mo-2/css-custom/fonts/textbook-bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/06-mo-2/css-custom/fonts/textbook-bold.ttf -------------------------------------------------------------------------------- /06-mo-2/css-custom/fonts/textbook-bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/06-mo-2/css-custom/fonts/textbook-bold.woff -------------------------------------------------------------------------------- /06-mo-2/css-custom/fonts/textbook-light.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/06-mo-2/css-custom/fonts/textbook-light.eot -------------------------------------------------------------------------------- /06-mo-2/css-custom/fonts/textbook-light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/06-mo-2/css-custom/fonts/textbook-light.ttf -------------------------------------------------------------------------------- /06-mo-2/css-custom/fonts/textbook-light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/06-mo-2/css-custom/fonts/textbook-light.woff -------------------------------------------------------------------------------- /06-mo-2/css-custom/fonts/textbook-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/06-mo-2/css-custom/fonts/textbook-regular.eot -------------------------------------------------------------------------------- /06-mo-2/css-custom/fonts/textbook-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/06-mo-2/css-custom/fonts/textbook-regular.ttf -------------------------------------------------------------------------------- /06-mo-2/css-custom/fonts/textbook-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/06-mo-2/css-custom/fonts/textbook-regular.woff -------------------------------------------------------------------------------- /06-mo-2/css-custom/night.css: -------------------------------------------------------------------------------- 1 | @import url(https://fonts.googleapis.com/css?family=Montserrat:700); 2 | @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); 3 | 4 | /** 5 | * Black theme for reveal.js. 6 | * 7 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 8 | */ 9 | /********************************************* 10 | * GLOBAL STYLES 11 | *********************************************/ 12 | body { 13 | background: #111; 14 | background-color: #111; 15 | } 16 | 17 | .reveal { 18 | font-family: 'Open Sans', sans-serif; 19 | font-size: 30px; 20 | font-weight: normal; 21 | color: #eee; 22 | } 23 | 24 | ::selection { 25 | color: #fff; 26 | background: #e7ad52; 27 | text-shadow: none; 28 | } 29 | 30 | .reveal .slides > section, .reveal .slides > section > section { 31 | line-height: 1.3; 32 | font-weight: inherit; 33 | } 34 | 35 | /********************************************* 36 | * HEADERS 37 | *********************************************/ 38 | .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { 39 | margin: 0 0 20px 0; 40 | color: #eee; 41 | font-family: 'Montserrat', Impact, sans-serif; 42 | font-weight: normal; 43 | line-height: 1.2; 44 | letter-spacing: -0.03em; 45 | text-transform: none; 46 | text-shadow: none; 47 | word-wrap: break-word; 48 | } 49 | 50 | .reveal h1 { 51 | font-size: 3.77em; 52 | } 53 | 54 | .reveal h2 { 55 | font-size: 2.11em; 56 | } 57 | 58 | .reveal h3 { 59 | font-size: 1.55em; 60 | } 61 | 62 | .reveal h4 { 63 | font-size: 1em; 64 | } 65 | 66 | .reveal h1 { 67 | text-shadow: none; 68 | } 69 | 70 | /********************************************* 71 | * OTHER 72 | *********************************************/ 73 | .reveal p { 74 | margin: 20px 0; 75 | line-height: 1.3; 76 | } 77 | 78 | /* Ensure certain elements are never larger than the slide itself */ 79 | .reveal img, .reveal video, .reveal iframe { 80 | max-width: 95%; 81 | max-height: 95%; 82 | } 83 | 84 | .reveal strong, .reveal b { 85 | font-weight: bold; 86 | } 87 | 88 | .reveal em { 89 | font-style: italic; 90 | } 91 | 92 | .reveal ol, .reveal dl, .reveal ul { 93 | display: inline-block; 94 | text-align: left; 95 | margin: 0 0 0 1em; 96 | } 97 | 98 | .reveal ol { 99 | list-style-type: decimal; 100 | } 101 | 102 | .reveal ul { 103 | list-style-type: disc; 104 | } 105 | 106 | .reveal ul ul { 107 | list-style-type: square; 108 | } 109 | 110 | .reveal ul ul ul { 111 | list-style-type: circle; 112 | } 113 | 114 | .reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { 115 | display: block; 116 | margin-left: 40px; 117 | } 118 | 119 | .reveal dt { 120 | font-weight: bold; 121 | } 122 | 123 | .reveal dd { 124 | margin-left: 40px; 125 | } 126 | 127 | .reveal q, .reveal blockquote { 128 | quotes: none; 129 | } 130 | 131 | .reveal blockquote { 132 | display: block; 133 | position: relative; 134 | width: 70%; 135 | margin: 20px auto; 136 | padding: 5px; 137 | font-style: italic; 138 | background: rgba(255, 255, 255, 0.05); 139 | box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); 140 | } 141 | 142 | .reveal blockquote p:first-child, .reveal blockquote p:last-child { 143 | display: inline-block; 144 | } 145 | 146 | .reveal q { 147 | font-style: italic; 148 | } 149 | 150 | .reveal pre { 151 | display: block; 152 | position: relative; 153 | width: 90%; 154 | margin: 20px auto; 155 | text-align: left; 156 | font-size: 0.55em; 157 | font-family: monospace; 158 | line-height: 1.2em; 159 | word-wrap: break-word; 160 | box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); 161 | } 162 | 163 | .reveal code { 164 | font-family: monospace; 165 | } 166 | 167 | .reveal pre code { 168 | display: block; 169 | padding: 5px; 170 | overflow: auto; 171 | max-height: 400px; 172 | word-wrap: normal; 173 | background: #3F3F3F; 174 | color: #DCDCDC; 175 | } 176 | 177 | .reveal table { 178 | margin: auto; 179 | border-collapse: collapse; 180 | border-spacing: 0; 181 | } 182 | 183 | .reveal table th { 184 | font-weight: bold; 185 | } 186 | 187 | .reveal table th, .reveal table td { 188 | text-align: left; 189 | padding: 0.2em 0.5em 0.2em 0.5em; 190 | border-bottom: 1px solid; 191 | } 192 | 193 | .reveal table th[align="center"], .reveal table td[align="center"] { 194 | text-align: center; 195 | } 196 | 197 | .reveal table th[align="right"], .reveal table td[align="right"] { 198 | text-align: right; 199 | } 200 | 201 | .reveal table tr:last-child td { 202 | border-bottom: none; 203 | } 204 | 205 | .reveal sup { 206 | vertical-align: super; 207 | } 208 | 209 | .reveal sub { 210 | vertical-align: sub; 211 | } 212 | 213 | .reveal small { 214 | display: inline-block; 215 | font-size: 0.6em; 216 | line-height: 1.2em; 217 | vertical-align: top; 218 | } 219 | 220 | .reveal small * { 221 | vertical-align: top; 222 | } 223 | 224 | /********************************************* 225 | * LINKS 226 | *********************************************/ 227 | .reveal a { 228 | color: #e7ad52; 229 | text-decoration: none; 230 | -webkit-transition: color 0.15s ease; 231 | -moz-transition: color 0.15s ease; 232 | transition: color 0.15s ease; 233 | } 234 | 235 | .reveal a:hover { 236 | color: #f3d7ac; 237 | text-shadow: none; 238 | border: none; 239 | } 240 | 241 | .reveal .roll span:after { 242 | color: #fff; 243 | background: #d0881d; 244 | } 245 | 246 | /********************************************* 247 | * IMAGES 248 | *********************************************/ 249 | .reveal section img { 250 | margin: 15px 0px; 251 | background: rgba(255, 255, 255, 0.12); 252 | border: 4px solid #eee; 253 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); 254 | } 255 | 256 | .reveal a img { 257 | -webkit-transition: all 0.15s linear; 258 | -moz-transition: all 0.15s linear; 259 | transition: all 0.15s linear; 260 | } 261 | 262 | .reveal a:hover img { 263 | background: rgba(255, 255, 255, 0.2); 264 | border-color: #e7ad52; 265 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); 266 | } 267 | 268 | /********************************************* 269 | * NAVIGATION CONTROLS 270 | *********************************************/ 271 | .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled { 272 | border-right-color: #e7ad52; 273 | } 274 | 275 | .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled { 276 | border-left-color: #e7ad52; 277 | } 278 | 279 | .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled { 280 | border-bottom-color: #e7ad52; 281 | } 282 | 283 | .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled { 284 | border-top-color: #e7ad52; 285 | } 286 | 287 | .reveal .controls div.navigate-left.enabled:hover { 288 | border-right-color: #f3d7ac; 289 | } 290 | 291 | .reveal .controls div.navigate-right.enabled:hover { 292 | border-left-color: #f3d7ac; 293 | } 294 | 295 | .reveal .controls div.navigate-up.enabled:hover { 296 | border-bottom-color: #f3d7ac; 297 | } 298 | 299 | .reveal .controls div.navigate-down.enabled:hover { 300 | border-top-color: #f3d7ac; 301 | } 302 | 303 | /********************************************* 304 | * PROGRESS BAR 305 | *********************************************/ 306 | .reveal .progress { 307 | background: rgba(0, 0, 0, 0.2); 308 | } 309 | 310 | .reveal .progress span { 311 | background: #e7ad52; 312 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); 313 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); 314 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); 315 | } 316 | 317 | /********************************************* 318 | * SLIDE NUMBER 319 | *********************************************/ 320 | .reveal .slide-number { 321 | color: #e7ad52; 322 | } 323 | -------------------------------------------------------------------------------- /06-mo-2/img/ float.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/06-mo-2/img/ float.jpg -------------------------------------------------------------------------------- /06-mo-2/img/MI_IE60_zindex.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/06-mo-2/img/MI_IE60_zindex.gif -------------------------------------------------------------------------------- /06-mo-2/img/MI_IE60_zindex.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/06-mo-2/img/MI_IE60_zindex.png -------------------------------------------------------------------------------- /06-mo-2/img/cat1.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/06-mo-2/img/cat1.gif -------------------------------------------------------------------------------- /06-mo-2/img/cat2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/06-mo-2/img/cat2.gif -------------------------------------------------------------------------------- /06-mo-2/img/css-is-awesome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/06-mo-2/img/css-is-awesome.png -------------------------------------------------------------------------------- /06-mo-2/img/fish-wallpaper-wonderful.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/06-mo-2/img/fish-wallpaper-wonderful.jpg -------------------------------------------------------------------------------- /06-mo-2/img/giphy.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/06-mo-2/img/giphy.gif -------------------------------------------------------------------------------- /06-mo-2/img/hell.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/06-mo-2/img/hell.png -------------------------------------------------------------------------------- /07-mo-3/css-custom/custom.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: textbook; 3 | font-weight: 400; 4 | src: local(textbook); 5 | src: url('fonts/textbook-regular.woff'), 6 | url('fonts/textbook-regular.ttf'); 7 | } 8 | 9 | @font-face { 10 | font-family: textbook-light; 11 | font-weight: 200; 12 | src: local(textbook-light); 13 | src: url('fonts/textbook-light.woff'), 14 | url('fonts/textbook-light.ttf'); 15 | } 16 | 17 | @font-face { 18 | font-family: textbook-bold; 19 | font-weight: 700; 20 | src: local(textbook-bold); 21 | src: url('fonts/textbook-bold.woff'), 22 | url('fonts/textbook-bold.ttf'); 23 | } 24 | 25 | .reveal { 26 | font-family: textbook; 27 | } 28 | 29 | .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { 30 | font-family: textbook-bold; 31 | } 32 | 33 | .reveal em { 34 | font-family: textbook-light; 35 | } 36 | 37 | section .strike { 38 | text-decoration: line-through; 39 | color: #888; 40 | } 41 | 42 | .yandex table.tableMiddle td { 43 | vertical-align: middle; 44 | } 45 | 46 | .yandex table.tableCenter td { 47 | text-align: center; 48 | } 49 | 50 | .yandex table.noBorder td { 51 | border: none; 52 | } 53 | 54 | pre.size-s { 55 | font-size: 15px !important; 56 | } 57 | 58 | p.size-s { 59 | font-size: 30px !important; 60 | } 61 | 62 | p.size-m { 63 | font-size: 35px !important; 64 | } 65 | 66 | p.size-l { 67 | font-size: 40px !important; 68 | } 69 | 70 | p.size-xl { 71 | font-size: 50px !important; 72 | } 73 | 74 | p.size-xxl { 75 | font-size: 60px !important; 76 | } 77 | 78 | pre.size-m { 79 | font-size: 18px !important; 80 | } 81 | 82 | pre.size-l { 83 | font-size: 25px !important; 84 | } 85 | 86 | pre.size-xl { 87 | font-size: 30px !important; 88 | } 89 | 90 | pre.size-xxl { 91 | font-size: 40px !important; 92 | } 93 | 94 | mark { 95 | border-radius: 5px; 96 | } 97 | 98 | mark.red { 99 | background: red; 100 | color: #fff; 101 | } 102 | 103 | mark.blue { 104 | background: blue; 105 | color: #fff; 106 | } 107 | 108 | .reveal .slides section mark.fragment { 109 | background: transparent; 110 | visibility: visible; 111 | color: white; 112 | opacity: 1; 113 | } 114 | 115 | .reveal .slides section mark.fragment.toggle.visible { 116 | color: white; 117 | background: transparent; 118 | } 119 | 120 | .reveal .slides section mark.fragment.visible.current-fragment.toggle, 121 | .reveal .slides section mark.fragment.visible { 122 | background: #ff0; 123 | color: black; 124 | } 125 | 126 | .reveal .slides section mark.blue.fragment.visible { 127 | background: #00f; 128 | color: black; 129 | } 130 | 131 | .reveal .slides section mark.red.fragment.visible { 132 | background: #f00; 133 | color: black; 134 | } 135 | 136 | section.ex button.size-m, 137 | section.ex textarea.size-m { 138 | margin-bottom: 20px; 139 | font-size: 37px; 140 | } 141 | 142 | section.ex button:focus { 143 | outline: 10px solid red; 144 | } 145 | 146 | section.ex button.size-l, 147 | section.ex input.size-l, 148 | section.ex textarea.size-l { 149 | font-size: 50px; 150 | margin-bottom: 20px; 151 | } 152 | 153 | section.ex button.zoom, 154 | section.ex input.zoom { 155 | transform: scale(2); 156 | vertical-align: middle; 157 | margin: 10px; 158 | } 159 | 160 | .reveal .progress span { 161 | color: rgb(243, 86, 38); 162 | background: linear-gradient(92deg, rgb(243, 204, 35), rgb(254, 146, 11)); 163 | -webkit-animation: hue 100s linear infinite; 164 | } 165 | 166 | a { 167 | color: #068ee9 !important; 168 | } 169 | 170 | div.body div.fragment.visible.animated { 171 | -webkit-animation-name: bounceIn; 172 | } 173 | 174 | .deadline { 175 | color: white; 176 | transform: scale(.1); 177 | pointer-events: none; 178 | transition-property: color, transform !important; 179 | transition-duration: 30s !important; 180 | transition-timing-function: linear !important; 181 | } 182 | 183 | .deadline.visible { 184 | color: red; 185 | transform: scale(5); 186 | } 187 | 188 | 189 | .psy div { 190 | visibility: hidden; 191 | } 192 | .psy:hover div { 193 | visibility: visible; 194 | } 195 | 196 | 197 | .reveal .ex:link { color: blue !important; transition-duration: 0s !important;} 198 | .reveal .ex:hover { color: green !important} 199 | .reveal .ex:focus { color: yellow !important} 200 | .reveal .ex:active { color: red !important} 201 | .reveal .ex:visited { color: purple !important} 202 | 203 | i { 204 | text-transform: lowercase; 205 | } 206 | 207 | .flex-example > div { 208 | background: rgba(0, 255, 0, 0.5); 209 | margin: 10px; 210 | border-radius: 10px; 211 | padding: 5px 10px; 212 | } 213 | 214 | .di1, 215 | .di2-5, 216 | .di3, 217 | .di4, 218 | .di5 { 219 | opacity: 0; 220 | } 221 | 222 | .visible.di1 ~ * .di1, 223 | .visible.di1 ~ * .di2-5 { 224 | transform: translateX(100px); 225 | } 226 | 227 | .visible.di2-5 ~ * .di1, 228 | .visible.di2-5 ~ * .di2-5 { 229 | transform: translateX(0px); 230 | } 231 | 232 | .visible.di1 ~ * .di1, 233 | .visible.di2-5 ~ * .di2-5, 234 | .visible.di3 ~ * .di3, 235 | .visible.di4 ~ * .di4, 236 | .visible.di5 ~ * .di5 { 237 | opacity: 1; 238 | transition: all 1s; 239 | } 240 | .flex-example-direction, 241 | .flex-example-small { 242 | width: 200%; 243 | text-align: left; 244 | } 245 | .flex-example-direction > div { 246 | display: inline-block; 247 | text-align: center; 248 | } 249 | .visible.di2 ~ .flex-example-direction, 250 | .flex-example-small { 251 | -webkit-transition: transform 1s; 252 | -moz-transition: transform 1s; 253 | -ms-transition: transform 1s; 254 | -o-transition: transform 1s; 255 | transition: transform 1s; 256 | transform: scale(0.5); 257 | transform-origin: 0 0; 258 | } 259 | .flex-example-small .flex-example-wrap { 260 | display: inline-block; 261 | height: 50vh; 262 | width: 49%; 263 | vertical-align: top; 264 | } 265 | .flex-example-small .flex-example, 266 | .flex-example.background { 267 | background: rgba(255, 0, 0, 0.5); 268 | margin: 10px; 269 | border-radius: 10px; 270 | padding: 5px 10px; 271 | } 272 | .flex-example-small h2 { 273 | text-align: center; 274 | } 275 | 276 | .flex-example-order div:nth-child(1) {order: 1;} 277 | .flex-example-order div:nth-child(2) {order: 4;} 278 | .flex-example-order div:nth-child(3) {order: 3;} 279 | .flex-example-order div:nth-child(4) {order: 2;} 280 | 281 | @-webkit-keyframes hue { 282 | from { 283 | -webkit-filter: hue-rotate(0deg); 284 | } 285 | to { 286 | -webkit-filter: hue-rotate(360deg); 287 | } 288 | } 289 | -------------------------------------------------------------------------------- /07-mo-3/css-custom/fonts/textbook-bold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/css-custom/fonts/textbook-bold.eot -------------------------------------------------------------------------------- /07-mo-3/css-custom/fonts/textbook-bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/css-custom/fonts/textbook-bold.ttf -------------------------------------------------------------------------------- /07-mo-3/css-custom/fonts/textbook-bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/css-custom/fonts/textbook-bold.woff -------------------------------------------------------------------------------- /07-mo-3/css-custom/fonts/textbook-light.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/css-custom/fonts/textbook-light.eot -------------------------------------------------------------------------------- /07-mo-3/css-custom/fonts/textbook-light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/css-custom/fonts/textbook-light.ttf -------------------------------------------------------------------------------- /07-mo-3/css-custom/fonts/textbook-light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/css-custom/fonts/textbook-light.woff -------------------------------------------------------------------------------- /07-mo-3/css-custom/fonts/textbook-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/css-custom/fonts/textbook-regular.eot -------------------------------------------------------------------------------- /07-mo-3/css-custom/fonts/textbook-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/css-custom/fonts/textbook-regular.ttf -------------------------------------------------------------------------------- /07-mo-3/css-custom/fonts/textbook-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/css-custom/fonts/textbook-regular.woff -------------------------------------------------------------------------------- /07-mo-3/img/01.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/01.gif -------------------------------------------------------------------------------- /07-mo-3/img/02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/02.jpg -------------------------------------------------------------------------------- /07-mo-3/img/03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/03.jpg -------------------------------------------------------------------------------- /07-mo-3/img/04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/04.jpg -------------------------------------------------------------------------------- /07-mo-3/img/05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/05.jpg -------------------------------------------------------------------------------- /07-mo-3/img/06.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/06.jpg -------------------------------------------------------------------------------- /07-mo-3/img/07.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/07.jpg -------------------------------------------------------------------------------- /07-mo-3/img/08.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/08.jpg -------------------------------------------------------------------------------- /07-mo-3/img/09.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/09.jpg -------------------------------------------------------------------------------- /07-mo-3/img/1.psd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/1.psd -------------------------------------------------------------------------------- /07-mo-3/img/10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/10.jpg -------------------------------------------------------------------------------- /07-mo-3/img/11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/11.jpg -------------------------------------------------------------------------------- /07-mo-3/img/12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/12.jpg -------------------------------------------------------------------------------- /07-mo-3/img/12_1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/12_1.jpg -------------------------------------------------------------------------------- /07-mo-3/img/13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/13.jpg -------------------------------------------------------------------------------- /07-mo-3/img/14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/14.jpg -------------------------------------------------------------------------------- /07-mo-3/img/15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/15.jpg -------------------------------------------------------------------------------- /07-mo-3/img/16.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/16.jpg -------------------------------------------------------------------------------- /07-mo-3/img/17.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/17.jpg -------------------------------------------------------------------------------- /07-mo-3/img/18.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/18.jpg -------------------------------------------------------------------------------- /07-mo-3/img/19.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/19.jpg -------------------------------------------------------------------------------- /07-mo-3/img/20.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/20.jpg -------------------------------------------------------------------------------- /07-mo-3/img/21.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/21.jpg -------------------------------------------------------------------------------- /07-mo-3/img/22.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/22.png -------------------------------------------------------------------------------- /07-mo-3/img/23.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/23.jpg -------------------------------------------------------------------------------- /07-mo-3/img/24.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/24.png -------------------------------------------------------------------------------- /07-mo-3/img/25.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/25.png -------------------------------------------------------------------------------- /07-mo-3/img/26.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/26.png -------------------------------------------------------------------------------- /07-mo-3/img/27.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/27.png -------------------------------------------------------------------------------- /07-mo-3/img/28.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/28.png -------------------------------------------------------------------------------- /07-mo-3/img/29.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/29.jpg -------------------------------------------------------------------------------- /07-mo-3/img/30.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/30.jpg -------------------------------------------------------------------------------- /07-mo-3/img/31.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/31.jpg -------------------------------------------------------------------------------- /07-mo-3/img/32.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/32.jpg -------------------------------------------------------------------------------- /07-mo-3/img/33.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/33.jpg -------------------------------------------------------------------------------- /07-mo-3/img/34.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/34.jpg -------------------------------------------------------------------------------- /07-mo-3/img/35.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/35.png -------------------------------------------------------------------------------- /07-mo-3/img/36.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/36.png -------------------------------------------------------------------------------- /07-mo-3/img/37.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/37.jpg -------------------------------------------------------------------------------- /07-mo-3/img/38.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/38.jpg -------------------------------------------------------------------------------- /07-mo-3/img/39.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/39.jpg -------------------------------------------------------------------------------- /07-mo-3/img/40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/40.png -------------------------------------------------------------------------------- /07-mo-3/img/m.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/07-mo-3/img/m.jpg -------------------------------------------------------------------------------- /08-animation/css-custom/fonts/textbook-bold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/08-animation/css-custom/fonts/textbook-bold.eot -------------------------------------------------------------------------------- /08-animation/css-custom/fonts/textbook-bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/08-animation/css-custom/fonts/textbook-bold.ttf -------------------------------------------------------------------------------- /08-animation/css-custom/fonts/textbook-bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/08-animation/css-custom/fonts/textbook-bold.woff -------------------------------------------------------------------------------- /08-animation/css-custom/fonts/textbook-light.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/08-animation/css-custom/fonts/textbook-light.eot -------------------------------------------------------------------------------- /08-animation/css-custom/fonts/textbook-light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/08-animation/css-custom/fonts/textbook-light.ttf -------------------------------------------------------------------------------- /08-animation/css-custom/fonts/textbook-light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/08-animation/css-custom/fonts/textbook-light.woff -------------------------------------------------------------------------------- /08-animation/css-custom/fonts/textbook-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/08-animation/css-custom/fonts/textbook-regular.eot -------------------------------------------------------------------------------- /08-animation/css-custom/fonts/textbook-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/08-animation/css-custom/fonts/textbook-regular.ttf -------------------------------------------------------------------------------- /08-animation/css-custom/fonts/textbook-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/08-animation/css-custom/fonts/textbook-regular.woff -------------------------------------------------------------------------------- /08-animation/img/coordinates-trimed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/08-animation/img/coordinates-trimed.png -------------------------------------------------------------------------------- /08-animation/img/cube.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/08-animation/img/cube.gif -------------------------------------------------------------------------------- /08-animation/img/cubic-bezier_points_values.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/08-animation/img/cubic-bezier_points_values.png -------------------------------------------------------------------------------- /08-animation/img/example-18.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/08-animation/img/example-18.png -------------------------------------------------------------------------------- /08-animation/img/example-19.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/08-animation/img/example-19.png -------------------------------------------------------------------------------- /08-animation/img/giphy.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/08-animation/img/giphy.gif -------------------------------------------------------------------------------- /08-animation/img/glass-3d.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/08-animation/img/glass-3d.png -------------------------------------------------------------------------------- /08-animation/img/like.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/08-animation/img/like.png -------------------------------------------------------------------------------- /08-animation/img/linear.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/08-animation/img/linear.png -------------------------------------------------------------------------------- /08-animation/img/perspective.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/08-animation/img/perspective.jpg -------------------------------------------------------------------------------- /08-animation/img/rocket.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/08-animation/img/rocket.png -------------------------------------------------------------------------------- /08-animation/img/superman.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/08-animation/img/superman.png -------------------------------------------------------------------------------- /08-animation/img/переход_3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/08-animation/img/переход_3.jpg -------------------------------------------------------------------------------- /09-browser/css-custom/custom.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: textbook; 3 | font-weight: 400; 4 | src: local(textbook); 5 | src: url('fonts/textbook-regular.woff'), 6 | url('fonts/textbook-regular.ttf'); 7 | } 8 | 9 | @font-face { 10 | font-family: textbook-light; 11 | font-weight: 200; 12 | src: local(textbook-light); 13 | src: url('fonts/textbook-light.woff'), 14 | url('fonts/textbook-light.ttf'); 15 | } 16 | 17 | @font-face { 18 | font-family: textbook-bold; 19 | font-weight: 700; 20 | src: local(textbook-bold); 21 | src: url('fonts/textbook-bold.woff'), 22 | url('fonts/textbook-bold.ttf'); 23 | } 24 | 25 | .reveal { 26 | font-family: textbook; 27 | } 28 | 29 | .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { 30 | font-family: textbook-bold; 31 | } 32 | 33 | .reveal em { 34 | font-family: textbook-light; 35 | } 36 | 37 | section .strike { 38 | text-decoration: line-through; 39 | color: #888; 40 | } 41 | 42 | .yandex table.tableMiddle td { 43 | vertical-align: middle; 44 | } 45 | 46 | .yandex table.tableCenter td { 47 | text-align: center; 48 | } 49 | 50 | .yandex table.noBorder td { 51 | border: none; 52 | } 53 | 54 | pre.size-s { 55 | font-size: 15px !important; 56 | } 57 | 58 | p.size-s { 59 | font-size: 30px !important; 60 | } 61 | 62 | p.size-m { 63 | font-size: 35px !important; 64 | } 65 | 66 | p.size-l { 67 | font-size: 40px !important; 68 | } 69 | 70 | p.size-xl { 71 | font-size: 50px !important; 72 | } 73 | 74 | p.size-xxl { 75 | font-size: 60px !important; 76 | } 77 | 78 | pre.size-m { 79 | font-size: 18px !important; 80 | } 81 | 82 | pre.size-l { 83 | font-size: 25px !important; 84 | } 85 | 86 | pre.size-xl { 87 | font-size: 30px !important; 88 | } 89 | 90 | pre.size-xxl { 91 | font-size: 40px !important; 92 | } 93 | 94 | mark { 95 | border-radius: 5px; 96 | } 97 | 98 | mark.red { 99 | background: red; 100 | color: #fff; 101 | } 102 | 103 | mark.blue { 104 | background: blue; 105 | color: #fff; 106 | } 107 | 108 | .reveal .slides section mark.fragment { 109 | background: transparent; 110 | visibility: visible; 111 | color: white; 112 | opacity: 1; 113 | } 114 | 115 | .reveal .slides section mark.fragment.toggle.visible { 116 | color: white; 117 | background: transparent; 118 | } 119 | 120 | .reveal .slides section mark.fragment.visible.current-fragment.toggle, 121 | .reveal .slides section mark.fragment.visible { 122 | background: #ff0; 123 | color: black; 124 | } 125 | 126 | .reveal .slides section mark.blue.fragment.visible { 127 | background: #00f; 128 | color: black; 129 | } 130 | 131 | .reveal .slides section mark.red.fragment.visible { 132 | background: #f00; 133 | color: black; 134 | } 135 | 136 | section.ex button.size-m, 137 | section.ex textarea.size-m { 138 | margin-bottom: 20px; 139 | font-size: 37px; 140 | } 141 | 142 | section.ex button:focus { 143 | outline: 10px solid red; 144 | } 145 | 146 | section.ex button.size-l, 147 | section.ex input.size-l, 148 | section.ex textarea.size-l { 149 | font-size: 50px; 150 | margin-bottom: 20px; 151 | } 152 | 153 | section.ex button.zoom, 154 | section.ex input.zoom { 155 | transform: scale(2); 156 | vertical-align: middle; 157 | margin: 10px; 158 | } 159 | 160 | .reveal .progress span { 161 | color: rgb(243, 86, 38); 162 | background: linear-gradient(92deg, rgb(243, 204, 35), rgb(254, 146, 11)); 163 | -webkit-animation: hue 100s linear infinite; 164 | } 165 | 166 | a { 167 | color: #068ee9 !important; 168 | } 169 | 170 | div.body div.fragment.visible.animated { 171 | -webkit-animation-name: bounceIn; 172 | } 173 | 174 | .deadline { 175 | color: white; 176 | transform: scale(.1); 177 | pointer-events: none; 178 | transition-property: color, transform !important; 179 | transition-duration: 30s !important; 180 | transition-timing-function: linear !important; 181 | } 182 | 183 | .deadline.visible { 184 | color: red; 185 | transform: scale(5); 186 | } 187 | 188 | 189 | .psy div { 190 | visibility: hidden; 191 | } 192 | .psy:hover div { 193 | visibility: visible; 194 | } 195 | 196 | 197 | .reveal .ex:link { color: blue !important; transition-duration: 0s !important;} 198 | .reveal .ex:hover { color: green !important} 199 | .reveal .ex:focus { color: yellow !important} 200 | .reveal .ex:active { color: red !important} 201 | .reveal .ex:visited { color: purple !important} 202 | 203 | i { 204 | text-transform: lowercase; 205 | } 206 | 207 | .browser { 208 | transform: scale(0); 209 | } 210 | .browser.visible { 211 | transform: scale(1); 212 | } 213 | 214 | 215 | @-webkit-keyframes hue { 216 | from { 217 | -webkit-filter: hue-rotate(0deg); 218 | } 219 | to { 220 | -webkit-filter: hue-rotate(360deg); 221 | } 222 | } -------------------------------------------------------------------------------- /09-browser/css-custom/fonts/textbook-bold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/css-custom/fonts/textbook-bold.eot -------------------------------------------------------------------------------- /09-browser/css-custom/fonts/textbook-bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/css-custom/fonts/textbook-bold.ttf -------------------------------------------------------------------------------- /09-browser/css-custom/fonts/textbook-bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/css-custom/fonts/textbook-bold.woff -------------------------------------------------------------------------------- /09-browser/css-custom/fonts/textbook-light.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/css-custom/fonts/textbook-light.eot -------------------------------------------------------------------------------- /09-browser/css-custom/fonts/textbook-light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/css-custom/fonts/textbook-light.ttf -------------------------------------------------------------------------------- /09-browser/css-custom/fonts/textbook-light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/css-custom/fonts/textbook-light.woff -------------------------------------------------------------------------------- /09-browser/css-custom/fonts/textbook-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/css-custom/fonts/textbook-regular.eot -------------------------------------------------------------------------------- /09-browser/css-custom/fonts/textbook-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/css-custom/fonts/textbook-regular.ttf -------------------------------------------------------------------------------- /09-browser/css-custom/fonts/textbook-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/css-custom/fonts/textbook-regular.woff -------------------------------------------------------------------------------- /09-browser/img/01-browser.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/01-browser.jpg -------------------------------------------------------------------------------- /09-browser/img/02-browser-wars.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/02-browser-wars.jpg -------------------------------------------------------------------------------- /09-browser/img/03-browser-wars.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/03-browser-wars.jpg -------------------------------------------------------------------------------- /09-browser/img/04-edge-logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/04-edge-logo.jpg -------------------------------------------------------------------------------- /09-browser/img/04-edge-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/04-edge-logo.png -------------------------------------------------------------------------------- /09-browser/img/05-firefox-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/05-firefox-logo.png -------------------------------------------------------------------------------- /09-browser/img/06-safari-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/06-safari-logo.png -------------------------------------------------------------------------------- /09-browser/img/07-chromium-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/07-chromium-logo.png -------------------------------------------------------------------------------- /09-browser/img/08-yabro-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/08-yabro-logo.png -------------------------------------------------------------------------------- /09-browser/img/09-chrome-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/09-chrome-logo.png -------------------------------------------------------------------------------- /09-browser/img/10-opera-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/10-opera-logo.png -------------------------------------------------------------------------------- /09-browser/img/11-opera-mini-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/11-opera-mini-logo.png -------------------------------------------------------------------------------- /09-browser/img/12-browser-architecture.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/12-browser-architecture.png -------------------------------------------------------------------------------- /09-browser/img/13-browser-networking-dns.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/13-browser-networking-dns.png -------------------------------------------------------------------------------- /09-browser/img/13-browser-networking-dns_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/13-browser-networking-dns_1.png -------------------------------------------------------------------------------- /09-browser/img/13-browser-networking-dns_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/13-browser-networking-dns_2.png -------------------------------------------------------------------------------- /09-browser/img/13-browser-networking-dns_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/13-browser-networking-dns_3.png -------------------------------------------------------------------------------- /09-browser/img/13-browser-networking-dns_3_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/13-browser-networking-dns_3_1.png -------------------------------------------------------------------------------- /09-browser/img/13-browser-networking-dns_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/13-browser-networking-dns_4.png -------------------------------------------------------------------------------- /09-browser/img/13-browser-networking-dns_4_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/13-browser-networking-dns_4_1.png -------------------------------------------------------------------------------- /09-browser/img/13-browser-networking-dns_5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/13-browser-networking-dns_5.png -------------------------------------------------------------------------------- /09-browser/img/13-browser-networking-dns_6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/13-browser-networking-dns_6.png -------------------------------------------------------------------------------- /09-browser/img/13-browser-networking-dns_7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/13-browser-networking-dns_7.png -------------------------------------------------------------------------------- /09-browser/img/13-browser-networking-dns_8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/13-browser-networking-dns_8.png -------------------------------------------------------------------------------- /09-browser/img/13-browser-networking-dns_9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/13-browser-networking-dns_9.png -------------------------------------------------------------------------------- /09-browser/img/14-browser-dns.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/14-browser-dns.png -------------------------------------------------------------------------------- /09-browser/img/15-russia-request.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/15-russia-request.png -------------------------------------------------------------------------------- /09-browser/img/16-browser-parsing.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/16-browser-parsing.png -------------------------------------------------------------------------------- /09-browser/img/17-browser-rendering.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/17-browser-rendering.png -------------------------------------------------------------------------------- /09-browser/img/17-browser-rendering_ff.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/17-browser-rendering_ff.png -------------------------------------------------------------------------------- /09-browser/img/18-go-deeper.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/18-go-deeper.jpg -------------------------------------------------------------------------------- /09-browser/img/19-cssom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/19-cssom.png -------------------------------------------------------------------------------- /09-browser/img/20-write-right.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/20-write-right.png -------------------------------------------------------------------------------- /09-browser/img/21-dom-cssom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/21-dom-cssom.png -------------------------------------------------------------------------------- /09-browser/img/22-urfu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/22-urfu.png -------------------------------------------------------------------------------- /09-browser/img/23-incremental-reflow_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/23-incremental-reflow_1.png -------------------------------------------------------------------------------- /09-browser/img/23-incremental-reflow_10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/23-incremental-reflow_10.png -------------------------------------------------------------------------------- /09-browser/img/23-incremental-reflow_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/23-incremental-reflow_2.png -------------------------------------------------------------------------------- /09-browser/img/23-incremental-reflow_2_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/23-incremental-reflow_2_1.png -------------------------------------------------------------------------------- /09-browser/img/23-incremental-reflow_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/23-incremental-reflow_3.png -------------------------------------------------------------------------------- /09-browser/img/23-incremental-reflow_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/23-incremental-reflow_4.png -------------------------------------------------------------------------------- /09-browser/img/23-incremental-reflow_5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/23-incremental-reflow_5.png -------------------------------------------------------------------------------- /09-browser/img/23-incremental-reflow_6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/23-incremental-reflow_6.png -------------------------------------------------------------------------------- /09-browser/img/23-incremental-reflow_7-01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/23-incremental-reflow_7-01.png -------------------------------------------------------------------------------- /09-browser/img/23-incremental-reflow_7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/23-incremental-reflow_7.png -------------------------------------------------------------------------------- /09-browser/img/23-incremental-reflow_8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/23-incremental-reflow_8.png -------------------------------------------------------------------------------- /09-browser/img/23-incremental-reflow_9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/23-incremental-reflow_9.png -------------------------------------------------------------------------------- /09-browser/img/24-scripts-flow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/24-scripts-flow.png -------------------------------------------------------------------------------- /09-browser/img/24-scripts-flow_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/24-scripts-flow_1.png -------------------------------------------------------------------------------- /09-browser/img/24-scripts-flow_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/24-scripts-flow_2.png -------------------------------------------------------------------------------- /09-browser/img/25-winnie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/25-winnie.jpg -------------------------------------------------------------------------------- /09-browser/img/26-scripts.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/26-scripts.jpg -------------------------------------------------------------------------------- /09-browser/img/27-slow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/27-slow.png -------------------------------------------------------------------------------- /09-browser/img/28-compositing.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/28-compositing.png -------------------------------------------------------------------------------- /09-browser/img/29.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/29.jpg -------------------------------------------------------------------------------- /09-browser/img/4334957E8169090A.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/4334957E8169090A.png -------------------------------------------------------------------------------- /09-browser/img/E05658434504822.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/09-browser/img/E05658434504822.png -------------------------------------------------------------------------------- /10-graphics/img/1-bit.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/1-bit.jpg -------------------------------------------------------------------------------- /10-graphics/img/799093.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/799093.png -------------------------------------------------------------------------------- /10-graphics/img/Avocode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/Avocode.png -------------------------------------------------------------------------------- /10-graphics/img/Bmp-1-DMSC9112086_JPG.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/Bmp-1-DMSC9112086_JPG.jpg -------------------------------------------------------------------------------- /10-graphics/img/Bmp-1.bmp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/Bmp-1.bmp -------------------------------------------------------------------------------- /10-graphics/img/Bmp-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/Bmp-1.png -------------------------------------------------------------------------------- /10-graphics/img/ImageOptimIcon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/ImageOptimIcon.png -------------------------------------------------------------------------------- /10-graphics/img/JPEG_example_down.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/JPEG_example_down.jpg -------------------------------------------------------------------------------- /10-graphics/img/PNG_vs_JPEG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/PNG_vs_JPEG.png -------------------------------------------------------------------------------- /10-graphics/img/Raster-vector-circles.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/Raster-vector-circles.png -------------------------------------------------------------------------------- /10-graphics/img/auto-select.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/auto-select.png -------------------------------------------------------------------------------- /10-graphics/img/auto_ru.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/auto_ru.png -------------------------------------------------------------------------------- /10-graphics/img/bg-pos.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/bg-pos.png -------------------------------------------------------------------------------- /10-graphics/img/cmyk_2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/cmyk_2.jpg -------------------------------------------------------------------------------- /10-graphics/img/color-model.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/color-model.png -------------------------------------------------------------------------------- /10-graphics/img/delorean.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/delorean.jpg -------------------------------------------------------------------------------- /10-graphics/img/f0113.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/f0113.png -------------------------------------------------------------------------------- /10-graphics/img/frames.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/frames.png -------------------------------------------------------------------------------- /10-graphics/img/gif.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/gif.gif -------------------------------------------------------------------------------- /10-graphics/img/gif1.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/gif1.gif -------------------------------------------------------------------------------- /10-graphics/img/gif2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/gif2.gif -------------------------------------------------------------------------------- /10-graphics/img/gimp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/gimp.png -------------------------------------------------------------------------------- /10-graphics/img/giphy.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/giphy.gif -------------------------------------------------------------------------------- /10-graphics/img/glubina-cveta.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/glubina-cveta.png -------------------------------------------------------------------------------- /10-graphics/img/grid-block.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/grid-block.png -------------------------------------------------------------------------------- /10-graphics/img/hsl_1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/hsl_1.jpg -------------------------------------------------------------------------------- /10-graphics/img/hsl_hsv.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/hsl_hsv.jpg -------------------------------------------------------------------------------- /10-graphics/img/hsv_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/hsv_1.png -------------------------------------------------------------------------------- /10-graphics/img/jpegmini.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/jpegmini.png -------------------------------------------------------------------------------- /10-graphics/img/jpg_d.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/jpg_d.jpg -------------------------------------------------------------------------------- /10-graphics/img/kraken-logo-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/kraken-logo-4.png -------------------------------------------------------------------------------- /10-graphics/img/lab-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/lab-1.jpg -------------------------------------------------------------------------------- /10-graphics/img/mario.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/mario.png -------------------------------------------------------------------------------- /10-graphics/img/palitra.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/palitra.png -------------------------------------------------------------------------------- /10-graphics/img/png.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/png.gif -------------------------------------------------------------------------------- /10-graphics/img/png.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/png.png -------------------------------------------------------------------------------- /10-graphics/img/progressive-loading.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/progressive-loading.png -------------------------------------------------------------------------------- /10-graphics/img/ps-cs6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/ps-cs6.png -------------------------------------------------------------------------------- /10-graphics/img/ps/design.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/ps/design.png -------------------------------------------------------------------------------- /10-graphics/img/ps/hide-leyer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/ps/hide-leyer.png -------------------------------------------------------------------------------- /10-graphics/img/ps/ph.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/ps/ph.png -------------------------------------------------------------------------------- /10-graphics/img/ps/ph_eff.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/ps/ph_eff.png -------------------------------------------------------------------------------- /10-graphics/img/ps/ph_eff1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/ps/ph_eff1.png -------------------------------------------------------------------------------- /10-graphics/img/ps/ph_ex.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/ps/ph_ex.png -------------------------------------------------------------------------------- /10-graphics/img/ps/ph_hk.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/ps/ph_hk.png -------------------------------------------------------------------------------- /10-graphics/img/ps/ph_ic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/ps/ph_ic.png -------------------------------------------------------------------------------- /10-graphics/img/ps/ph_info.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/ps/ph_info.png -------------------------------------------------------------------------------- /10-graphics/img/ps/ph_lc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/ps/ph_lc.png -------------------------------------------------------------------------------- /10-graphics/img/ps/ph_ls.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/ps/ph_ls.png -------------------------------------------------------------------------------- /10-graphics/img/ps/ph_mark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/ps/ph_mark.png -------------------------------------------------------------------------------- /10-graphics/img/ps/ph_pr2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/ps/ph_pr2.png -------------------------------------------------------------------------------- /10-graphics/img/ps/ph_sfw.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/ps/ph_sfw.png -------------------------------------------------------------------------------- /10-graphics/img/ps/ph_wp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/ps/ph_wp.png -------------------------------------------------------------------------------- /10-graphics/img/ps/ph_ws.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/ps/ph_ws.png -------------------------------------------------------------------------------- /10-graphics/img/raster_vector.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/raster_vector.png -------------------------------------------------------------------------------- /10-graphics/img/rgb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/rgb.png -------------------------------------------------------------------------------- /10-graphics/img/rgb3d.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/rgb3d.png -------------------------------------------------------------------------------- /10-graphics/img/sketch-app.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/sketch-app.png -------------------------------------------------------------------------------- /10-graphics/img/social-icons.example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/social-icons.example.png -------------------------------------------------------------------------------- /10-graphics/img/sprite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/sprite.png -------------------------------------------------------------------------------- /10-graphics/img/yandex.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/10-graphics/img/yandex.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Слайды презентаций по вёрстке 2 | 3 | [Как работать с GitHub](https://github.com/urfu-2015/guides/blob/master/how-to-pull-request.md) 4 | 5 | :warning: Корректная работа только в webkit-браузерах: Chrome, Opera, Яндекс.Браузер 6 | 7 | 1. [HTML, I часть](https://rawgit.com/urfu-2015/verstka-slides/master/01-html-1/index.html#/) ([Текст лекции](https://github.com/urfu-2015/verstka-lectures/blob/master/html/part-1.md), [Домашнее задание](https://github.com/urfu-2015/verstka-tasks-1)) 8 | 1. [HTML, II часть](https://rawgit.com/urfu-2015/verstka-slides/master/02-html-2/index.html) ([Текст лекции](https://github.com/urfu-2015/verstka-lectures/blob/master/html/part-2.md), [Домашнее задание](https://github.com/urfu-2015/verstka-tasks-2)) 9 | 1. [CSS](https://rawgit.com/urfu-2015/verstka-slides/master/03-css/index.html) ([Домашнее задание](https://github.com/urfu-2015/verstka-tasks-3)) 10 | 1. [Шрифты и текст](https://rawgit.com/urfu-2015/verstka-slides/master/04-fonts-text/index.html) ([Домашнее задание](https://github.com/urfu-2015/verstka-tasks-4)) 11 | 1. [Модель отображения. I часть](https://rawgit.com/urfu-2015/verstka-slides/master/05-mo-1/index.html) ([Домашнее задание](https://github.com/urfu-2015/verstka-tasks-5)) 12 | 1. [Модель отображения. II часть](https://rawgit.com/urfu-2015/verstka-slides/master/06-mo-2/index.html) ([Домашнее задание](https://github.com/urfu-2015/verstka-tasks-6)) 13 | 1. [Модель отображения. III часть](https://rawgit.com/urfu-2015/verstka-slides/master/07-mo-3/index.html) ([Домашнее задание](https://github.com/urfu-2015/verstka-tasks-7)) 14 | 1. [Анимации](https://rawgit.com/urfu-2015/verstka-slides/master/08-animation/index.html) ([Домашнее задание](https://github.com/urfu-2015/verstka-tasks-8)) 15 | 1. [Браузер](https://rawgit.com/urfu-2015/verstka-slides/master/09-browser/index.html) ([Домашнее задание](https://github.com/urfu-2015/verstka-tasks-9)) 16 | 1. [Графика и Photoshop](https://rawgit.com/urfu-2015/verstka-slides/master/10-graphics/index.html) ([Домашнее задание](https://github.com/urfu-2015/verstka-tasks-10)) 17 | -------------------------------------------------------------------------------- /css/print/paper.css: -------------------------------------------------------------------------------- 1 | /* Default Print Stylesheet Template 2 | by Rob Glazebrook of CSSnewbie.com 3 | Last Updated: June 4, 2008 4 | 5 | Feel free (nay, compelled) to edit, append, and 6 | manipulate this file as you see fit. */ 7 | 8 | 9 | @media print { 10 | 11 | /* SECTION 1: Set default width, margin, float, and 12 | background. This prevents elements from extending 13 | beyond the edge of the printed page, and prevents 14 | unnecessary background images from printing */ 15 | html { 16 | background: #fff; 17 | width: auto; 18 | height: auto; 19 | overflow: visible; 20 | } 21 | body { 22 | background: #fff; 23 | font-size: 20pt; 24 | width: auto; 25 | height: auto; 26 | border: 0; 27 | margin: 0 5%; 28 | padding: 0; 29 | overflow: visible; 30 | float: none !important; 31 | } 32 | 33 | /* SECTION 2: Remove any elements not needed in print. 34 | This would include navigation, ads, sidebars, etc. */ 35 | .nestedarrow, 36 | .controls, 37 | .fork-reveal, 38 | .share-reveal, 39 | .state-background, 40 | .reveal .progress, 41 | .reveal .backgrounds { 42 | display: none !important; 43 | } 44 | 45 | /* SECTION 3: Set body font face, size, and color. 46 | Consider using a serif font for readability. */ 47 | body, p, td, li, div { 48 | font-size: 20pt!important; 49 | font-family: Georgia, "Times New Roman", Times, serif !important; 50 | color: #000; 51 | } 52 | 53 | /* SECTION 4: Set heading font face, sizes, and color. 54 | Differentiate your headings from your body text. 55 | Perhaps use a large sans-serif for distinction. */ 56 | h1,h2,h3,h4,h5,h6 { 57 | color: #000!important; 58 | height: auto; 59 | line-height: normal; 60 | font-family: Georgia, "Times New Roman", Times, serif !important; 61 | text-shadow: 0 0 0 #000 !important; 62 | text-align: left; 63 | letter-spacing: normal; 64 | } 65 | /* Need to reduce the size of the fonts for printing */ 66 | h1 { font-size: 28pt !important; } 67 | h2 { font-size: 24pt !important; } 68 | h3 { font-size: 22pt !important; } 69 | h4 { font-size: 22pt !important; font-variant: small-caps; } 70 | h5 { font-size: 21pt !important; } 71 | h6 { font-size: 20pt !important; font-style: italic; } 72 | 73 | /* SECTION 5: Make hyperlinks more usable. 74 | Ensure links are underlined, and consider appending 75 | the URL to the end of the link for usability. */ 76 | a:link, 77 | a:visited { 78 | color: #000 !important; 79 | font-weight: bold; 80 | text-decoration: underline; 81 | } 82 | /* 83 | .reveal a:link:after, 84 | .reveal a:visited:after { 85 | content: " (" attr(href) ") "; 86 | color: #222 !important; 87 | font-size: 90%; 88 | } 89 | */ 90 | 91 | 92 | /* SECTION 6: more reveal.js specific additions by @skypanther */ 93 | ul, ol, div, p { 94 | visibility: visible; 95 | position: static; 96 | width: auto; 97 | height: auto; 98 | display: block; 99 | overflow: visible; 100 | margin: 0; 101 | text-align: left !important; 102 | } 103 | .reveal pre, 104 | .reveal table { 105 | margin-left: 0; 106 | margin-right: 0; 107 | } 108 | .reveal pre code { 109 | padding: 20px; 110 | border: 1px solid #ddd; 111 | } 112 | .reveal blockquote { 113 | margin: 20px 0; 114 | } 115 | .reveal .slides { 116 | position: static !important; 117 | width: auto !important; 118 | height: auto !important; 119 | 120 | left: 0 !important; 121 | top: 0 !important; 122 | margin-left: 0 !important; 123 | margin-top: 0 !important; 124 | padding: 0 !important; 125 | zoom: 1 !important; 126 | 127 | overflow: visible !important; 128 | display: block !important; 129 | 130 | text-align: left !important; 131 | -webkit-perspective: none; 132 | -moz-perspective: none; 133 | -ms-perspective: none; 134 | perspective: none; 135 | 136 | -webkit-perspective-origin: 50% 50%; 137 | -moz-perspective-origin: 50% 50%; 138 | -ms-perspective-origin: 50% 50%; 139 | perspective-origin: 50% 50%; 140 | } 141 | .reveal .slides section { 142 | visibility: visible !important; 143 | position: static !important; 144 | width: 100% !important; 145 | height: auto !important; 146 | display: block !important; 147 | overflow: visible !important; 148 | 149 | left: 0 !important; 150 | top: 0 !important; 151 | margin-left: 0 !important; 152 | margin-top: 0 !important; 153 | padding: 60px 20px !important; 154 | z-index: auto !important; 155 | 156 | opacity: 1 !important; 157 | 158 | page-break-after: always !important; 159 | 160 | -webkit-transform-style: flat !important; 161 | -moz-transform-style: flat !important; 162 | -ms-transform-style: flat !important; 163 | transform-style: flat !important; 164 | 165 | -webkit-transform: none !important; 166 | -moz-transform: none !important; 167 | -ms-transform: none !important; 168 | transform: none !important; 169 | 170 | -webkit-transition: none !important; 171 | -moz-transition: none !important; 172 | -ms-transition: none !important; 173 | transition: none !important; 174 | } 175 | .reveal .slides section.stack { 176 | padding: 0 !important; 177 | } 178 | .reveal section:last-of-type { 179 | page-break-after: avoid !important; 180 | } 181 | .reveal section .fragment { 182 | opacity: 1 !important; 183 | visibility: visible !important; 184 | 185 | -webkit-transform: none !important; 186 | -moz-transform: none !important; 187 | -ms-transform: none !important; 188 | transform: none !important; 189 | } 190 | .reveal section img { 191 | display: block; 192 | margin: 15px 0px; 193 | background: rgba(255,255,255,1); 194 | border: 1px solid #666; 195 | box-shadow: none; 196 | } 197 | 198 | .reveal section small { 199 | font-size: 0.8em; 200 | } 201 | 202 | } -------------------------------------------------------------------------------- /css/print/pdf.css: -------------------------------------------------------------------------------- 1 | /* Default Print Stylesheet Template 2 | by Rob Glazebrook of CSSnewbie.com 3 | Last Updated: June 4, 2008 4 | 5 | Feel free (nay, compelled) to edit, append, and 6 | manipulate this file as you see fit. */ 7 | 8 | 9 | /* SECTION 1: Set default width, margin, float, and 10 | background. This prevents elements from extending 11 | beyond the edge of the printed page, and prevents 12 | unnecessary background images from printing */ 13 | 14 | * { 15 | -webkit-print-color-adjust: exact; 16 | } 17 | 18 | body { 19 | margin: 0 auto !important; 20 | border: 0; 21 | padding: 0; 22 | float: none !important; 23 | overflow: visible; 24 | } 25 | 26 | html { 27 | width: 100%; 28 | height: 100%; 29 | overflow: visible !important; 30 | } 31 | 32 | /* SECTION 2: Remove any elements not needed in print. 33 | This would include navigation, ads, sidebars, etc. */ 34 | .nestedarrow, 35 | .reveal .controls, 36 | .reveal .progress, 37 | .reveal .slide-number, 38 | .reveal .playback, 39 | .reveal.overview, 40 | .fork-reveal, 41 | .share-reveal, 42 | .state-background { 43 | display: none !important; 44 | } 45 | 46 | /* SECTION 3: Set body font face, size, and color. 47 | Consider using a serif font for readability. */ 48 | body, p, td, li, div { 49 | 50 | } 51 | 52 | /* SECTION 4: Set heading font face, sizes, and color. 53 | Differentiate your headings from your body text. 54 | Perhaps use a large sans-serif for distinction. */ 55 | h1,h2,h3,h4,h5,h6 { 56 | text-shadow: 0 0 0 #000 !important; 57 | } 58 | 59 | .reveal pre code { 60 | overflow: hidden !important; 61 | font-family: Courier, 'Courier New', monospace !important; 62 | } 63 | 64 | 65 | /* SECTION 5: more reveal.js specific additions by @skypanther */ 66 | ul, ol, div, p { 67 | visibility: visible; 68 | position: static; 69 | width: auto; 70 | height: auto; 71 | display: block; 72 | overflow: visible; 73 | margin: auto; 74 | } 75 | .reveal { 76 | width: auto !important; 77 | height: auto !important; 78 | overflow: hidden !important; 79 | } 80 | .reveal .slides { 81 | background: #000 !important; 82 | 83 | position: static !important; 84 | width: 100%; 85 | height: auto; 86 | 87 | left: auto; 88 | top: auto; 89 | margin: 0 !important; 90 | padding: 0 !important; 91 | 92 | overflow: visible; 93 | display: block; 94 | 95 | -webkit-perspective: none; 96 | -moz-perspective: none; 97 | -ms-perspective: none; 98 | perspective: none; 99 | 100 | -webkit-perspective-origin: 50% 50%; /* there isn't a none/auto value but 50-50 is the default */ 101 | -moz-perspective-origin: 50% 50%; 102 | -ms-perspective-origin: 50% 50%; 103 | perspective-origin: 50% 50%; 104 | } 105 | .reveal .slides section { 106 | page-break-after: always !important; 107 | 108 | visibility: visible !important; 109 | position: relative !important; 110 | display: block !important; 111 | position: relative !important; 112 | 113 | margin: 0 !important; 114 | padding: 0 !important; 115 | box-sizing: border-box !important; 116 | min-height: 1px; 117 | 118 | opacity: 1 !important; 119 | 120 | -webkit-transform-style: flat !important; 121 | -moz-transform-style: flat !important; 122 | -ms-transform-style: flat !important; 123 | transform-style: flat !important; 124 | 125 | -webkit-transform: none !important; 126 | -moz-transform: none !important; 127 | -ms-transform: none !important; 128 | transform: none !important; 129 | } 130 | .reveal section.stack { 131 | margin: 0 !important; 132 | padding: 0 !important; 133 | page-break-after: avoid !important; 134 | height: auto !important; 135 | min-height: auto !important; 136 | } 137 | .reveal img { 138 | box-shadow: none; 139 | } 140 | .reveal .roll { 141 | overflow: visible; 142 | line-height: 1em; 143 | } 144 | 145 | /* Slide backgrounds are placed inside of their slide when exporting to PDF */ 146 | .reveal section .slide-background { 147 | display: block !important; 148 | position: absolute; 149 | top: 0; 150 | left: 0; 151 | width: 100%; 152 | z-index: -1; 153 | } 154 | /* All elements should be above the slide-background */ 155 | .reveal section>* { 156 | position: relative; 157 | z-index: 1; 158 | } 159 | 160 | -------------------------------------------------------------------------------- /css/textbook-bold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/css/textbook-bold.eot -------------------------------------------------------------------------------- /css/textbook-bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/css/textbook-bold.ttf -------------------------------------------------------------------------------- /css/textbook-bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/css/textbook-bold.woff -------------------------------------------------------------------------------- /css/textbook-light.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/css/textbook-light.eot -------------------------------------------------------------------------------- /css/textbook-light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/css/textbook-light.ttf -------------------------------------------------------------------------------- /css/textbook-light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/css/textbook-light.woff -------------------------------------------------------------------------------- /css/textbook-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/css/textbook-regular.eot -------------------------------------------------------------------------------- /css/textbook-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/css/textbook-regular.ttf -------------------------------------------------------------------------------- /css/textbook-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/urfu-2015/verstka-slides/626b27c12cf8e8d830de387e0078f862c7519216/css/textbook-regular.woff -------------------------------------------------------------------------------- /css/theme/night-2.css: -------------------------------------------------------------------------------- 1 | @import url(https://fonts.googleapis.com/css?family=Montserrat:700); 2 | @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); 3 | 4 | /** 5 | * Black theme for reveal.js. 6 | * 7 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 8 | */ 9 | /********************************************* 10 | * GLOBAL STYLES 11 | *********************************************/ 12 | body { 13 | background: #111; 14 | background-color: #111; 15 | } 16 | 17 | .reveal { 18 | font-family: 'Open Sans', sans-serif; 19 | font-size: 30px; 20 | font-weight: normal; 21 | color: #eee; 22 | } 23 | 24 | ::selection { 25 | color: #fff; 26 | background: #e7ad52; 27 | text-shadow: none; 28 | } 29 | 30 | .reveal .slides > section, .reveal .slides > section > section { 31 | line-height: 1.3; 32 | font-weight: inherit; 33 | } 34 | 35 | /********************************************* 36 | * HEADERS 37 | *********************************************/ 38 | .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { 39 | margin: 0 0 20px 0; 40 | color: #eee; 41 | font-family: 'Montserrat', Impact, sans-serif; 42 | font-weight: normal; 43 | line-height: 1.2; 44 | letter-spacing: -0.03em; 45 | text-transform: none; 46 | text-shadow: none; 47 | word-wrap: break-word; 48 | } 49 | 50 | .reveal h1 { 51 | font-size: 3.77em; 52 | } 53 | 54 | .reveal h2 { 55 | font-size: 2.11em; 56 | } 57 | 58 | .reveal h3 { 59 | font-size: 1.55em; 60 | } 61 | 62 | .reveal h4 { 63 | font-size: 1em; 64 | } 65 | 66 | .reveal h1 { 67 | text-shadow: none; 68 | } 69 | 70 | /********************************************* 71 | * OTHER 72 | *********************************************/ 73 | .reveal p { 74 | margin: 20px 0; 75 | line-height: 1.3; 76 | } 77 | 78 | /* Ensure certain elements are never larger than the slide itself */ 79 | .reveal img, .reveal video, .reveal iframe { 80 | max-width: 95%; 81 | max-height: 95%; 82 | } 83 | 84 | .reveal strong, .reveal b { 85 | font-weight: bold; 86 | } 87 | 88 | .reveal em { 89 | font-style: italic; 90 | } 91 | 92 | .reveal ol, .reveal dl, .reveal ul { 93 | display: inline-block; 94 | text-align: left; 95 | margin: 0 0 0 1em; 96 | } 97 | 98 | .reveal ol { 99 | list-style-type: decimal; 100 | } 101 | 102 | .reveal ul { 103 | list-style-type: disc; 104 | } 105 | 106 | .reveal ul ul { 107 | list-style-type: square; 108 | } 109 | 110 | .reveal ul ul ul { 111 | list-style-type: circle; 112 | } 113 | 114 | .reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { 115 | display: block; 116 | margin-left: 40px; 117 | } 118 | 119 | .reveal dt { 120 | font-weight: bold; 121 | } 122 | 123 | .reveal dd { 124 | margin-left: 40px; 125 | } 126 | 127 | .reveal q, .reveal blockquote { 128 | quotes: none; 129 | } 130 | 131 | .reveal blockquote { 132 | display: block; 133 | position: relative; 134 | width: 70%; 135 | margin: 20px auto; 136 | padding: 5px; 137 | font-style: italic; 138 | background: rgba(255, 255, 255, 0.05); 139 | box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); 140 | } 141 | 142 | .reveal blockquote p:first-child, .reveal blockquote p:last-child { 143 | display: inline-block; 144 | } 145 | 146 | .reveal q { 147 | font-style: italic; 148 | } 149 | 150 | .reveal pre { 151 | display: block; 152 | position: relative; 153 | width: 90%; 154 | margin: 20px auto; 155 | text-align: left; 156 | font-size: 0.55em; 157 | font-family: monospace; 158 | line-height: 1.2em; 159 | word-wrap: break-word; 160 | box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); 161 | } 162 | 163 | .reveal code { 164 | font-family: monospace; 165 | } 166 | 167 | .reveal pre code { 168 | display: block; 169 | padding: 5px; 170 | overflow: auto; 171 | max-height: 400px; 172 | word-wrap: normal; 173 | background: #3F3F3F; 174 | color: #DCDCDC; 175 | } 176 | 177 | .reveal table { 178 | margin: auto; 179 | border-collapse: collapse; 180 | border-spacing: 0; 181 | } 182 | 183 | .reveal table th { 184 | font-weight: bold; 185 | } 186 | 187 | .reveal table th, .reveal table td { 188 | text-align: left; 189 | padding: 0.2em 0.5em 0.2em 0.5em; 190 | border-bottom: 1px solid; 191 | } 192 | 193 | .reveal table th[align="center"], .reveal table td[align="center"] { 194 | text-align: center; 195 | } 196 | 197 | .reveal table th[align="right"], .reveal table td[align="right"] { 198 | text-align: right; 199 | } 200 | 201 | .reveal table tr:last-child td { 202 | border-bottom: none; 203 | } 204 | 205 | .reveal sup { 206 | vertical-align: super; 207 | } 208 | 209 | .reveal sub { 210 | vertical-align: sub; 211 | } 212 | 213 | .reveal small { 214 | display: inline-block; 215 | font-size: 0.6em; 216 | line-height: 1.2em; 217 | vertical-align: top; 218 | } 219 | 220 | .reveal small * { 221 | vertical-align: top; 222 | } 223 | 224 | /********************************************* 225 | * LINKS 226 | *********************************************/ 227 | .reveal a { 228 | color: #e7ad52; 229 | text-decoration: none; 230 | -webkit-transition: color 0.15s ease; 231 | -moz-transition: color 0.15s ease; 232 | transition: color 0.15s ease; 233 | } 234 | 235 | .reveal a:hover { 236 | color: #f3d7ac; 237 | text-shadow: none; 238 | border: none; 239 | } 240 | 241 | .reveal .roll span:after { 242 | color: #fff; 243 | background: #d0881d; 244 | } 245 | 246 | /********************************************* 247 | * IMAGES 248 | *********************************************/ 249 | .reveal section img { 250 | margin: 15px 0px; 251 | background: rgba(255, 255, 255, 0.12); 252 | border: 4px solid #eee; 253 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); 254 | } 255 | 256 | .reveal a img { 257 | -webkit-transition: all 0.15s linear; 258 | -moz-transition: all 0.15s linear; 259 | transition: all 0.15s linear; 260 | } 261 | 262 | .reveal a:hover img { 263 | background: rgba(255, 255, 255, 0.2); 264 | border-color: #e7ad52; 265 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); 266 | } 267 | 268 | /********************************************* 269 | * NAVIGATION CONTROLS 270 | *********************************************/ 271 | .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled { 272 | border-right-color: #e7ad52; 273 | } 274 | 275 | .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled { 276 | border-left-color: #e7ad52; 277 | } 278 | 279 | .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled { 280 | border-bottom-color: #e7ad52; 281 | } 282 | 283 | .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled { 284 | border-top-color: #e7ad52; 285 | } 286 | 287 | .reveal .controls div.navigate-left.enabled:hover { 288 | border-right-color: #f3d7ac; 289 | } 290 | 291 | .reveal .controls div.navigate-right.enabled:hover { 292 | border-left-color: #f3d7ac; 293 | } 294 | 295 | .reveal .controls div.navigate-up.enabled:hover { 296 | border-bottom-color: #f3d7ac; 297 | } 298 | 299 | .reveal .controls div.navigate-down.enabled:hover { 300 | border-top-color: #f3d7ac; 301 | } 302 | 303 | /********************************************* 304 | * PROGRESS BAR 305 | *********************************************/ 306 | .reveal .progress { 307 | background: rgba(0, 0, 0, 0.2); 308 | } 309 | 310 | .reveal .progress span { 311 | background: #e7ad52; 312 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); 313 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); 314 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); 315 | } 316 | 317 | /********************************************* 318 | * SLIDE NUMBER 319 | *********************************************/ 320 | .reveal .slide-number { 321 | color: #e7ad52; 322 | } 323 | -------------------------------------------------------------------------------- /css/theme/night.css: -------------------------------------------------------------------------------- 1 | @import url(https://fonts.googleapis.com/css?family=Montserrat:700); 2 | @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); 3 | /** 4 | * Black theme for reveal.js. 5 | * 6 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 7 | */ 8 | /********************************************* 9 | * GLOBAL STYLES 10 | *********************************************/ 11 | body { 12 | background: #111; 13 | background-color: #111; } 14 | 15 | .reveal { 16 | font-family: textbook, sans-serif; 17 | font-size: 30px; 18 | font-weight: normal; 19 | color: #eee; } 20 | 21 | ::selection { 22 | color: #fff; 23 | background: #e7ad52; 24 | text-shadow: none; } 25 | 26 | .reveal .slides > section, .reveal .slides > section > section { 27 | line-height: 1.3; 28 | font-weight: inherit; } 29 | 30 | /********************************************* 31 | * HEADERS 32 | *********************************************/ 33 | .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { 34 | margin: 0 0 20px 0; 35 | color: #eee; 36 | font-family: textbook-bold, 'Montserrat', Impact, sans-serif; 37 | font-weight: normal; 38 | line-height: 1.2; 39 | letter-spacing: -0.03em; 40 | text-transform: none; 41 | text-shadow: none; 42 | word-wrap: break-word; } 43 | 44 | .reveal h1 { 45 | font-size: 3.77em; } 46 | 47 | .reveal h2 { 48 | font-size: 2.11em; } 49 | 50 | .reveal h3 { 51 | font-size: 1.55em; } 52 | 53 | .reveal h4 { 54 | font-size: 1em; 55 | font-weight: 400; 56 | } 57 | 58 | 59 | .reveal h1 { 60 | text-shadow: none; } 61 | 62 | /********************************************* 63 | * OTHER 64 | *********************************************/ 65 | .reveal p { 66 | margin: 20px 0; 67 | line-height: 1.3; } 68 | 69 | /* Ensure certain elements are never larger than the slide itself */ 70 | .reveal img, .reveal video, .reveal iframe { 71 | max-width: 95%; 72 | max-height: 95%; } 73 | 74 | .reveal strong, .reveal b { 75 | font-weight: bold; } 76 | 77 | .reveal em { 78 | font-style: italic; } 79 | 80 | .reveal ol, .reveal dl, .reveal ul { 81 | display: inline-block; 82 | text-align: left; 83 | margin: 0 0 0 1em; } 84 | 85 | .reveal ol { 86 | list-style-type: decimal; } 87 | 88 | .reveal ul { 89 | list-style-type: disc; 90 | margin: 10px 0; 91 | } 92 | 93 | .reveal ul ul { 94 | list-style-type: square; } 95 | 96 | .reveal ul ul ul { 97 | list-style-type: circle; } 98 | 99 | .reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { 100 | display: block; 101 | margin-left: 40px; } 102 | 103 | .reveal dt { 104 | font-weight: bold; } 105 | 106 | .reveal dd { 107 | margin-left: 40px; } 108 | 109 | /*.reveal q, .reveal blockquote {*/ 110 | /*quotes: none; }*/ 111 | 112 | .reveal blockquote { 113 | display: block; 114 | position: relative; 115 | width: 70%; 116 | margin: 20px auto; 117 | padding: 5px; 118 | font-style: italic; 119 | background: rgba(255, 255, 255, 0.05); 120 | box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } 121 | 122 | .reveal blockquote p:first-child, .reveal blockquote p:last-child { 123 | display: inline-block; } 124 | 125 | .reveal p.c { 126 | text-align: center; 127 | } 128 | .reveal div.left{ 129 | text-align: left; 130 | } 131 | .reveal p{ 132 | text-align: left; 133 | } 134 | .reveal q { 135 | font-style: italic; } 136 | 137 | .reveal pre.m { 138 | font-size: .7em; 139 | } 140 | .reveal pre.l { 141 | font-size: .9em; 142 | } 143 | .reveal pre { 144 | display: block; 145 | position: relative; 146 | width: 100%; 147 | margin: 0 auto; 148 | text-align: left; 149 | font-size: 0.55em; 150 | font-family: monospace; 151 | line-height: 1.2em; 152 | word-wrap: break-word; 153 | /*box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); */ 154 | } 155 | 156 | .reveal code { 157 | font-family: monospace; } 158 | 159 | .reveal pre code { 160 | display: block; 161 | padding: 5px; 162 | overflow: auto; 163 | max-height: 500px; 164 | word-wrap: normal; 165 | background: transparent; 166 | color: #DCDCDC; } 167 | 168 | .reveal table { 169 | margin: auto; 170 | border-collapse: collapse; 171 | border-spacing: 0; } 172 | 173 | .reveal table th { 174 | font-weight: bold; } 175 | 176 | .reveal table th, .reveal table td { 177 | text-align: left; 178 | padding: 0.2em 0.5em 0.2em 0.5em; 179 | border: 1px solid; } 180 | 181 | .reveal table th[align="center"], .reveal table td[align="center"] { 182 | text-align: center; } 183 | 184 | .reveal table th[align="right"], .reveal table td[align="right"] { 185 | text-align: right; } 186 | 187 | /*.reveal table tr:last-child td {*/ 188 | /*border-bottom: none; }*/ 189 | /**/ 190 | .reveal sup { 191 | vertical-align: super; } 192 | 193 | .reveal sub { 194 | vertical-align: sub; } 195 | 196 | .reveal small { 197 | display: inline-block; 198 | font-size: 0.6em; 199 | line-height: 1.2em; 200 | vertical-align: top; } 201 | 202 | .reveal small * { 203 | vertical-align: top; } 204 | 205 | /********************************************* 206 | * LINKS 207 | *********************************************/ 208 | .reveal strong{ 209 | color: #e7ad52; 210 | font-weight: 400; 211 | } 212 | .reveal a { 213 | color: #4045cf; 214 | text-decoration: none; 215 | -webkit-transition: color 0.15s ease; 216 | -moz-transition: color 0.15s ease; 217 | transition: color 0.15s ease; } 218 | 219 | .reveal a:hover { 220 | color: #f3d7ac; 221 | text-shadow: none; 222 | border: none; } 223 | 224 | .reveal .roll span:after { 225 | color: #fff; 226 | background: #d0881d; } 227 | 228 | /********************************************* 229 | * IMAGES 230 | *********************************************/ 231 | .reveal section img { 232 | margin: 15px 0px; 233 | background: rgba(255, 255, 255, 0.12); 234 | border: 4px solid #eee; 235 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } 236 | 237 | .reveal a img { 238 | -webkit-transition: all 0.15s linear; 239 | -moz-transition: all 0.15s linear; 240 | transition: all 0.15s linear; } 241 | 242 | .reveal a:hover img { 243 | background: rgba(255, 255, 255, 0.2); 244 | border-color: #e7ad52; 245 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } 246 | 247 | /********************************************* 248 | * NAVIGATION CONTROLS 249 | *********************************************/ 250 | .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled { 251 | border-right-color: #e7ad52; } 252 | 253 | .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled { 254 | border-left-color: #e7ad52; } 255 | 256 | .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled { 257 | border-bottom-color: #e7ad52; } 258 | 259 | .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled { 260 | border-top-color: #e7ad52; } 261 | 262 | .reveal .controls div.navigate-left.enabled:hover { 263 | border-right-color: #f3d7ac; } 264 | 265 | .reveal .controls div.navigate-right.enabled:hover { 266 | border-left-color: #f3d7ac; } 267 | 268 | .reveal .controls div.navigate-up.enabled:hover { 269 | border-bottom-color: #f3d7ac; } 270 | 271 | .reveal .controls div.navigate-down.enabled:hover { 272 | border-top-color: #f3d7ac; } 273 | 274 | /********************************************* 275 | * PROGRESS BAR 276 | *********************************************/ 277 | .reveal .progress { 278 | background: rgba(0, 0, 0, 0.2); } 279 | 280 | .reveal .progress span { 281 | background: #e7ad52; 282 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); 283 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); 284 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } 285 | 286 | /********************************************* 287 | * SLIDE NUMBER 288 | *********************************************/ 289 | .reveal .slide-number { 290 | font-size: 18px; 291 | color: #e7ad52; } 292 | -------------------------------------------------------------------------------- /lib/css/zenburn.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Zenburn style from voldmar.ru (c) Vladimir Epifanov 4 | based on dark.css by Ivan Sagalaev 5 | 6 | */ 7 | 8 | .hljs { 9 | display: block; padding: 0.5em; 10 | background: #3F3F3F; 11 | color: #DCDCDC; 12 | } 13 | 14 | .hljs-keyword, 15 | .hljs-tag, 16 | .css .hljs-class, 17 | .css .hljs-id, 18 | .lisp .hljs-title, 19 | .nginx .hljs-title, 20 | .hljs-request, 21 | .hljs-status, 22 | .clojure .hljs-attribute { 23 | color: #E3CEAB; 24 | } 25 | 26 | .django .hljs-template_tag, 27 | .django .hljs-variable, 28 | .django .hljs-filter .hljs-argument { 29 | color: #DCDCDC; 30 | } 31 | 32 | .hljs-number, 33 | .hljs-date { 34 | color: #8CD0D3; 35 | } 36 | 37 | .dos .hljs-envvar, 38 | .dos .hljs-stream, 39 | .hljs-variable, 40 | .apache .hljs-sqbracket { 41 | color: #EFDCBC; 42 | } 43 | 44 | .dos .hljs-flow, 45 | .diff .hljs-change, 46 | .python .exception, 47 | .python .hljs-built_in, 48 | .hljs-literal, 49 | .tex .hljs-special { 50 | color: #EFEFAF; 51 | } 52 | 53 | .diff .hljs-chunk, 54 | .hljs-subst { 55 | color: #8F8F8F; 56 | } 57 | 58 | .dos .hljs-keyword, 59 | .python .hljs-decorator, 60 | .hljs-title, 61 | .haskell .hljs-type, 62 | .diff .hljs-header, 63 | .ruby .hljs-class .hljs-parent, 64 | .apache .hljs-tag, 65 | .nginx .hljs-built_in, 66 | .tex .hljs-command, 67 | .hljs-prompt { 68 | color: #efef8f; 69 | } 70 | 71 | .dos .hljs-winutils, 72 | .ruby .hljs-symbol, 73 | .ruby .hljs-symbol .hljs-string, 74 | .ruby .hljs-string { 75 | color: #DCA3A3; 76 | } 77 | 78 | .diff .hljs-deletion, 79 | .hljs-string, 80 | .hljs-tag .hljs-value, 81 | .hljs-preprocessor, 82 | .hljs-pragma, 83 | .hljs-built_in, 84 | .sql .hljs-aggregate, 85 | .hljs-javadoc, 86 | .smalltalk .hljs-class, 87 | .smalltalk .hljs-localvars, 88 | .smalltalk .hljs-array, 89 | .css .hljs-rules .hljs-value, 90 | .hljs-attr_selector, 91 | .hljs-pseudo, 92 | .apache .hljs-cbracket, 93 | .tex .hljs-formula, 94 | .coffeescript .hljs-attribute { 95 | color: #CC9393; 96 | } 97 | 98 | .hljs-shebang, 99 | .diff .hljs-addition, 100 | .hljs-comment, 101 | .java .hljs-annotation, 102 | .hljs-template_comment, 103 | .hljs-pi, 104 | .hljs-doctype { 105 | color: #7F9F7F; 106 | } 107 | 108 | .coffeescript .javascript, 109 | .javascript .xml, 110 | .tex .hljs-formula, 111 | .xml .javascript, 112 | .xml .vbscript, 113 | .xml .css, 114 | .xml .hljs-cdata { 115 | opacity: 0.5; 116 | } 117 | 118 | -------------------------------------------------------------------------------- /lib/js/classList.js: -------------------------------------------------------------------------------- 1 | /*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js*/ 2 | if(typeof document!=="undefined"&&!("classList" in document.createElement("a"))){(function(j){var a="classList",f="prototype",m=(j.HTMLElement||j.Element)[f],b=Object,k=String[f].trim||function(){return this.replace(/^\s+|\s+$/g,"")},c=Array[f].indexOf||function(q){var p=0,o=this.length;for(;p 3 | Copyright Tero Piirainen (tipiirai) 4 | License MIT / http://bit.ly/mit-license 5 | Version 0.96 6 | 7 | http://headjs.com 8 | */(function(a){function z(){d||(d=!0,s(e,function(a){p(a)}))}function y(c,d){var e=a.createElement("script");e.type="text/"+(c.type||"javascript"),e.src=c.src||c,e.async=!1,e.onreadystatechange=e.onload=function(){var a=e.readyState;!d.done&&(!a||/loaded|complete/.test(a))&&(d.done=!0,d())},(a.body||b).appendChild(e)}function x(a,b){if(a.state==o)return b&&b();if(a.state==n)return k.ready(a.name,b);if(a.state==m)return a.onpreload.push(function(){x(a,b)});a.state=n,y(a.url,function(){a.state=o,b&&b(),s(g[a.name],function(a){p(a)}),u()&&d&&s(g.ALL,function(a){p(a)})})}function w(a,b){a.state===undefined&&(a.state=m,a.onpreload=[],y({src:a.url,type:"cache"},function(){v(a)}))}function v(a){a.state=l,s(a.onpreload,function(a){a.call()})}function u(a){a=a||h;var b;for(var c in a){if(a.hasOwnProperty(c)&&a[c].state!=o)return!1;b=!0}return b}function t(a){return Object.prototype.toString.call(a)=="[object Function]"}function s(a,b){if(!!a){typeof a=="object"&&(a=[].slice.call(a));for(var c=0;c