Closed Rplus closed 8 years ago
Rplus
commented
8 years ago | power# | likes | comments | shares |
|---|---|---|---|
| # 1 | 128 | 27 | 23 |
2016-06-27T09:20:16+0000這是我自己研究的純CSS點擊下拉式選單、以及如何用CSS解決過程中遇到的一些問題，大家可以參考看看。（有放一個範例在CodePen上面: http://codepen.io/arthurtw/pen/KMarNG ）
國外有人嘗試解決這個問題，但iOS Safari的部份沒有解決。我有找出iOS Safari的解法，請參考文章內容。
: 純CSS點擊下拉式選單 純CSS可以很容易做到hover下拉式選單，但要做到clickable下拉式選單，通常都必須配合JavaScript。在此跟大家分享我自己研究出來的純CSS點擊下拉式選單，範例放在CodePen...
Rplus
commented
8 years ago | power# | likes | comments | shares |
|---|---|---|---|
| # 2 | 116 | 4 | 0 |
2016-06-28T04:42:36+0000「你要自己思考，你要做自己的設計，你要做自己的研究。」
「測量、測試、檢驗。而且，當你發現你的想法有道理的話，也不需要畏懼違反既有的準則。」有經驗的設計師幾乎都會認同，在 UI 設計的領域中，受到他人的啟發並不能與竊取創意畫上等號，有時候讓使用者掌握整個使用流程其實更為重要！
因此我們常常跟隨主流的腳步，但這篇文章列出了一些你可能會覺得是最佳的設計模式，而其實並沒有你所想得那麼好。
Rplus
commented
8 years ago | power# | likes | comments | shares |
|---|---|---|---|
| # 3 | 76 | 8 | 11 |
2016-06-29T05:18:58+0000大家好，因為上次開JavaScript進階課的時候，有些人對入門課程有需求，所以我決定再開一個「JavaScript與前端程式設計入門」的課程。
這個入門課程與一般課程不同的地方，是它還涵蓋了資料結構、演算法、網路協定等程式設計基本功，有興趣的人可以參考看看！（如果你有看過我之前寫的一篇「程式員求生指南：關於寫程式的二三事」，就會知道我為甚麼認為這些基本功很重要。）
以下是課程大綱：
- JavaScript
- Data structure and algorithm
- Network protocols
- HTML
- CSS
- DOM API
- Responsive web design
詳細內容請參考課程說明。
Rplus
commented
8 years ago | power# | likes | comments | shares |
|---|---|---|---|
| # 4 | 87 | 4 | 6 |
2016-06-29T00:26:07+0000Hi 各位大大們早！來分享最近的作品！
最近因為參加黑客松比賽，所以摸了一下新北政府的資料開放平台，其中找到了一個有趣的 API 於是就簡單的實作了這個簡單的網頁！
http://works.ioa.tw/taipei_activities/
這是項利用 新北市政府文化局藝文活動 API 所製作的台北 • 藝文活動。並且使用 php 將 API 資料取下來後編輯成 HTML 頁面，然後放置到 Amazon S3。
網頁排版的話就盡量參照 Material Design，並且做成 響應式網頁設計(RWD) 的版型，讓手機用戶也可以方便瀏覽與輕鬆操作。
切版是使用 compass 編譯 scss，頁面上的功能則是使用 JavaScript 完成互動功能，例如快速搜尋就是利用 jQuery 的 selector [name*=”value”] 模糊搜尋實作，再利用網址的 Hash 來做分類查詢。
系統排程會在每日上午 6 時去取得最新的活動資訊，而目前只爬取新北市政府的開放資料，未來會補上台北市的部分，若是有發現其他縣市的活動 API，也會一併整理起來！
以上若是覺得不錯，可以幫我在 GitHub 按個星星，鼓勵一下我吧：）
GitHub：https://github.com/comdan66/taipei_activities/
相關細項說明：http://www.ioa.tw/taipei-activities.html
更多作品：http://www.ioa.tw/
#藝文活動 #Material #RWD #Amazon| power# | likes | comments | shares |
|---|---|---|---|
| # 5 | 45 | 23 | 2 |
2016-06-29T08:38:54+0000各位大家好
米蘭營銷策劃正在徵" NodeJS 工程師 ", 歡迎參考看看
40K - 65K
Rplus
commented
8 years ago | power# | likes | comments | shares |
|---|---|---|---|
| # 6 | 71 | 2 | 0 |
2016-06-29T08:19:49+0000之前在網頁中內嵌程式碼時，都是使用css和Google prettify來幫程式碼上色，最近發現prism這個外掛還蠻好用的！可以選擇不同的風格，提供css和js檔可以直接套用在網站上，而且還可以加上行號或highlight某幾行程式碼，重點是還蠻好看的！
分享給有需要的人參考看看喔！【資源分享 - 給會在部落格撰寫程式碼的你】
最近逛MDN的時候發現它網站內嵌程式碼的樣式很好看，搜尋了一下發現幾個有名的網站CSS-Tricks和sitepoints都是使用Prism這個外掛幫程式碼上色的。
這篇文章和大家分享Prism使用的方法，讓大家在網頁中內嵌的程式碼更好看舒適！
Rplus
commented
8 years ago | power# | likes | comments | shares |
|---|---|---|---|
| # 7 | 48 | 2 | 5 |
2016-06-29T10:43:41+0000HTML5 Canvas Filters, 是對每個點純數學計算的
執行速度還滿快的
Rplus
commented
8 years ago | power# | likes | comments | shares |
|---|---|---|---|
| # 8 | 54 | 0 | 0 |
2016-06-27T09:22:44+0000【免費學習資源 ─ Adobe】
如果你知道更多與Adobe相關的優質免費學習資源，歡迎不吝與我們分享，我們會持續更新這個清單！如果你知道更多與Adobe相關的優質免費學習資源，歡迎不吝與我們分享，我們會持續更新這個清單！
Rplus
commented
8 years ago | power# | likes | comments | shares |
|---|---|---|---|
| # 9 | 53 | 0 | 0 |
2016-06-27T06:34:04+0000這一份網頁排版指南主要分三大部份及其下各小分節
介紹詳細，部份還會附上 CSS 範例
且參考資源、輔助工具眾多
對於提高網頁排版技巧非常棒 💪
* Typographic Design
* Fonts
* Web Style Guide
Typography Handbook
by Kenneth Wang
http://typographyhandbook.com/
#f2etw| power# | likes | comments | shares |
|---|---|---|---|
| # 10 | 6 | 20 | 1 |
2016-07-01T08:03:42+0000請問
<input type="button" value="AA" onclick="AA()">
var AA = function(){
var a = $(this).val();
alert(a);
}
我使用$(this).val(); 他是會錯誤的
使用$(this).text();會顯示空白
$(this).attr("value");會undefined
想請問
我如果要點擊button之後 button名稱會改成BB
該如何做會比較好?| power# | likes | comments | shares |
|---|---|---|---|
| # 11 | 3 | 15 | 0 |
2016-06-26T07:47:53+0000Hi 各位好，
請問大家在寫 javascript 時有遇過這類錯誤嗎？這樣實在看不出來問題出在哪裡，有解法嗎？謝謝！| power# | likes | comments | shares |
|---|---|---|---|
| # 12 | 17 | 0 | 4 |
2016-06-29T06:20:00+0000星期一從碼天狗看到這篇好文
https://blog.getify.com/promises-wrong-ways/
因為想趁機更了解promise就決定閱讀並且整理
讓自己從中可以往外延伸去研究
這篇文章主要是作者在常常使用promise後
把他覺得可能不大好的promise使用方式整理出來
不過可能還沒有太多我自己的實踐
所以有些地方也不完全能理解他怎麼認為會這樣發生？
總之大家可以參考一下這邊的整理，再去看原文吧（？
如果有明顯的邏輯錯誤也歡迎告訴我以便修正
謝謝
Rplus
commented
8 years ago | power# | likes | comments | shares |
|---|---|---|---|
| # 13 | 8 | 10 | 0 |
2016-06-26T13:13:16+0000想請問前輩們
為什麼這段程式 Blob 存進去的值，會跟讀取出來的值不同呢
Blob 內的值：[ 1, 2, 3 ]
FileReader 取出值：[ 49, 50, 51 ]
是有漏掉什麼細節沒注意到嘛 ?
如果用 Ajax 將此 Blob 送出，資料也會變成字串
但我希望在後端是收到原始的 binary value
( 附上 jsFiddle: https://jsfiddle.net/cvgjdn4b/ )
先感謝各位大大解惑囉 :D| power# | likes | comments | shares |
|---|---|---|---|
| # 14 | 14 | 4 | 1 |
2016-06-27T07:40:07+0000[Eslint for React Native]
前些日子在設定 eslint 時遇到了不少卡關, 不知道有沒有人跟我一樣撞牆過.
在此跟大家分享我的config.
Rplus
commented
8 years ago | power# | likes | comments | shares |
|---|---|---|---|
| # 15 | 3 | 12 | 0 |
2016-06-27T15:56:18+0000請問各位大大，如果要幫別人做一個網站，先不說對方有準備後台和前台環境的機器(server)，要在外面找個可以放置DB & WEB SITE 等等的網站環境，有什麼推薦的網站或文章可以爬一下嗎??
像是我 前台angular + jsp，後台 tomcat or nodejs 之類的，還有 DB支援程度都要考慮進去，這樣提供這些service 的網站會不會很找到呢?
說了這麼多就是...，各位是用去哪裡買空間可以把前後的環境都架好XD| power# | likes | comments | shares |
|---|---|---|---|
| # 16 | 20 | 0 | 0 |
2016-06-28T02:49:03+0000Rplus
commented
8 years ago | power# | likes | comments | shares |
|---|---|---|---|
| # 17 | 15 | 2 | 0 |
2016-06-29T09:52:40+0000【徵才文】
各位前輩好，我們是FinTech相關的新創公司WageCan，主要在做區塊鏈資產服務，希望打造跨國界的金融服務。
目前正在積極尋找網頁工程師，詳情請見：http://wagecan.weebly.com/
我們已經有明確的目標與產品，希望能找到更多強者加入，歡迎對數位貨幣或是區塊鏈技術有興趣的人來聊聊！
公司官網一併附上 https://wagecan.com/
有任何問題都能直接私訊我！也歡迎推薦人選或分享本篇貼文，謝謝：）| power# | likes | comments | shares |
|---|---|---|---|
| # 18 | 5 | 7 | 0 |
2016-07-01T13:47:38+0000請問這個網頁，在載入後每一個 grid 是以 masonry (瀑布流) 排版，但是他還加上一些動態效果(由下往上排好)，請問這是哪一類的動態效果呢？該用哪些關鍵字去找？
Rplus
commented
8 years ago | power# | likes | comments | shares |
|---|---|---|---|
| # 19 | 0 | 8 | 0 |
2016-06-27T06:25:07+0000請問要開發微信社交登入，成為微信開發者，有特別的資格限制嗎？| power# | likes | comments | shares |
|---|---|---|---|
| # 20 | 0 | 7 | 0 |
2016-06-28T18:23:26+0000can someone help me to check, I got blocked. Thanx
收集：07-07 票選：07-07 ~ 07-09