Rplus

Results 50 issues of Rplus

Recently, I'm not focus on pokemon go news always. So, I think I will be late to add some shiny pokemon. But the config could set pre-release date. e.g. https://github.com/Rplus/Pokemon-shiny/commit/d147bb052bdf6b2ac17700a78b66c41ee6f31541...

help wanted

https://github.com/Rplus/Pokemon-shiny/blob/master/src/i18n.js There are 4 languages in i18n file, but we have 7 languages for select in webpage. TODO: `FR`, `JA`, `KR`

enhancement

If select all now, it will take about 900 chars in pokedex string in URL. And it is okay now when it is not longer than 2000 chars (for IE)....

enhancement

I have a plan to re-make this tool. But I am tired to match all old images and new images So, I need someone to help to list all "new"...

help wanted

相對於製作一條新的團圓 IF 線 個人更欣賞這次《夢回仙劍》的劇情編排 會特地來回味仙劍一的族群大多已成年 也都多少學會了些處世經歷 而有些事遇到了,當然有各種方法去推拖閃躲飄 但,總是有那麽些時候 得硬著頭皮去面對、去接受、去妥協 討厭的事如此,悲傷的事亦如此 人生,如此 這次的主角是李逍遙 真正活在現實的也只有李逍遙 這段美好卻無法流連的旅程 也正是他跨過悲傷、重拾自我的一段療程 ---- 在那叫天天不應的巨大悲慟衝擊後 迫使了他封閉了過往記憶 以此來否認天人永隔的殘酷現實 一開始可以看到失憶的李逍遙少年開朗、有著大俠抱負 也會為了旁人受欺伍而主動跳出來幫忙 性情依然如此活潑、也自戀如昔 但在記憶慢慢回復後 他就開始變得畏手畏腳的 想乞求、想希望,憾事不會再次發生 曾經無力逆天而行的沮喪 想必也隨著記憶復甦而鋪天蓋地般再次掩來 ![](https://i.imgur.com/tBkdtJQh.jpg) 但,所幸 兩位女主角都是這麽的美好...

筆記
ACGN

前些天抽空參考 Codrops Collective 的封面做了個 CSS 動畫版的 要看錄的示範影片請到 [Twitter](https://twitter.com/RplusTW/status/1122217782685224961) Codrops [原圖](https://twitter.com/codrops/status/1107666194935492609): ![image](https://user-images.githubusercontent.com/1808835/56870135-441fe100-6a3d-11e9-937c-e05c6e6c3275.png) 因為最近寫 code 都沒在錄影 而且這玩意算數學也稍微花了一些時間 錄起來應該會像停格一樣吧 XD 下面回憶/記錄一下自己的製作思路: ## 1 基板 看到圖形時 就大概有個概念弄個一堆點點 然後配上不同的 `scale` 數值,讓它們有不同的尺寸 主要的思考是在於需不需要使用 CSS Grid 因為其實主要圖案的排版也不難...

筆記

因為 FB 寫了篇英翻中的介紹文, https://www.facebook.com/photo.php?fbid=1118960684838380 就順便來整理一下自己在使用的中英對照翻譯流程 > PS: > 這主要是為了練習英文,並不是為了要看中文 > 我自己看英文是比較需要跟著讀才有辦法閱讀快些 XDD > 所以利用這個中英對照的技巧,我可以加速理解文章所表達的概要,再視情況看英文細讀 我用的是 Chrome,也只會講 Chrome, 接下來以這篇文章為例: Let’s Write Beautiful CSS Comments http://seesparkbox.com/foundry/lets_write_beautiful_css_comments 會先講講思路順序, 再來談談怎麼自動套用~ ## 1. 瀏覽器內建翻譯 ![image](https://cloud.githubusercontent.com/assets/1808835/15271521/4eaa595c-1a81-11e6-8903-eeaaac2ba9ba.png)...

新文

![](https://images.weserv.nl/?url=//i.imgur.com/BLWaUEG.png&w=300 "cover") ## 0. 前言 這是上週六(12/25) [網友線下聚會](https://www.facebook.com/100001733786295/posts/1309382185796228)(?) 時,我所負責撰寫的 UI 部份 這次玩得挺開心的, 不論是大家拼命調整開發環境、或是對細節精雕細磨都超有趣的 XD 不過更棒的是, 最後大家在分享時都非常熱心地介紹自己使用的技巧,也都樂於提出建議~ 希望下次還可以繼續一起約出來玩~ 至於我負責的畫面可以先看看實作完的 demo: Pokédex in CSS grid [[[pen slug-hash='MbddMe' height='300' embed-version='2']]] ps: 這篇效果應用了些許新的 CSS 規格,不保證所有瀏覽器皆正常顯示...

新文

分兩種 一種是 `div` 另一種是 `input` & `textarea` ref: https://stackoverflow.com/a/2897510 ## `input` 的 https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement `input.selectionStart` 是 caret 的位置 若是一般的 caret 位移(非選取模式),則該值會與 `input.selectionEnd` 相同 所以若是要取代 caret 左邊字元的話,就: ```js let index = input.selectionStart;...

新文
筆記