跳至主要內容
  • 蔣鈞林|Larry Chiang
  • 讀者投票 2020 11月開始
  • 讀者投票 2021 3月開始
  • 隱私權條款

LARRY的午茶時光@雨燕網路資訊

  • 首頁
  • 商業思維
    • ALL
    • 時事觀察
    • 創業經營
    • 讀書筆記
    • 部落格經營
  • Larry的日常
    • ALL
    • 食記
    • 生活
    • 紅白酒
    • 開箱
  • 數位行銷
    • ALL
    • Google Analytics
    • Google Ads
    • SEO
  • 網路科技
    • ALL
    • Chrome
  • 前端工程
    • ALL
    • CSS
    • Angular
  • PHP
    • ALL
    • Laravel
    • WordPress
    • OpenCart
  • 軟體工程與哲學
    • ALL
    • Design Pattern
    • OGRE 3D
首頁 > 前端工程

分類: 前端工程

Interop 2022 Google Apple Microsoft Mozilla 瀏覽器 相容性
CSS 前端工程 網路科技 2022 年 4 月 18 日2022 年 6 月 9 日 作者: Larry

從 Compat 2021 到 Interop 2022,史上第一次所有主流的瀏覽器廠商,合作解決瀏覽器相容性的問題

史上第一次所有主流的瀏覽器廠商 (包含 Google Chrome, Apple Safari, Microsoft Edge, Mozilla Firefox) 聯合起來,一起解決瀏覽器相容性的問題,一起成立了一個 Interop 2022 專案。

閱讀全文
CSS Cascade Layers 權重 Specificity
CSS 前端工程 2022 年 2 月 6 日2022 年 2 月 6 日 作者: Larry

CSS Cascade Layers,解決長期以來 CSS 競爭權重 (Specificity) 的問題

稍微有點規模的專案,都有著複雜的 HTML 結構。你在開發某一頁時,根本不會知道你寫的這一個 CSS,跟已存在的 CSS 到底誰的權重重。如果已存在的 CSS 權重重,就暴力覆寫,大概會是這樣的情況。

閱讀全文
bootstrap 5
CSS 前端工程 2021 年 8 月 24 日2022 年 2 月 5 日 作者: Larry

Bootstrap 5.1 主要更新:開始使用 CSS Grid 實作 grid system,新的元件,更多的 CSS 變數 (custom property)

很多專家認為 CSS Grid 是繼 Flexbox 後,近代 CSS 的另一個里程碑。Bootstrap 4 開始使用 Flexbox 實作 grid system,Bootstrap 5.1 開始可以切換為 CSS Grid 實作。

閱讀全文
Alpine.js Laravel frontend
Laravel PHP 前端工程 2021 年 5 月 30 日2021 年 6 月 4 日 作者: Larry

Laravel frontend from Vue.js to Alpine.js – Introduction to Alpine.js

從 Laravel 5 預設是 Vue.js,到 vue 只是一個選項,到 Laravel 8 預設使用 Alpine.js。就 Laravel 的態度而言,整個趨勢是從 Vue.js 轉到 Alpine.js。本篇我們就來聊一下 Alpine.js

閱讀全文
CSS min max clamp
CSS 前端工程 2021 年 3 月 23 日2022 年 2 月 6 日 作者: Larry

CSS Comparison Functions:min(), max(), and clamp()

隨著回應式網頁的普及,各大瀏覽器都已經支援 CSS min(), max(), clamp()。使用這三個 function 除了可以簡化 CSS 程式碼,更因為可以內嵌運算式,加上 CSS 目前是朝原生參數化的方向在走,在實際使用上可以有更多的想像和寫法。

閱讀全文
bootstrap 5
CSS 前端工程 2020 年 12 月 11 日2022 年 2 月 5 日 作者: Larry

Bootstrap 5 主要更新:不再相依 jQuery,新增 Utilities API,使用 CSS custom properties

本篇會走一遍 Bootstrap 5 的主要更新,懂前端工程的讀者,可以看看有沒有東西是值得拿來使用,或進一步再去研讀的。以下大致是從 Bootstrap 5 比較重要的部分,往比較 minor 的部分排序。

