(web)dev toolbox
4 years ago in Cheatsheets
"'padding: 50% 0;' will force it to be a square"
what? why?
some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider
<style>.sqtest
{
background:#f00;
padding: 50% 0;
}
</style>
<div class=sqtest> </div>some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider some text to make this wider
4 years ago in Cheatsheets
JavaScript + CSS
element.style.getPropertyValue("color");
getComputedStyle(element).getPropertyValue("color");
element.style.setProperty("color", "#f00");
4 years ago in Talks
4 years ago in Stuff
5 years ago in Cheatsheets
HTML HEAD links
| stylesheet | external stylesheet |
|---|---|
| alternate | other versions of the page (different languages or media formats) |
| alternate stylesheet | attributes can be combined |
| start | the first document in a series of documents, of which the current page is a member |
| next | the next document in a series |
| prev | the previous document in a series |
| contents | table of contents |
| toc | table of contents (less supported) |
| index | index for the current page |
| glossary | glossary of terms related to the current page |
| copyright | copyright statement for the current page |
| chapter | |
| section | |
| subsection | |
| appendix | |
| help | help about the current document |
| bookmark | bookmark or key entry point within an extended document |
(I haven't updated this in ages)
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link
https://htmlhead.dev/
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link
https://htmlhead.dev/
5 years ago in Cheatsheets
HTTP status codes
Successful Client Requests
200 OK
201 Created
202 Accepted
203 Non-Authorative Information
204 No Content
205 Reset Content
206 Partial Content
Client Request Redirected
300 Multiple Choices
301 Moved Permanently
302 Moved Temporarily
303 See Other
304 Not Modified
305 Use Proxy
307 Temporary Redirect
Client Request Errors
400 Bad Request
401 Authorization Required
402 Payment Required (not used yet)
403 Forbidden
404 Not Found
405 Method Not Allowed
406 Not Acceptable (encoding)
407 Proxy Authentication Required
408 Request Timed Out
409 Conflicting Request
410 Gone
411 Content Length Required
412 Precondition Failed
413 Request Entity Too Long
414 Request URI Too Long
415 Unsupported Media Type
416 Requested range not satisfiable
417 Expectation failed
Server Errors
500 Internal Server Error
501 Not Implemented
502 Bad Gateway
503 Service Unavailable
504 Gateway Timeout
505 HTTP Version Not Supported
200 OK
201 Created
202 Accepted
203 Non-Authorative Information
204 No Content
205 Reset Content
206 Partial Content
Client Request Redirected
300 Multiple Choices
301 Moved Permanently
302 Moved Temporarily
303 See Other
304 Not Modified
305 Use Proxy
307 Temporary Redirect
Client Request Errors
400 Bad Request
401 Authorization Required
402 Payment Required (not used yet)
403 Forbidden
404 Not Found
405 Method Not Allowed
406 Not Acceptable (encoding)
407 Proxy Authentication Required
408 Request Timed Out
409 Conflicting Request
410 Gone
411 Content Length Required
412 Precondition Failed
413 Request Entity Too Long
414 Request URI Too Long
415 Unsupported Media Type
416 Requested range not satisfiable
417 Expectation failed
Server Errors
500 Internal Server Error
501 Not Implemented
502 Bad Gateway
503 Service Unavailable
504 Gateway Timeout
505 HTTP Version Not Supported
(haven't updated this in ages)