charlieyqin
charlieyqin
/ gist:e7354f180bf6dfe13902e6135130e1e9
Created
November 5, 2020 04:56
— forked from Mikodes/gist:be9b9ce42e46c3d4ccb6
All Media queries for resolutions
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
| /* (320x480) iPhone (Original, 3G, 3GS) */ | |
| @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { | |
| /* insert styles here */ | |
| } | |
| /* (320x480) Smartphone, Portrait */ | |
| @media only screen and (device-width: 320px) and (orientation: portrait) { | |
| /* insert styles here */ | |
| } | |
charlieyqin
/ css-media-queries-cheat-sheet.css
Created
November 5, 2020 04:55
— forked from bartholomej/css-media-queries-cheat-sheet.css
CSS Media Query Cheat Sheet (with Foundation)
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
| /*------------------------------------------ | |
| Responsive Grid Media Queries - 1280, 1024, 768, 480 | |
| 1280-1024 - desktop (default grid) | |
| 1024-768 - tablet landscape | |
| 768-480 - tablet | |
| 480-less - phone landscape & smaller | |
| --------------------------------------------*/ | |
| @media all and (min-width: 1024px) and (max-width: 1280px) { } | |
| @media all and (min-width: 768px) and (max-width: 1024px) { } |
charlieyqin
/ media-queries.css
Created
November 5, 2020 04:54
— forked from gcollazo/media-queries.css
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
| @media (max-width: 320px) { | |
| body { background-color: red; } | |
| } | |
| @media (min-width: 321px ) and (max-width: 375px) { | |
| body { background-color: blue; } | |
| } | |
| @media (min-width: 376px ) and (max-width: 425px) { | |
| body { background-color: orange; } |
charlieyqin
/ media-query.css
Created
November 5, 2020 04:54
— forked from gokulkrishh/media-query.css
CSS Media Queries for Desktop, Tablet, Mobile.
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
| /* | |
| ##Device = Desktops | |
| ##Screen = 1281px to higher resolution desktops | |
| */ | |
| @media (min-width: 1281px) { | |
| /* CSS */ | |
charlieyqin
/ media-query.css
Created
November 5, 2020 04:53
— forked from gokulkrishh/media-query.css
CSS Media Queries for Desktop, Tablet, Mobile.
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
| /* | |
| ##Device = Desktops | |
| ##Screen = 1281px to higher resolution desktops | |
| */ | |
| @media (min-width: 1281px) { | |
| /* CSS */ | |
charlieyqin
/ network-monitoring-tools.md
Created
May 18, 2020 23:59
— forked from denji/network-monitoring-tools.md
Network Monitoring Tools https://www.bigpanda.io/monitoringscape/
charlieyqin
/ safari-nomodule.js
Created
March 28, 2019 05:00
— forked from samthor/safari-nomodule.js
Safari 10.1 `nomodule` support
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
| /** | |
| * Safari 10.1 supports modules, but does not support the `nomodule` attribute - it will | |
| * load <script nomodule> anyway. This snippet solve this problem, but only for script | |
| * tags that load external code, e.g.: <script nomodule src="nomodule.js"></script> | |
| * | |
| * Again: this will **not** prevent inline script, e.g.: | |
| * <script nomodule>alert('no modules');</script>. | |
| * | |
| * This workaround is possible because Safari supports the non-standard 'beforeload' event. | |
| * This allows us to trap the module and nomodule load. |
charlieyqin
/ get-jenkins-git-plugins.ps1
Created
March 18, 2017 03:22
— forked from glombard/get-jenkins-git-plugins.ps1
Install Jenkins Git plugins and restart the service.
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
| $plugins = "${env:ProgramFiles(x86)}\Jenkins\plugins" | |
| $c = New-Object Net.WebClient | |
| $c.DownloadFile('http://updates.jenkins-ci.org/download/plugins/git-client/1.4.6/git-client.hpi', "$plugins\git-client.hpi") | |
| $c.DownloadFile('http://updates.jenkins-ci.org/download/plugins/scm-api/0.2/scm-api.hpi', "$plugins\scm-api.hpi") | |
| $c.DownloadFile('http://updates.jenkins-ci.org/download/plugins/git/2.0/git.hpi', "$plugins\git.hpi") | |
| Restart-Service Jenkins |
charlieyqin
/ get-jenkins-git-plugins.ps1
Created
March 18, 2017 03:22
— forked from glombard/get-jenkins-git-plugins.ps1
Install Jenkins Git plugins and restart the service.
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
| $plugins = "${env:ProgramFiles(x86)}\Jenkins\plugins" | |
| $c = New-Object Net.WebClient | |
| $c.DownloadFile('http://updates.jenkins-ci.org/download/plugins/git-client/1.4.6/git-client.hpi', "$plugins\git-client.hpi") | |
| $c.DownloadFile('http://updates.jenkins-ci.org/download/plugins/scm-api/0.2/scm-api.hpi', "$plugins\scm-api.hpi") | |
| $c.DownloadFile('http://updates.jenkins-ci.org/download/plugins/git/2.0/git.hpi', "$plugins\git.hpi") | |
| Restart-Service Jenkins |
charlieyqin
/ aws-certification.md
Created
March 13, 2017 02:58
— forked from miglen/aws-certification.md
AWS Certification guide and notes on how to prepare for the aws associate certification architect, sysops and developer exams
Those are my personal notes on AWS Solution Architect certification preparation. Hope you find them usefull.
To pass AWS certification, you should have:
- Sound knowledge about most of the AWS services ( EC2, VPC, RDS, Cloudfront, S3, Route53 etc,)
- Hands on experience with AWS services.
- Good knowledge of disaster recovery, security and High availability architectures.
If you do not have prior hands-on experience and knowledge or you have little knowledge about AWS services, it is better to take an online course. If you already have experience in architecting solutions on AWS it is not necessary to take an online course.
NewerOlder