閱讀全文
響應式圖片 Responsive Images
前端工程 2020 年 7 月 29 日2021 年 8 月 26 日 作者: Larry

響應式圖片 Responsive Images,img srcset 的用法

懂前端又有玩 Wordpress 的讀者應該知道,Wordpress 會自動幫你生成響應式圖片 (Responsive Images)。上一張圖到 Wordpress,以 Wordpress 5 來說,它會幫你生成不同大小的 4 張圖。前端網頁會依照不同螢幕尺寸 load 並顯示 4 張圖的其中 1 張。

閱讀全文
aos js
前端工程 2020 年 6 月 11 日2020 年 6 月 13 日 作者: Larry

網頁滾動元素動畫 AOS.js

現在很多網頁,像是手機產品的網頁,當使用者往下拉時,會有圖片或文案浮現的效果。要達成這樣的效果,可以考慮使用 AOS.js。以目前 (2020年6月) 來說,類似功能的插件,應該是以 AOS.js 為主。

閱讀全文
bootstrap 4
CSS 前端工程 2018 年 4 月 19 日2020 年 12 月 9 日 作者: Larry

Bootstrap 4 Flex

Flex 是 CSS3 很重要的一種佈局方式,Bootstrap 4 也出了很多 help class, 建議對前端有興趣的朋友要使用。有很多排列組合,尤其是對齊方面,但不用糾結在其中,一切還是以設計和實務需求來做驅動。

閱讀全文
全屏滾動網頁 fullPage.js
前端工程 2018 年 2 月 23 日2020 年 6 月 13 日 作者: Larry

全屏滾動網頁 fullPage.js

fullPage.js 是一款滿多人使用的全屏滾動網頁框架,如果說把全屏滾動網頁形容成上下播放的投影片,一個 section 就是其中一張投影片,一個網頁可以包含N張投影片,外部要用一個 wrapper 包住 (不能是 html body).

閱讀全文
bootstrap 4
CSS 前端工程 2017 年 8 月 17 日2020 年 12 月 11 日 作者: Larry

Bootstrap 4 主要更新:Grid System、CSS

Bootstrap 4 beta 在日前發佈了,本篇文章記錄了 v4 的主要的更動。如果是同為開發者的朋友,可以想想為什麼 bootstrap v4 要採納這些更動,有什麼技術是值得我們進一步去研讀的。

閱讀全文
Laravel Mix
Laravel PHP 前端工程 2017 年 4 月 15 日2022 年 3 月 28 日 作者: Larry

Laravel Mix

Laravel 5.4 開始使用 Laravel Mix 去處理前端的 js / css 檔案,Laravel Mix 這套件是由 npm 管理的,所以首先確認你的開發環境中有裝 npm.

閱讀全文
PHP 前端工程 好文記錄與分享 2016 年 6 月 12 日2021 年 9 月 18 日 作者: Larry

[好文分享] 5 Surprises for PHP Developers Coming to JavaScript

http://radar.oreilly.com/2013/06/5-surprises-for-php-de …

閱讀全文
前端工程 線下活動心得分享 2016 年 3 月 26 日2020 年 5 月 2 日 作者: Larry

[線下活動] 2016 iWeb 峰會台北站

有位朋友跟 Larry 提到這個 conference, 時間就是今天下午 (2016 03 26) …

閱讀全文

文章導覽

較舊的文章

關於我

蔣鈞林 Larry facebook icon

能力是網站前後端,使用者體驗,數據分析。興趣是商業思維的研究與探索,包含公司經營和個人職涯經營。

喜歡生活美食,喜歡和朋友聚會聊天。

商業、美食、閱讀類的文章,會po在臉書公開社團「Larry的商學與生活美食朋友圈」
https://www.facebook.com/groups/482396452806886

歡迎讀者加入、交流 (加入不需審核,第一次發言會審核)

如果您對相關主題有興趣、建議,或是徵詢合作,歡迎來信

