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

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

  • 首頁
  • 商業思維
    • ALL
    • 時事觀察
    • 創業經營
    • 職涯發展
    • 部落格經營
  • Larry的日常
    • ALL
    • 食記
    • 開箱
    • 生活
    • 音樂
  • 數位行銷
    • ALL
    • Google Analytics
    • Google Ads
    • SEO
  • 網路科技
    • ALL
    • Chrome
  • 前端工程
    • ALL
    • CSS
    • Angular
  • PHP
    • ALL
    • Laravel
    • WordPress
    • OpenCart
  • 軟體工程與哲學
    • ALL
    • Design Pattern
首頁 > 前端工程

分類: 前端工程

bootstrap 5
CSS 前端工程 2020 年 12 月 11 日2020 年 12 月 15 日 作者: Larry

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

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

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

響應式圖片 Responsive Images

懂前端又有玩 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 要採納這些更動,有什麼技術是值得我們進一步去研讀的。

閱讀全文

文章導覽

較舊的文章

關於我

蔣鈞林 Larry Chiang  facebook icon

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

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

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

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

larry@yuyansoftware.com.tw

更多關於我

my ga certificate

Google Analytics 課程

對 GA (Google Analytics) 有興趣的讀者可以參考我的 GA 課程。課程內容、適合上課的同學、報名方式,請參考下方課程網頁↓
https://www.yuyansoftware.com.tw/events/google-analytics-intro

系列文章

商業思維系列>> 職涯發展>>

時事觀察>> 創業經營>>

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

Google Analytics SEO>>

東區信義區美食>> 甜點飲料>>

京站小碧潭美食>> 烤鴨料理>>

板橋車站美食>> 火鍋麻辣鍋>>

捷運中山站美食>> 日本料理>>

讀者投票

冬天到了,你最喜歡吃以下哪種料理?
投票

舊文回顧

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

2020/12/30 更新 (請點下圖↓)

羅輯思維 羅振宇 上市 深交所
羅輯思維於深交所申請上市,身為老粉的一些感悟

近期文章

  • [食記] 客美多咖啡,台北站前店,來自日本名古屋有居家感的咖啡簡餐店 2021 年 1 月 22 日
  • GA 的排除參照連結網址 (referral exclusion),與歸因模式、工作階段之間的關係 2021 年 1 月 17 日
  • [開箱] 彰化景點溪湖糖廠:66 cheesecake,888 SNACK REPUBLIC,鳥月生吐司 2021 年 1 月 10 日
  • 去年 2020,不只公司企業想數位轉型,更是自媒體爆發的一年 2021 年 1 月 3 日
  • Google Ads 離線轉換追蹤 offline conversion tracking 2020 年 12 月 28 日

完整分類

  • Larry的日常 (58)
    • 生活 (2)
    • 開箱 (10)
    • 音樂 (7)
    • 食記 (38)
  • Ogre3D (7)
  • PHP (18)
    • Laravel (11)
    • OpenCart (2)
    • Wordpress (2)
  • 前端工程 (20)
    • Angular (4)
    • CSS (7)
  • 商業思維 (36)
    • 創業經營 (15)
    • 時事觀察 (16)
    • 職涯發展 (2)
    • 部落格經營 (3)
  • 好文記錄與分享 (16)
  • 數位行銷 (29)
    • Google Ads (9)
    • Google Analytics (14)
    • SEO (6)
  • 網路科技 (17)
    • Chrome (4)
  • 線下活動心得分享 (3)
  • 軟體工程與哲學 (21)
    • Design Pattern (6)
  • 軟體開發相關 (9)
© 2020 雨燕網路資訊 版權所有