一篇關於 Visual Basic 如何成為世界上最主要的開發環境文章。 VB 這套老牌開發環境，我高一有學過(舉手)
網站幾個重點：

• 視覺風格
  顏色調性，以黑白色調為主，以幾個輔色作為點綴。
  圖像風格，採用格狀體貫穿全站，可能想表達復古數碼、電腦運算等感受。
  字體風格，因為 VB 這套老牌開發環境且又是科技相關，字體風格直覺上一定要玩點 pixel 風格啦～😂

• 進場動態
  從震撼的進場動態就能感受到這網站的帥！
  大標題進場，這種閃爍亂碼作法則是先播放 2s 的 Video ，然後再顯示正確標題文字( SVG 呈現)，算是偷懶又聰明的做法！ 動態背景進場，用 Canvas 繪圖讓格狀元素跑動。

• item 進場
  頁面滾動到出現「圖像、影片」時，正常就是直接出現或是 Lazyload 延遲載入，再不然就是像許多社群有做的「Skeleton Screen Loading」。 這網站所做的「Skeleton Screen Loading」是將結果圖片Pixel風格化，更貼近整體網站風格。（這招我很愛）

• 游標動態
  看起來是滑鼠經過的地方都殘留一些彩色塊，並延遲消失， 再增加白色塊將彩色塊同位置覆蓋。 有人知道詳細怎麼做的嗎？好讚…

• 選單設計
  這個選單我覺得是網站的重點！
  功能上其實只是個錨點，但從介面仿 Windows 1 的樣貌，到互動也是復古回朔當時候的操作，真的都很到位。右側的 ScrollBar 、上方的 ToolBar 、 Hover 的黑底白字，都非常讚啊啊啊～～

• 彩蛋
  你們一定沒想到這網站有彩蛋對不對？ 彩蛋我錄影放在留言。

 

網站連結 ➜ https://retool.com/visual-basic