Web Standards Sherpa web-standards-sherpa
web-standards-sherpa
/ Dropping Files.html
Created
February 1, 2013 17:11
— forked from placenamehere/Dropping Files.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE> | |
| <html> | |
| <head> | |
| <title>Dissecting Gmail's Email Attachments - Dropping Files</title> | |
| <style> | |
| .msg { | |
| display: none | |
| } | |
| .dragging .msg { |
web-standards-sherpa
/ two-concepts.html
Last active
December 27, 2015 10:19
— forked from bridgestew/Two Concepts: HTML
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="faq"> | |
| <div> | |
| <h3><a href="#">FAQ question</a></h3> | |
| <div> | |
| <p>FAQ answer</p> | |
| </div> | |
| </div> | |
| <div> | |
| <h3><a href="#">FAQ question</a></h3> | |
| <div> |
web-standards-sherpa
/ Early CSS, part one
Created
November 4, 2013 22:46
— forked from bridgestew/Early CSS, part one
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #faq > div { | |
| border-bottom: dashed 1px #bca785; | |
| margin-bottom: 10px; | |
| padding-bottom: 10px; | |
| } | |
| #archive > ul > li { | |
| border-bottom: dashed 1px #bca785; | |
| margin-bottom: 10px; | |
| padding-bottom: 10px; |
web-standards-sherpa
/ Early CSS, part two
Created
November 4, 2013 23:30
— forked from bridgestew/Early CSS, part two
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #faq > div, | |
| #archive > ul > li { | |
| border-bottom: dashed 1px #bca785; | |
| margin-bottom: 10px; | |
| padding-bottom: 10px; | |
| } |
web-standards-sherpa
/ Early CSS, part three
Created
November 4, 2013 23:31
— forked from bridgestew/Early CSS, part three
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .separator { | |
| border-bottom: dashed 1px #bca785; | |
| margin-bottom: 10px; | |
| padding-bottom: 10px; | |
| } |
web-standards-sherpa
/ Same classes, different elements
Created
November 4, 2013 23:32
— forked from bridgestew/Same classes, different elements
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- FAQ --> | |
| <div id="faq" class="accordion"> | |
| <div class="separator"> | |
| <h3 class="accordion__title"> | |
| <a href="#faq-content1">FAQ Question 1</a> | |
| </h3> | |
| <div class="accordion__body" id="faq-content1">FAQ Answer 1</div> | |
| </div> | |
| <div class="separator"> | |
| <h3 class="accordion__title"> |
web-standards-sherpa
/ specific selectors
Created
November 4, 2013 23:35
— forked from bridgestew/specific selectors
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .accordion-super h1 { | |
| color: blue; | |
| font-family: serif; | |
| font-size: 20px; | |
| } | |
| .faq h2.question { | |
| color: blue; | |
| font-size: 18px; | |
| } |
web-standards-sherpa
/ Hard to follow
Created
November 4, 2013 23:35
— forked from bridgestew/Hard to follow
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .accordion-super h1, | |
| .faq h2.question { | |
| color: blue; | |
| } | |
| .accordion-super h1, | |
| .archive h4 { | |
| font-family: serif; | |
| } |
web-standards-sherpa
/ Old Skool Classitis
Created
November 4, 2013 23:36
— forked from bridgestew/Old Skool Classitis
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="wrap"> | |
| <div class="wrap-inner"> | |
| <div class="header"> | |
| <div class="logo"> | |
| <img src="#" /> | |
| </div> | |
| <div class="site-title">Site Title</div> | |
| <div class="nav"> | |
| <div class="nav-list"> | |
| <div class="nav-item"> |
web-standards-sherpa
/ Accordions side by side
Created
November 5, 2013 15:22
— forked from bridgestew/Accordions side by side
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="main"> | |
| <!-- FAQ --> | |
| <div id="faq" class="accordion"> | |
| <div class="separator"> | |
| <h2 class="accordion__title"> | |
| <a class="accordion__toggle js-accordion-toggle" href="#faq-content1"> | |
| <i class="icn icn--accordion js-accordion-state">Open</i> | |
| FAQ Question 1</a> | |
| </h2> | |
| <div class="accordion__body is-closed"> |
OlderNewer