嗨～接下來要開始進入切版了，開始切版前，有些必須知道的知識必須了解。之後切版會使用VSCode來做程式撰寫，今天先帶大家認識VSCode這個強大的前端開發軟體吧...
目錄 【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...
本篇重點： 設計規範製作 切圖 ( Slice ) 的格式與命名 設計標註檔 1、設計規範製作 依內容詳細程度，從精簡到完整分為三種類別：介...
做網站時除了撰寫的工具以外，幫忙debug的工具也很重要，今日記錄了部分主流瀏覽器的除錯工具，內容如有誤還請指正，謝謝。 做網站時除了撰寫的工具以外，幫忙deb...
撰寫Code的編輯器很多種，小到記事本大到一堆有的沒的都可以用。 而我最近因為開始學著用Sublime text，覺得也很好用～於是推薦一下:D 以下簡略介紹一...
田中系統顧問是結合台灣和日本IT技術知識的公司，致力於規畫並完成有實際效果的網站，提升客戶競爭力。 若您喜歡coding，想要嘗試架構各種不同產業的網站，也喜歡...
程式領域裡面非常重視文件，當然 UI 中也是如此，為了確保設計可以被執行，大型應用程式、系統都會推出屬於自己的規範，如： iOS 的 Human Interf...
文字欄位在行動裝置上顯示相關輸入鍵的虛擬鍵盤。 JQuery Moblie支援基本的HTML5文字輸入控制項，以下是可用的文字輸入欄位 <input ty...
前言 終於到了這次鐵人賽最後一個遊戲，經歷一番東挑西選及天人交戰之後，最後選定了這個遊戲，記憶方塊(Memory Blocks)。 這個遊戲也是很經典的童年回憶...
在大概摸索Python的基本語法和函式修飾器後，我們今天終於可以回歸正題 —— 使用Python架設一個輕量級的網頁後端伺服器！ 我們今天要接觸的東西名為Fla...
情境 Flexbox 是 CSS3 的盒子模型(box model)，顧名思義它就是一個具有彈性和靈活性的盒子(Flexible Box)，這個模型讓排版變得容...
難度控制 在 Day22 我們有提到，隨著過了越多關，關卡會越來越難。我們這邊要讓題目變難的方法有兩個方向，第一個是題目會越來越長，光是這樣還不夠，而且我還希望...
想一想，決定食物如何出現 俗話說，吃飯皇帝大，如果不吃東西，貪吃蛇就長不大，也跑不快，所以今天我們要來製作貪吃蛇的另一個重頭戲，就是食物。 首先，我們要來決定食...
HTML5支援的日期欄位、自動增長的文字訊息欄位 HTML5新增了對日期欄位的支援，而JQuery Mobile也支援html5，所以直接指定input元素類型...
網站設計工具 - Figma Figma是一個非常流行的設計和協作工具，特別適用於設計師和團隊。它允許使用者創建、共享、評論和協作設計項目。以下是對Figma...
開始 真不好意思空了兩天，現在覺得時間過好快還剩9天就要結束了，不知道能否拿出完整的作品呢。 程式碼 我做了商品修改的頁面，目前可以修改 但是圖片不能上傳，可能...
上一篇透過連結的狀態了解運用，本篇則是探討按鈕再運用上的色彩變化，包含了一般、行動呼籲、外框線、警告意味等常見的類型，當然這些類型介紹上別不會包含上一篇的 “狀...
勝負判斷分析 昨天完成了 row 方向和 column 方向的勝負判斷，今天我們要來完成右斜和左斜方向的勝負判斷，我這邊先把這兩個方向命名為 forwardSl...
各位邦友們好： 我是高雄前端社群的創辦人洧杰，之前也參加過兩屆 的 IT 鐵人邦， 今年我們舉辦了一個前端技術研討會，時間是 5/6 日，在票種上除實體票也有直...
rails 裡內建有 flash 的訊息功能， Sinatra 卻欠卻此好用功能。 (flash不是Adobe的Flash，只是出現訊息作用的名稱) 在 rai...
參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為 和 提供了Methods(方法)、Pr...
jquery mobile事件 ●pageinit：頁面初始是針對每個data-role=”page”去做，每讀取一個page就會在重新讀取。 →作法：$(‘#...
以下分享幾種常見修改HTML標籤內容的方式，依照不同需求，我把自己會的修改方式分成兩大類，分別是針對標籤修改內部文字和在標籤內插入子標籤兩大類。 假設我們現...
前情提要 昨天 Day17 我們已經讓食物可以隨機產生，食物還會炫砲的發光，蛇也可以順利吃到食物，而且吃到之後身體會變長，速度會變快。 但是讓蛇這樣一直吃下去，...
繪製頁面草稿 按照慣例，我們先來畫一下我們整個遊戲畫面呈現的草稿，下面是我對整個遊戲面化的初步想像。 我把所有的元素都集中放在中間區塊，因為人的視線比起左右移動...
將LIST和其他html內容在一起顯示。 預設下通常list清單都會顯示全頁模式，下面作法是要將list和其他HTML內容混用，也可以達到多清單的樣式，每個ul...
今天想分享的是關於Mockup製作上的一些小事：之前的準備動作完成後就是開始作稿的時間，Just do it！目標是客戶滿意後就可以開始切版...咦？在這之前是...
＜＜鴻揚科技歡迎您＞＞ 【我們在找】軟體開發工程師 (C#.Net程式設計師) 【職務說明】1.企業客戶應用系統NET AP程式開發,視專案開發階段,滿足客戶專...
版面規劃中，清楚明白的連結絕對是重點中的重點。一個網站就算再怎麼好看，但使用者找不到正確路徑的話，網頁被關掉就會是必然的結果。 版面規劃中，清楚明白的連結絕對是...
一開始的文章有提到，我原本也是從事設計，出社會以後開始轉往開發者。學習到目前也能開發到後端（還不會提到是全端工程師，畢竟術業有專攻），學開發觀念與過去學習設計有...
luna0228
tedkuo
tpodomoto
卡斯伯
ramya
Taiming
ttdragon0722
pellok
Luis-Chen
逮丸逮丸
iamya
iThome鐵人賽
看影片追技術