發表文章

目前顯示的是 9月, 2018的文章

Flight Status & Seat

Flightradar24 | Track Planes In Real-Time https://www.flightradar24.com https://www.facebook.com/flightradar24/ Airlines https://www.flightradar24.com/data/flights https://www.flightradar24.com/data/airlines Airport https://www.flightradar24.com/data/airports https://www.flightradar24.com/data/airports/hkg https://www.flightradar24.com/data/airports/kix Apps ‎Flightradar24 | Flight Tracker on the App Store https://itunes.apple.com/us/app/flightradar24-flight-tracker/id382233851?mt=8 Flightradar24 Flight Tracker - Apps on Google Play https://play.google.com/store/apps/details?id=com.flightradar24free&hl=en FlightStats - Global Flight Status & Tracker, Airport Weather and Delays https://www.flightstats.com/v2 Example: Hong Kong Airlines HX 607 https://www.flightstats.com/v2/flight-tracker/HX/607 British Airways BA 31 https://www.flightstats.com/v2/flight-tracker/BA/31 KA379 - Cathay Dragon KA 379 Flight Tracker https://www.flightstats.com/v2/flight...
張貼留言
閱讀完整內容

HTML - Color

HTML -  Color  Modern browsers support 140 named colors! Background /Text color can use following color values: Hexadecimal color codes (e.g. color:#FF0000) Color names (e.g. color:orange) RGB values (e.g. color:rgb(255,0,255)) rgb( RED , GREEN , BLUE ) rgba() – a is for alpha, a color channel that controls opacity value from 0 – 1 (0: Transparent, 0.1, ..., 1 for fully opaque) color:rgba(255,0,255,0.3) HSL values (e.g. color:hsl(0,100%,60%)) (CSS3) HSL: Hue, Saturation and Lightness HWB values (CSS4) Example Background Color <body style="background-color:powderblue;"> Text Color <h1 style="color:blue;">This is a heading</h1> <p style="color:red;">This is a paragraph.</p> <span style="color:orange;">This is a paragraph.</span> W3C CSS Snapshot 2017 https://www.w3.org/TR/CSS/#css Cascading Style Sheets Level 2 Revision 2 (CSS 2.2) Specification https://ww...
張貼留言
閱讀完整內容

Web: Useful Tool - Colour Contrast Checker

Color Contrast Checker W3C Web Content Accessibility Guidelines (WCAG) WCAG 2.0: http://www.w3.org/TR/WCAG20/ WCAG 2.1: https://www.w3.org/TR/WCAG21/ WGAG Level AA's Requirement: Noraml text: The visual presentation of text and images of text has a contrast ratio of at least 4.5:1 Large-scale text and images of large-scale text have a contrast ratio of at least 3:1; https://www.w3.org/TR/WCAG21/#dfn-large-scale with at least 18 point  (typically 24px) or 14 point bold (typically 18.66px)  or font size that would yield equivalent size for Chinese, Japanese and Korean (CJK) fonts Colors with Good Contrast  https://www.w3.org/WAI/perspective-videos/contrast/ WebAIM Understanding WCAG 2 Contrast and Color Requirements https://webaim.org/articles/contrast/ WebAIM: Color Contrast Checker https://webaim.org/resources/contrastchecker/ API: https://webaim.org/resources/contrastchecker/?fcolor=000000&bcolor=FFFFFF&api ...
張貼留言
閱讀完整內容

Web: Useful Tool - Dead link / Broken Link Checker

Broken Link Checker Online Service (Free) W3C Link Checker https://validator.w3.org/checklink https://github.com/w3c/link-checker Free Broken Link Checker - Online Dead Link Checking Tool https://www.brokenlinkcheck.com/ Free Broken Link Checking Tool - Dead Link Checker https://www.deadlinkchecker.com Freeware Xenu's Link Sleuth http://home.snafu.de/tilman/xenulink.html Screaming Frog SEO Spider Tool & Website Crawler | Screaming Frog (Free for 500 URLs and limited features) https://www.screamingfrog.co.uk/seo-spider/ Shareware SortSite: Website Error Checker: Accessibility & Link Checker  https://www.powermapper.com/products/sortsite/ https://www.powermapper.com/products/sortsite/tests/ https://www.powermapper.com/products/sortsite/checks/browser-compatibility/ https://www.powermapper.com/products/sortsite/checks/link-checker/ https://www.powermapper.com/products/sortsite/checks/accessibility-checks/ Reference Broken Lin...
張貼留言
閱讀完整內容

JavaScript - Framework - JQuery

JQuery https://jquery.com/ jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. Download jQuery:  https://jquery.com/download/ All versions:  https://code.jquery.com jQuery Learning Center: https://learn.jquery.com/ Blog: https://blog.jquery.com/ jQuery Migrate plugin:  https://github.com/jquery/jquery-migrate jQuery Plugin Registry:  https://plugins.jquery.com/ CN:  https://www.jquery123.com/ jQuery Mobile https://jquerymobile.com/ jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. Download:  https://jquerymobile.c...
張貼留言
閱讀完整內容

Transparency Report 資訊公開報告

Transparency Report 資訊公開報告 Google Transparency Report https://transparencyreport.google.com/ YouTube https://transparencyreport.google.com/youtube-policy/overview https://www.youtube.com/intl/zh-HK/yt/about/policies/#community-guidelines HTTPS encryption on the web - Certificates  https://transparencyreport.google.com/https/certificates?hl=en Certificate Transparency https://www.certificate-transparency.org/ Facebook Transparency Report https://transparency.facebook.com/ Requests For User Data https://transparency.facebook.com/government-data-requests Requests By Country https://transparency.facebook.com/government-data-requests/country/HK https://transparency.facebook.com/government-data-requests/country/GB https://transparency.facebook.com/government-data-requests/country/US Apple Transparency Report Transparency Reports  https://www.apple.com/privacy/transparency-reports/ 2017 https://www.apple.com/legal/privacy/transparency/requests-...
張貼留言
閱讀完整內容

W3C: Web Accessibility

W3C- Web Accessibility Initiative (WAI) W3C Standards https://www.w3.org/standards W3C Accessibility Standards https://www.w3.org/WAI/standards-guidelines/ https://www.w3.org/WAI/intro/accessibility.php https://www.w3.org/standards/webdesign/accessibility Web Content Accessibility Guidelines (WCAG) https://www.w3.org/WAI/standards-guidelines/#wcag Authoring Tool Accessibility Guidelines (ATAG) https://www.w3.org/WAI/standards-guidelines/#atag User Agent Accessibility Guidelines (UAAG) https://www.w3.org/WAI/standards-guidelines/#uaag Technical Specifications https://www.w3.org/WAI/standards-guidelines/#technical-specifications Mobile Accessibility at W3C  https://www.w3.org/WAI/standards-guidelines/mobile/ Web Content Accessibility Guidelines (WCAG) https://www.w3.org/WAI/standards-guidelines/#wcag WCAG is a set of guidelines for making content accessible for all users, including those with disabilities.  The guidelines are based on four ...
張貼留言
閱讀完整內容

HKSARG Useful LInks

HKSARG Useful Links Press Releases |  HKSAR Government Press Releases 香港特別行政區政府新聞公報 http://www.info.gov.hk/gia/general/today.htm Daily (by email) http://www.news.gov.hk/eng/daily_news/html/dailynews_mailTemplate.html http://www.news.gov.hk/chi/daily_news/html/dailynews_mailTemplate.html Read News at Specific Day (e.g. 17 Sep 2018) http://www.info.gov.hk/gia/general/201809/17.htm http://www.info.gov.hk/gia/general/201809/17c.htm News Archives / 新聞資料庫 (useful for searching old news by keyword) http://www.info.gov.hk/gia/ISD_public_Calendar_en.html http://www.info.gov.hk/gia/ISD_public_Calendar_tc.html Telephone Directory External:  https://www.directory.gov.hk Full List 電話表 https://tel.directory.gov.hk/index_ENG.html https://tel.directory.gov.hk/index_CHI.html Internal:  http://www.directory.hksarg Glossaries of Terms Commonly Used in Government Departments 政府部門常用辭彙 (Use Mobile version is faster) Desktop https://www.csb.g...
張貼留言
閱讀完整內容

W3C: Standards and Guidelines (CSS)

W3C - Standards and Guidelines - CSS Standards - W3C https://www.w3.org/standards/ https://www.w3.org/standards/webdesign/htmlcss Latest CSS https://www.w3.org/TR/CSS/ Cascading Style Sheets https://www.w3.org/Style/CSS/ All CSS specifications https://www.w3.org/Style/CSS/specs.en.html https://www.w3.org/Style/CSS/current-work https://www.w3.org/TR/css-syntax-3/ https://drafts.csswg.org/css-fonts/ https://www.w3.org/TR/css-backgrounds-3/ https://www.w3.org/TR/css-animations-1/ https://www.w3.org/TR/css-box-3/ https://www.w3.org/TR/css3-page/ https://www.w3.org/TR/css-inline-3/ https://www.w3.org/TR/css-text-3/ CSS Snapshot 2017 W3C Working Group Note, 31 January 2017 https://www.w3.org/TR/css-2017 CSS Snapshot 2015 W3C Working Group Note, 13 October 2015 https://www.w3.org/TR/css-2015/ Cascading Style Sheets (CSS) Snapshot 2010 W3C Working Group Note 12 May 2011 https://www.w3.org/TR/css-2010/ Cascading Style Sheets (CSS) Snapshot 2007 W3C ...
張貼留言
閱讀完整內容

W3C: Standards and Guidelines (HTML)

W3C - Standards and Guidelines (HTML) Standards - W3C https://www.w3.org/standards/ https://www.w3.org/standards/webdesign/htmlcss https://www.w3.org/standards/webdesign/script.html https://www.w3.org/standards/webdesign/accessibility.html https://www.w3.org/standards/webdesign/i18n.html https://www.w3.org/standards/webdesign/mobilweb.html https://www.w3.org/standards/webdesign/privacy.html https://www.w3.org/standards/webdesign/math.html Latest Version of HTML https://www.w3.org/TR/html/ HTML 5 http://www.w3.org/TR/html5/ HTML 5.3: W3C Working Draft, 09 August 2018 https://www.w3.org/TR/html53/ HTML 5.2: W3C Recommendation, 14 December 2017 https://www.w3.org/TR/html52/ HTML 5.1 2nd Edition: W3C Recommendation 3 October 2017 https://www.w3.org/TR/html51/ HTML5: A vocabulary and associated APIs for HTML and XHTML W3C Recommendation 28 October 2014 https://www.w3.org/TR/html50/ HTML5 Differences from HTML4 https://www.w3.org/TR/html5-diff/ HTML 4 L...
張貼留言
閱讀完整內容