Table Konten :
- Files
- a. Attribute Order
- b. Declaration order
- c. Shorthand Notaion
- d. Class Names
- e. Selectors
- Skeleton
- Comment
This file contains hidden or 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
| <!-- Answer CSS#1 --> | |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Avatar</title> | |
| <style> | |
| /* Write your CSS solution here (do not edit the surrounding HTML) */ | |
| .avatar{ |
This file contains hidden or 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
| <-- Sock Merchant Start --> | |
| <?php | |
| function sockMerchant($n, $ar) { | |
| return array_sum(array_map(function ($n) { | |
| return intval($n / 2); | |
| }, array_count_values($ar))); | |
| } | |
| $fptr = fopen(getenv("OUTPUT_PATH"), "w"); | |
| $stdin = fopen("php://stdin", "r"); |
handrihmw
/ css-style-guide.md
Last active
October 7, 2020 09:41
handrihmw
/ web-vitals-tools.md
Created
February 15, 2021 00:42
- https://github.com/marketplace/actions/psi-gh-action
- https://github.com/zachleat/speedlify
- https://lighthouse-metrics.com/
- https://github.com/zachleat/performance-leaderboard
- https://www.11ty.dev/docs/tutorials/
- https://googlechrome.github.io/lighthouse-ci/viewer/
- https://www.sitespeed.io/documentation/sitespeed.io/
- https://pptr.dev/
- https://github.com/kristoferjoseph/flexboxgrid/blob/master/src/css/flexboxgrid.css
- https://gist.github.com/coco-napky/ecc85c2115e0469602f86d49d19d1baa
- http://sassflexboxgrid.com/
- http://hugeinc.github.io/flexboxgrid-sass/
- https://github.com/danielneubert/grid.sass
- https://github.com/primer/css/blob/master/src/layout/grid.scss
- https://codepen.io/hbuchel/pen/wPGvZj
handrihmw
/ design-system-reference.md
Created
April 20, 2021 16:28
Bootstrap Design System Reference
Steam: https://htmlstream.com/preview/stream-ui-kit/
Material Kit: https://demos.creative-tim.com/material-kit/index.html
Solid Design: https://docs.vantage-design.com/solid/demo/
Pixel: https://demo.themesberg.com/pixel-bootstrap-5-ui-kit/
Soft UI: https://demos.creative-tim.com/soft-ui-design-system/index.html
This file contains hidden or 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
| :root{--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px}.ar-background__white{background-color:#fff}.ar-background__soft-blue{background-color:#94ccf7}.nt{color:#ff8383}.na{color:#ffe484}.nm{color:#f7fafc}.np{color:#93ddfd}.s{color:#b5f4a5}.component-preview{display:flex}.component-preview,.component-preview-column{align-items:stretch;background:#fff;border:1px solid #4a5568;border-radius:4px;flex-direction:column;padding:1.5rem;width:100%}.component-preview-column{display:table-column}.component-item{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start}.component-item a{margin:5px}.component-item-column{align-items:start;display:block}.component-item:not(:last-child){margin-bottom:1rem}.component-code{background-color:#2d3748;border-radius:4px;font-family:monospace;font-size:1em;line-height:1.375;margin-bottom:0!important;margin:0;overflow-x:auto;overflow-wrap:normal;overflow:auto;padding:1.5rem;text-align:left;white-space:nowrap;w |
This file contains hidden or 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
| <template> | |
| <div class="container"> | |
| <div class="row align-items-center"> | |
| <AsAccordion> | |
| <AsAccordionTitle> | |
| <h3 class="as-text-16-bold"> | |
| Lorem ipsum dolor sit amet consectetur. | |
| </h3> | |
| </AsAccordionTitle> | |
| <AsAccordionContent> |
OlderNewer