資訊專欄INFORMATION COLUMN
摘要：在正式前端一些小細節前端掘金英文原文，翻譯未來的太讓人興奮了一方面，是全新的頁面布局方式另一方面，是酷炫的濾鏡顏色等視覺效果。老司機教你更好的進行編程個技巧前端掘金并不總是容易處理。
CSS3 實現文字流光漸變動畫 - 前端 - 掘金
來自百度前端技術學院的實踐任務：有趣的鼠標懸浮模糊效果，參考：http://ife.baidu.com/course/d...，用CSS3實現了一下，順便復習下CSS的基礎。 ...
提升你的 CSS 姿勢 - 前端 - 掘金
原文地址Github 系列文章地址 CSS的學習是一個典型的低門檻，高瓶頸的過程，第一次接觸CSS的時候覺得一切是如此簡單，直到后面越學越發現自己一無所知，建議看看張鑫旭老師的說說CSS學習中的瓶頸。本文則是從四個方面來討論如何編寫可擴展、可維護的CSS代碼：...
CSS 布局: 40 個教程、技巧、例子和最佳實踐 - 前端 - 掘金
【感謝 Neo 投遞本文 – 微博帳號：_錕_ 】 前言： 布局是WEB開發一個重要的課題，進入XHTML/CSS后，使用TABLE布局的方式逐漸淡出，CSS布局以眾多優點成為主流，本文將介紹40個基于CSS的web布局的資源和教程。文章的出處在http://...
提高 CSS 技術技巧 - 前端 - 掘金
本文由99根據Hugo Giraudel的《LEARNING PRINCIPLES FOR IMPROVING YOUR CSS》所譯，整個譯文帶有我們自己的理解與思想，如果譯得不好或不對之處還請同行朋友指點。如需轉載此譯文，需注明英文出處：http://ty...
什么鬼，又不知道怎么命名 class 了 - 前端 - 掘金
（本文系來自騰訊imweb團隊 結一大大 關于class命名的總結，獲取結一授權轉載，推薦點擊左下角的閱讀原文，原文地址：http://imweb.io/topic/5623c25... ）相信寫css的人都會遇到下面的問題：糟糕，...
H5 動效的常見制作手法 - 前端 - 掘金
眾所周知，一個元素，動往往比靜更吸引眼球； 一套操作界面，合適的動態交互反饋能給用戶帶來更好的操作體驗； 一個H5運營宣傳頁，炫酷的動畫特效定能助力傳播和品牌打造。 近兩年，小到loading動畫，表單動效，大到各式各樣H5運營頁的炫酷展現，“動效設計”一詞可...
前端開發者應該知道的 CSS 小技巧 - 前端 - 掘金
一些小技巧讓你的CSS技術更專業 使用:not()去除導航上不需要的邊框 為body添加行高 垂直居中任何元素 逗號分離的列表 使用負nth-child選擇元素 使用SVG圖標 文本顯示優化 在純CSS幻燈片上使用max-he...
你不需要 js 就可以實現一個輪播 - 前端 - 掘金
Tip輪播這種組件是大部分網站都會存在的了，絕大部分都是 js 來實現邏輯控制的，它的原理就不多闡述了，因為我們現在要做的是不用 js 來實現一個輪播組件！ 前提是只兼容現代瀏覽器。 原理這里我們主要用的原理： CSS3 element+element 選擇...
【譯】60 個有用 CSS 代碼片段 - 前端 - 掘金
1、垂直對齊 如果你用CSS，則你會有困惑：我該怎么垂直對齊容器中的元素？現在，利用CSS3的Transform，可以很優雅的解決這個困惑： .verticalcenter{ position: relative; top: 50%; ...
CSS writing-mode 的特別技巧 - 前端 - 掘金
原文地址：CSS Writing Mode 本文已獲得原作者 Ahmad Shadeed 的授權 譯文出自：掘金翻譯計劃 譯者： huanglizhuo 校對者：Kulbear , shixinzhang 最近在 Opera inspector 中編...
CSS 查漏補缺 - 前端 - 掘金
塊級格式上下文（Block formatting context） 普通流(Normal Flow) 在普通流中，元素按照其在 HTML 中的先后位置至上而下布局，在這個過程中，行內元素水平排列，直到當行被占滿然后換行，塊級元素則會被渲染為完整的一個新行...
移動端樣式小技巧 - 大堅 - SegmentFault - 前端 - 掘金
平時在移動端開發拼頁面的過程中總會遇到一些問題，主要是各手機webview樣式顯示效果不一致造成的。以下總結了一些常見坑和一些小技巧，希望對看官有所幫助！ 本文只針對兩大手機陣營 Android和IOS 中的魅藍metal 和 iPhone6進行樣式對比。 一...
你真的覺得你會 CSS3 了嗎？ - 前端 - 掘金
自CSS3流行以來，雖然以前看過一遍所有的新增屬性，但其實在實際項目中用到的少之又少。所以沒有形成系統性的認識，以及看到效果立馬就能想到解決方案的能力。然后最近正好遇到一個需要繪制大量動畫的需求，所以決定趁此機會好好研究一下這個既熟悉又陌生的css3。 在正式...
前端 CSS 一些小細節 - 前端 - 掘金
英文原文：Peter Gasston ，翻譯：vivien chen 未來的CSS太讓人興奮了：一方面，是全新的頁面布局方式；另一方面，是酷炫的濾鏡、顏色等視覺效果。這些CSS，受開發者追捧，被雜志和博客文章鋪天蓋地地介紹。 如果說這些特性是CSS華麗的一面，...
移動 web 適配方案動態計算版 | Brizer"s Blog - 前端 - 掘金
以前整理過一篇移動端適配方案的文章，當時是在部門的專題cms系統中使用。文章地址 思路就是通過媒介查詢整理出一套根字體大小，然后各個元素通過rem單位來進行適配。而這次我們的根字體大小不再是通過媒介查詢得到，而是通過屏幕寬度進行動態計算，并且還具有高分辨率屏幕...
(譯) 如絲般順滑：使用 CSS3 實現 60 幀的動畫 - 前端 - 掘金
在移動端上實現動畫很簡單。 在移動端上正確地實現動畫也比較簡單...如果你采納我們的建議的話。 雖然現在每個人都會使用 CSS3 實現動畫，但許多人用的都不夠恰當。很多應加以考慮的最佳實踐常常被忽略，因為仍然有人不明白這些最佳實踐的真正意義。 如今有這么多的設...
(譯) 148 個資源讓你成為 CSS 專家 - 前端 - 掘金
迄今為止，我已經收集了100多個精通CSS的資源，它們能讓你更好地掌握CSS技巧，使你的布局設計脫穎而出。 CSS3 資源 20個學習CSS3的有用資源 CSS3 風暴 — 提示, 訣竅 和 技巧 20個非常有用的CSS3教程 令人激動的CS...
CSS 架構指南 - 前端 - 掘金
以命令式風格寫 CSS 會很快地導致下面的結果： 不夠清晰 —— 那些帶來了成噸混亂的東西，例如不清晰的依賴（難以刪除或者增加東西）, 不可維護 —— 當在創建新代碼或者改善現有代碼的時候效率低下， 重復冗余 —— 使得代碼臃腫而且對性能有負面影響， 大量的...
禁止用戶選擇的另一種思路（兼容 IE8） - 前端 - 掘金
user-select 前端開發中常常會遇到一種需求，讓某些元素的內容不能被選中，一般的做法會用 user-select: none 來做，由于 user-select 并不是標準的 CSS 屬性，所以使用的時候要加上瀏覽器的前綴。 .disabled-sel...
老司機教你更好的進行 CSS 編程 70 個技巧 - 前端 - 掘金
CSS 并不總是容易處理。 在你的能力和經驗不夠的時候，CSS編程會成為一個噩夢，特別是你不確定為頁面元素中選擇哪種選擇器的時候。使用一個不常見的CSS屬性以實現更好的語義化，沒有比這個方法更好用的更簡單的的實現減少代碼復雜度的了。 我們研究了一些很有用的CS...
如何實現 font-size 的響應式 - 掘金
本文樣式代碼采用 SCSS。 那么多的文章講了響應式的網站如何布局，使用 CSS 如何實現，如何 Blah Blah 的。但是，我們都忘了很重要的一點——對字體大小的響應式控制。 現在的很多網站，從布局上來說，盡管是響應式的(當然，或許可以說成所謂響應式的)...
用 CSS 實現驚艷的動畫 - 前端 - 掘金
小編推薦：掘金是一個高質量的技術社區，從 ECMAScript 6 到 Vue.js，性能優化到開源類庫，讓你不錯過前端開發的每一個技術干貨。各大應用市場搜索「掘金」即可下載APP，技術干貨盡在掌握中。 考慮一下以下的情景...
從 height:100% 不支持聊聊 CSS 中的 “死循環” ? 張鑫旭 - 鑫空間 - 鑫生活 - 前端 - 掘金
by zhangxinxu from http://www.zhangxinxu.com/wor... 本文全文轉載需購買版權(500￥)，摘要引流則免費，具體參見這里 一、從為何height:100%無效的回答說起 大家應該都知道，如果...
談談一些有趣的 CSS 題目（五）-- 單行居中，兩行居左，超過兩行省略 - 前端 - 掘金
開本系列，討論一些有趣的 CSS 題目，拋開實用性而言，一些題目為了拓寬一下解決問題的思路，此外，涉及一些容易忽視的 CSS 細節。 解題不考慮兼容性，題目天馬行空，想到什么說什么，如果解題中有你感覺到生僻的 CSS 屬性，趕緊去補習一下吧。 不斷更新，不斷更...
如何用 CSS 實現更好的頁面，如何成為高逼格前端。 - 前端 - 掘金
寫在最前 我們都是前端工程師，無論你現在是頁面仔，還是Node服務開發者，抑或是全端大神，毋庸置疑的是，我們都是前端工程師，我們生來就對追求頁面的極致擁有敏銳的觸覺，無論是頁面實現方式的高大上、頁面的極致的性能還是頁面完美的展現，都是我們孜孜不倦的追求目...
SCSS 迷你書 (上) - 前端 - 掘金
注釋 支持常規的兩種注釋方法; 1. //雙斜杠的單行注釋, eg : //這是一個圓角按鈕 2. /*/范圍注釋, eg: / 什么功能; 做什么用的; */ 設置文件編碼 編碼@charset "en...
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/112036.html
摘要：計算數組的極值微信面試題獲取元素的最終前端掘金一題目用代碼求出頁面上一個元素的最終的，不考慮瀏覽器，不考慮元素情況。 Excuse me？這個前端面試在搞事！ - 前端 - 掘金金三銀四搞事季，前端這個近年的熱門領域，搞事氣氛特別強烈，我朋友小偉最近就在瘋狂面試，遇到了許多有趣的面試官，有趣的面試題，我來幫這個搞事 boy 轉述一下。 以下是我一個朋友的故事，真的不是我。 ... ja...
摘要：探討判斷橫豎屏的最佳實現前端掘金在移動端，判斷橫豎屏的場景并不少見，比如根據橫豎屏以不同的樣式來適配，抑或是提醒用戶切換為豎屏以保持良好的用戶體驗。 探討判斷橫豎屏的最佳實現 - 前端 - 掘金在移動端，判斷橫豎屏的場景并不少見，比如根據橫豎屏以不同的樣式來適配，抑或是提醒用戶切換為豎屏以保持良好的用戶體驗。 判斷橫豎屏的實現方法多種多樣，本文就此來探討下目前有哪些實現方法以及其中的優...
摘要：我的職業是前端工程師入門不是應該很簡單嗎前端掘金入門前端，是一件很難的事嗎在今天，我也沒有想好一個答案，也不知道怎樣給出一個答案。其他不多說了，這次的內容主要深入理解及應用前端掘金幾種常見的邊框用法。 GitHub 上學習前端開發的資料（不定期更新） - 前端 - 掘金GitHub 上學習前端開發的資料（不定期更新）... JS 進階篇: 這可能是關于閉包最好的一篇文章 - 前端 - ...
摘要：我的職業是前端工程師入門不是應該很簡單嗎前端掘金入門前端，是一件很難的事嗎在今天，我也沒有想好一個答案，也不知道怎樣給出一個答案。其他不多說了，這次的內容主要深入理解及應用前端掘金幾種常見的邊框用法。 GitHub 上學習前端開發的資料（不定期更新） - 前端 - 掘金GitHub 上學習前端開發的資料（不定期更新）... JS 進階篇: 這可能是關于閉包最好的一篇文章 - 前端 - ...
摘要：掘金原文地址譯文出自掘金翻譯計劃譯者請持續關注中文維護鏈接獲取最新內容。由于以下的瀏覽器市場份額已逐年下降，所以對于瀏覽器技巧三視覺效果前端掘金揭秘學習筆記系列，記錄和分享各種實用技巧，共同進步。 沉浸式學 Git - 前端 - 掘金目錄 設置 再談設置 創建項目 檢查狀態 做更改 暫存更改 暫存與提交 提交更改 更改而非文件 歷史 別名 獲得舊版本 給版本打標簽 撤銷本地更改... ...
閱讀 1962·2021-10-25 09:48
閱讀 2780·2021-09-22 14:59
閱讀 1755·2019-08-29 16:52
閱讀 854·2019-08-29 16:07
閱讀 2297·2019-08-29 12:38
閱讀 1750·2019-08-26 13:23
閱讀 875·2019-08-26 11:49
閱讀 3264·2019-08-26 10:56
