iT邦幫忙

網頁設計相關文章
共有 824 則文章
鐵人賽 DAY 1

技術 獎金獵人是做啥咪的?網址是什麼意思?

獎金獵人bhuntr.com 從今年七月中開始活起來,但這個網站到底是要尬麻呢? 獎金獵人 http://bhuntr.com 獎金獵人是一個完全Web 2.0...

鐵人賽 開發技術 DAY 11
30天掌握Sass語法 系列 第 11

技術 30天掌握Sass語法 - (11)覺得Sass的寫法不適合你寫CSS嗎?那試試看SCSS吧!

有些人或許對SASS這種太乾淨的寫法有點無法適應, 因為他是靠TAB推進來寫CSS與階層性的, 如果你覺得SASS你不習慣, 那你可以試試看SCSS! 舉例來說...

鐵人賽 開發技術 DAY 17
30天掌握Sass語法 系列 第 13

技術 30天掌握Sass語法 - (17)使用@content建構RWD網頁設計

esponsive Web Design(RWD) 又稱為響應式網頁設計, 它可以因應網頁解析度上的不同, 進而改變網頁上的樣式, 如果你不了解什麼是RWD的話...

鐵人賽 開發技術 DAY 4
30天掌握Sass語法 系列 第 4

達標好文 技術 30天掌握Sass語法 - (4)利用Sass「內建計算機」,讓你不用再重複計算CSS像素

Sass還有一個很特別的功能,也就是內建擁有加減乘除的語法, 但是,他究竟能支援設計師寫CSS什麼樣的工作呢? 首先我們先來假設情境: 1.你的網頁寬度是100...

鐵人賽 Modern Web DAY 2

達標好文 技術 [Day02] ASP.NET Core 2 系列 - 程式生命週期 (Application Lifetime)

要了解程式的運作原理,要先知道程式的進入點及生命週期。 過往 ASP.NET MVC 啟動方式,是繼承 HttpApplication 做為網站開始的進入點。...

鐵人賽 Modern Web DAY 18
前端工程師養成手冊 系列 第 18

達標好文 技術 Angular、Vue、React 框架選擇是個偽命題

常會有剛投入前端的朋友問我:友人A:「洧杰,你覺得該不該學 XX 框架?」我:「你說最近剛出來的那個啊,那你知道他是做什麼的嗎?」友人A:「不知道欸...只是最...

鐵人賽 Modern Web DAY 17
前端工程師養成手冊 系列 第 17

達標好文 技術 教你開發出不會被後端吐槽的前端版型

當 UI 提供給你設計稿,你轉換為前端介面後,下一個步驟就是轉給後端工程師開發成動態應用程式,有些剛涉入前端工作沒多久的新人在不瞭解後端邏輯時,在溝通上容易有障...

鐵人賽 Modern Web DAY 12
前端工程師養成手冊 系列 第 12

達標好文 技術 前端面試法則二三事

當你的履歷被公司挑選出來邀請面試時,你該給自己一個掌聲,代表你的能力水平有達到他們的基本門檻,才會邀請你到公司深入聊聊。面試是個照妖鏡,它能夠讓你更加瞭解自己,...

鐵人賽 開發鐵人 DAY 10
ASP.NET 由淺入深 系列 第 10

技術 91之ASP.NET由淺入深 不負責講座 Day10 - 如何註冊執行一段JavaScript

從Winform要轉Webform,或從ASP要轉ASP.NET,寫網頁幾乎一定用的到的東西,「如何執行一段javascript」。 這邊舉了8+1種例子,各有...

鐵人賽 Modern Web DAY 30
前端工程師養成手冊 系列 第 30

達標好文 技術 設計師投入前端的不二法門

在前端職涯中,我常遇到許多視覺科系背景的設計師來詢問投入前端領域的可能性,我可以打包票和你說是百分之兩百適合,但礙於許多人會對所謂的「前端工程師」、「前端設計師...

鐵人賽 開發技術 DAY 5
30天掌握Sass語法 系列 第 5

技術 30天掌握Sass語法 - (5)利用Sass「@import」進行CSS檔案模組切割

在以往寫CSS時, 動輒數百、數千行, 寫多了就會很難找各CSS片段的位置, 且滾輪都必須滾很久才會找到對應的程式碼, 所以都會在CSS上寫註解, 至少用搜尋或...

鐵人賽 Modern Web DAY 24

技術 [Day24] ASP.NET Core 2 系列 - Entity Framework Core

Entity Framework 是 .NET 跟資料庫溝通好用的 Object-Relational Mapper (O/RM) 框架,ASP.NET Cor...

鐵人賽 Modern Web DAY 4
前端工程師養成手冊 系列 第 4

達標好文 技術 番茄鐘工作法 - 設立短、中、長期里程碑

經過一年洗禮後,主管交辦下來的項目大部分都能如期完成,就算有困難,部門間彼此照應,倒也覺得沒太大問題,原本對自己能力開始洋洋得意時,周姐和主管竟然讓我自己去負...

鐵人賽 Modern Web DAY 4

技術 [Day04] ASP.NET Core 2 系列 - 依賴注入 (Dependency Injection)

