Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wisehackermonkey/html-quirk-mode
https://github.com/wisehackermonkey/html-quirk-mode
Last synced: 17 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/wisehackermonkey/html-quirk-mode
- Owner: wisehackermonkey
- License: mit
- Created: 2021-03-07T02:01:01.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2021-03-26T20:44:53.000Z (almost 4 years ago)
- Last Synced: 2024-11-10T12:44:37.439Z (3 months ago)
- Language: HTML
- Size: 12.7 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# html-quirk-mode
----
[](https://github.com/ellerbrock/open-source-badges/)
[](https://opensource.org/licenses/MIT)
my hacking/experimentation with the browser's 'quirks mode' to see what cool things i can do with it!
Last updated 20210326
# Summary
### - *[Notes](#Notes)* -->
### - *[Contributors](#Contributors)*
### - *[License](#License)*
# Installation
```bash
```
-----------------
# Notes
### I was looking at how to have html respect line breaks when someone mechined to check if the browser is running in quirks mode.
#### [css - How to preserve line breaks in block? - Stack Overflow](https://stackoverflow.com/questions/1011641/how-to-preserve-line-breaks-in-code-block)
```text
Check your doctype is valid and on the first line. Maybe it's slipping into quirks mode?
```
### What is `quirks mode`?
### i have never heard of quirks mode before. Here is my experimeination with quirks mode.
### link to wiki page [Quirks mode - Wikipedia](https://en.wikipedia.org/wiki/Quirks_mode)
```html
```
### within the dom how to check if the browser is running in quirks mode or not
```javascript
console.log(document.compatMode);
```
-----------------
# Example of quirk mode
# Example of standard mode (what broswers normally do)
# examples of backCompat
# Notice the `table cell 2` is now correct color
----
# Weird html stuff volume 1
```html
#__f.__f{display:inline-block;text-align:left;}#__f.__f .counter{font-family:Ubuntu,Helvetica,Arial,sans-serif;line-height:1.4;box-sizing:border-box;width:130px;color:#565656}#__f.__f .c__h{font-size:10px;padding:5px 7px;border:1px solid #dedede;background:#fff}#__f.__f .c__t{text-transform:uppercase}#__f.__f .c__t span{float:right}#__f.__f .c__b{font-size:9px;padding:8px;background:#dedede}#__f.__f .c__b a{text-decoration:none;color:inherit}#__f.__f .c__b a:focus,#__f.__f .c__b a:hover{text-decoration:underline;color:inherit}#__f.__f .c__b a:focus{text-decoration:none}#__f.__f .c__i{margin-top:3px}#__f.__f .c__i:first-child{margin-top:0}#__f.__f .c__g{font-size:14px;font-weight:700;position:relative;display:block;margin-top:4px;padding:8px 5px;text-align:center;text-transform:uppercase;color:#04c;border:1px solid #fff;border-radius:3px;background-image:linear-gradient(to top,#e1dfdf 0,#fff 100%)}#__f.__f .c__g span{position:relative;display:inline-block}#__f.__f .c__g span:before{position:absolute;right:0;bottom:0;left:0;display:block;content:\'\';border-top:1px dotted #04c}#__f.__f .c__g:hover{text-decoration:none;color:#04c;background-image:linear-gradient(to top,#fff 0,#e1dfdf 100%)}#__f.__f .c-t__default .c__h{border-color:#dedede}#__f.__f .c-t__default .c__b{background:#dedede}#__f.__f .c-t__red .c__h{border-color:#e27e7e}#__f.__f .c-t__red .c__b{color:#fff;background:#e27e7e}#__f.__f .c-t__blue .c__h{border-color:#d7f3ff}#__f.__f .c-t__blue .c__b{background:#d7f3ff}#__f.__f .c-t__yellow .c__h{border-color:#ffecb1}#__f.__f .c-t__yellow .c__b{background:#ffecb1}#__f.__f .c-t__green .c__h{border-color:#a9c971}#__f.__f .c-t__green .c__b{color:#fff;background:#a9c971}#__f.__f .c-t__magenta .c__h{border-color:#ddc5e5}#__f.__f .c-t__magenta .c__b{background:#ddc5e5}.h{display:none}');document.write('
');
```
### [https://freecountercode.com/service/](https://freecountercode.com/service/EUBtzl21DpKzXW5XptnE/5201)
# Contributors
[](https://github.com/wisehackermonkey/html-quirk-mode/graphs/contributors)
##### Made with [contributors-img](https://contrib.rocks).
-----------------
# License
#### MIT © wisehackermonkey
[](https://opensource.org/licenses/MIT)
```bash
by oran collins
github.com/wisehackermonkey
[email protected]
______________________
```