前端工程 – LARRY的午茶時光@雨燕網路資訊

首頁 > 前端工程

響應式圖片 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 年 3 月 24 日作者: 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 年 9 月 1 日作者: Larry

Bootstrap 4 主要更新：排版、CSS

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

PHP 前端工程好文記錄與分享 2016 年 6 月 12 日2020 年 6 月 29 日作者: Larry

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

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