ASP.NET Core 使用了大量的依賴注入 (Dependency Injection, DI),把控制翻轉 (Inversion Of Control,...

鐵人賽 IT技術 DAY 7
Front to Back, Node.js 系列 第 7

技術 Null & undefined 型態差異 - Node.js day 7

空無是一種很奇妙的狀態,在 JavaScript 裡面,null, undefined 是一種奇妙的東西。今天來探討什麼是 null ,什麼是 undefine...

鐵人賽 開發技術 DAY 45
Sass3.3 & CSS設計模式 系列 第 46

技術 90天掌握Sass語法完賽心得 & 章節目錄

【課程宣傳】 今年2015年在北中南皆有開設課程, 有興趣的朋友歡迎前往了解, 如果周遭的朋友有意深入這塊, 也歡迎代為轉貼與宣傳^_^ 今年與去年變動差異較...

鐵人賽 DAY 4
Javascript面面觀 系列 第 4

技術 Javascript面面觀:核心篇《物件導向》

物件導向是現代程式語言很被重視的能力,Javascript可以怎樣支援物件導向呢? 封裝(encapsulation) 封裝的目的是要隱藏實作的細節,只讓抽象的...

鐵人賽 IT技術 DAY 14

技術 redis 的 PubSub 功能

Publish 與 Subscribe 的對應機制, 常會用在需即時回應, 最常見的是即時聊天、對談的場合。 測試redis-cli裡Publish Subsc...

鐵人賽 開發技術 DAY 37
30天掌握Sass語法 系列 第 33

達標好文 技術 Sass開發流程設計 - (7) susy grid教學(1)

由於行動裝置的逐步普及, Responsive Web Design(RWD)也逐漸變為市場趨勢, 所以這裡也來聊一下關於RWD的Sass格線系統, 在以前Sa...

鐵人賽 DAY 3
ASP.NET技巧 系列 第 4

達標好文 技術 ASP.NET的驗證與授權機制(動態錄影說明)

在網路上看使用者發問的時候,還有很多從ASP剛轉換ASP.NET的開發人員,在使用者驗證與畫面授權上,還是沿襲著以往的Session驗證的方式。其實在ASP.N...

鐵人賽 Modern Web DAY 3

達標好文 技術 [Day03] ASP.NET Core 2 系列 - Middleware

過去 ASP.NET 中使用的 HTTP Modules 及 HTTP Handlers,在 ASP.NET Core 中已不復存在,取而代之的是 Middle...

鐵人賽 Modern Web DAY 13

技術 [Day13] ASP.NET Core 2 系列 - Web API 文件產生器 (Swagger)

Swagger 也算是行之有年的 API 文件產生器,只要在 API 上使用 C# 的 <summary /> 文件註解標籤,就可以產生精美的線上文...

技術 [RoR] 快速產生 RTF 格式超簡單

最近為了面對單位的需要,希望在各網頁上可以有不同的格式呈獻, 而試著做出這線上直接產生相容於word格式的RTF檔。 簡單地說 Rich Text Format...

鐵人賽 Modern Web DAY 15

技術 [Day15] ASP.NET Core 2 系列 - 組態設定 (Configuration)

ASP.NET Core 不再把 Web.config 當作預設的組態設定,而且 .NET Core 讀取組態設定的方式也跟過去不同,不再使用 Configur...

鐵人賽 Modern Web DAY 11

技術 [Day11] ASP.NET Core 2 系列 - Cookies & Session

基本上 HTTP 是沒有紀錄狀態的協定,但可以透過 Cookies 將 Request 來源區分出來,並將部分資料暫存於 Cookies 及 Session,是...

鐵人賽 IT技術鐵人 DAY 21

技術 [如何提升系統品質-Day21]Security - Cross-Site Scripting(XSS)

上一篇提到了SQL injection的攻擊原理,以及如何透過parameter來避免SQL injection的發生。這一篇則要介紹在Web上可能容易被忽略的...

鐵人賽 DAY 4

技術 ::進入Flex的異想世界(4):: 下載Flex Builder和SDK

不知道看過那些網站之後,各位邦友們對於Flex為何物是不是已經有更具體的概念了。 先來複習一下我們現在已經了解Flex哪些東西。 1.Flex能做到和Flash...

鐵人賽 Modern Web DAY 13

技術 第13車廂-table界的神器!DataTables介紹篇(3)

本篇要延續DataTables介紹,如何引用拓展包呈現響應式版本 好心建議要先看: 第11車廂-table界的神器!DataTables介紹篇(1)...

鐵人賽 DAY 16
Javascript面面觀 系列 第 16

技術 Javascript面面觀:網頁篇《jQuery inside - 核心架構》

jQuery是目前最紅的Javascript Library之一,這要歸功於他使用簡單,而且對於CSS Selector的支援很廣泛。研究jQuery核心的重點...

鐵人賽 開發技術 DAY 10
30天掌握Sass語法 系列 第 10

達標好文 技術 30天掌握Sass語法 - (10)如何建立自己的Sass Reset CSS

以目前坊間最有名的Reset CSS不外乎是 myer所發表的Reset.css http://meyerweb.com/eric/tools/css/rese...