larry@yuyansoftware.com.tw

更多關於我

my ga certificate

服務內容

目前提供網站系統、數位行銷方面的服務,完整服務項目請參考公司官網
https://www.yuyansoftware.com.tw

系列文章

商業思維系列>> 時事觀察>>

讀書筆記>> 創業經營>>

部落格經營>> 職涯發展>>

數位行銷系列>> Google Ads>>

Google Analytics SEO>>

東區信義區美食>> 日本料理>>

京站小碧潭美食>> 日式燒肉>>

板橋車站美食>> 甜點飲料>>

捷運中山站美食>> 法式料理>>

火鍋麻辣鍋>> 義式料理>>

近期文章

  • [紅白酒] 紐西蘭雲霧之灣,白蘇維濃白酒 Cloudy Bay Sauvignon Blanc

    [紅白酒] 紐西蘭雲霧之灣,白蘇維濃白酒 Cloudy Bay Sauvignon Blanc

    2022 年 6 月 26 日
  • [食記] 蒟若妮法式甜點大安店 Gelovery Gift,法國藍帶主廚,各種法式蛋糕與漂亮的設計

    [食記] 蒟若妮法式甜點大安店 Gelovery Gift,法國藍帶主廚,各種法式蛋糕與漂亮的設計

    2022 年 6 月 19 日
  • 誠品信義店可能熄燈?誠品與房東統一集團的租約問題,從一個公司經營者的角度來看這個事件

    誠品信義店可能熄燈?誠品與房東統一集團的租約問題,從一個公司經營者的角度來看這個事件

    2022 年 6 月 11 日
  • [食記] 某某。法式甜點 Quelques Pâtisseries,2022年5月已搬到東區巷弄裡囉!

    [食記] 某某。法式甜點 Quelques Pâtisseries,2022年5月已搬到東區巷弄裡囉!

    2022 年 6 月 4 日
  • [讀書筆記] 人本體制 (Humanocracy),重新思考人與組織的關係。作者:哈默爾 (Gary Hamel)

    [讀書筆記] 人本體制 (Humanocracy),重新思考人與組織的關係。作者:哈默爾 (Gary Hamel)

    2022 年 5 月 28 日

Larry的米其林美食地圖

底下列出我的食記中米其林推薦的餐廳:

Chou Chou,近捷運忠孝敦化站
2018/2019/2020 米其林餐盤推薦

Wildwood,信義區新光三越A9
2019/2020 米其林餐盤推薦

老乾杯信義店,新光三越A9
2018/2019/2020 米其林餐盤推薦

宋廚菜館,近捷運市政府站
2018/2019/2020 米其林必比登推薦

舊文回顧

larry 有空會把舊的、但還不錯的商業思維文章放到這裡。儘管時空環境變換,底層的商業邏輯不變。請點下圖↓

回顧2021 疫情 三級警戒 股市 K型經濟 上下分層
回顧2021,歷經疫情三級警戒與狂飆的股市,市場 K型經濟,公司與個人都在上下分層中

完整分類

  • Larry的日常 (86)
    • 生活 (11)
    • 紅白酒 (7)
    • 開箱 (6)
    • 音樂 (7)
    • 食記 (60)
  • PHP (22)
    • Laravel (14)
    • OpenCart (2)
    • Wordpress (2)
  • 前端工程 (26)
    • Angular (4)
    • CSS (11)
  • 商業思維 (55)
    • 創業經營 (26)
    • 時事觀察 (25)
    • 職涯發展 (11)
    • 讀書筆記 (7)
    • 部落格經營 (6)
  • 好文記錄與分享 (9)
  • 數位行銷 (48)
    • Google Ads (22)
    • Google Analytics (18)
    • SEO (7)
  • 網路科技 (19)
    • Chrome (4)
  • 線下活動心得分享 (3)
  • 軟體工程與哲學 (26)
    • Design Pattern (6)
    • OGRE 3D (7)
  • 軟體開發隨筆 (9)
© 2021 雨燕網路資訊 版權所有