- Media queries have many features, but
min-widthis the most practical one, the one you should assume to use most of the time. - Only use
emwithin media query definitions, never pixels. - Until there's wider
remsupport within media query,remshould be avoided in media query definitions as well. - Assuming mobile is
320pxand the body font size is16px, then the breakpoint indicating mobile width in profile orientation would be20em(320/16). - Choose breakpoint values to serve the content, not to serve device deminsions.
- Never use media queries to define styles for the smallest viewport size.
- Use media queries to “enhance” or add or alter styles when the browser has a wider (or taller) vi
Recommendations of unit types per media type:
| Media | Recommended | Occasional use | Infrequent use | Not recommended |
|---|---|---|---|---|
| Screen | em, rem, % | px | ch, ex, vw, vh, vmin, vmax | cm, mm, in, pt, pc |
| em, rem, % | cm, mm, in, pt, pc | ch, ex | px, vw, vh, vmin, vmax |
Related Setup: https://gist.github.com/hofmannsven/6814278
Related Pro Tips: https://ochronus.com/git-tips-from-the-trenches/
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
| const Nightmare = require('nightmare'); | |
| const urlLogin = 'http://nomedosite.com.br/login.php' | |
| const urlReset = ''; | |
| const buscaH1 = 'ASUSfacil2FormHeaderFontV' | |
| const tdValue = 'SOLICITAÇÃO AGUARDANDO RESERVA' | |
| // usei: document.querySelector('html > body > table > tbody > tr > td > table > tbody > tr > td > table.preto12 > tbody > tr > td > table.preto12 > tbody > tr > td > table > tbody > tr > td.ASUSfacil2FieldCaptionTD > a.ASUSfacil2DataLink') | |
| const nightmare = Nightmare({ | |
| show: true, | |
| typeInterval: 100 | |
| }); |
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
| /* global ReactRedux, Redux, ReactDOM */ | |
| // "Getting Started with Redux" (by Dan Abramov) | |
| // https://egghead.io/series/getting-started-with-redux | |
| // This file on JSBin (by Jesse Buchanan): | |
| // http://jsbin.com/wuwezo/74/edit?js,console,output | |
| //////////////////////////////////////////////// | |
| // |
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
| # Primo: | |
| # Exceto 2, não pode ser par. | |
| # Deve ser divisivel somente por 1 e por ele mesmo. | |
| # Não pode ter outro divisor. | |
| def ehPrimo(n): | |
| divisivel = 0 | |
| x = 2 | |
| while x <= n: | |
| #print("Dividindo", n, "por", x) | |
| if (n % x == 0): |
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
| // This is from my comment here: http://wolfram.kriesing.de/blog/index.php/2008/javascript-remove-element-from-array/comment-page-2#comment-466561 | |
| /* | |
| * How to delete items from an Array in JavaScript, an exhaustive guide | |
| */ | |
| // DON'T use the delete operator, it leaves a hole in the array: | |
| var arr = [4, 5, 6]; | |
| delete arr[1]; // arr now: [4, undefined, 6] |
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> | |
| <root-header></root-header> | |
| <!-- BEGIN CONTAINER --> | |
| <div class="page-container"> | |
| <root-sidebar></root-sidebar> | |
| <!-- BEGIN CONTENT --> | |
| <div class="page-content-wrapper"> | |
| <!-- BEGIN CONTENT BODY --> | |
| <slot></slot> | |
| <!-- END CONTENT BODY --> |
- download b43-firmware from AUR (https://aur.archlinux.org/packages/b4/b43-firmware/b43-firmware.tar.gz), and makepg -s
- download dialog (for wifi-menu) from official repos, and makepkg -s
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
| const stringfy = (value) => JSON.stringify([value]); | |
| const stringfyAndTransformToObject = (value) => ({ object: stringfy(value) }) | |
| const makeRequest = () => { | |
| const context = arguments[0] || this; | |
| const post = (url, data, options) => context.$http(url, stringfyAndTransformToObject(data), options); | |
| return { post }; | |
| }; | |
| const install = (VueInstance) => { |
NewerOlder