• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Fresh HTML
 

Fresh HTML

on

  • 1,234 views

 

Statistics

Views

Total Views
1,234
Views on SlideShare
653
Embed Views
581

Actions

Likes
0
Downloads
6
Comments
0

8 Embeds 581

http://www.noinimod.ru 328
http://404fest.ru 90
http://noinimod.ru 89
http://2009.404fest.ru 47
http://feeds2.feedburner.com 17
http://xss.yandex.net 8
http://www.2009.404fest.ru 1
http://theoldreader.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Fresh HTML Fresh HTML Presentation Transcript

    •  
      • Что будет?
      • Используем шрифт Calibr i
    •  
    •  
      • И кое-что на сладкое
      • <!DOCTYPE html>
    • Р азмечаем
      • <header>
      • <nav></nav>
      • </header>
      • <section></section>
      • <footer></footer>
    • Немно го магии
      • <script>
      • document.createElement('header');
      • document.createElement('nav');
      • document.createElement('section');
      • document.createElement('footer');
      • </script>
    • Б лочим
      • header, nav, section, footer {display: block}
    • Подсвечиваем меню
      • nav a:hover
      • {
      • text-shadow: 0px 0px 10px #fff;
      • }
    • Прида ем объем заголовкам
      • text-shadow: 1px 1px 0px #ec008c;
    • Это же Calibri !
      • @font-face
      • {
      • font-family: &quot;calibri&quot;;
      • src: url('calibri.ttf') format('truetype');
      • }
      • h1 {font-family: “calibri”}
      • Еще как работает!
    • Скругля ем легко!
      • section
      • {
      • -webkit-border-radius: 15px;
      • -moz-border-radius: 15px;
      • border-radius: 15px;
      • }
    • Красим таблицы
      • table tbody tr: nth-child(2n+1)
      • {
      • background: #161616;
      • }
    • Слуша ем и смотр им
      • <video src=&quot;/video/swim.ogg&quot; id=&quot;video&quot; >
      • </video>
      • <audio src=&quot;/audio/bsh.mp3&quot; controls>
      • </audio>
      • Спасибо за внимание