21 種按鈕的 Hover 動態效果(請點擊 view demo 查看)
包含手繪、高速動態、否定、對話框等等
以前很常使用開發者工具檢視及拆解
對於 CSS 的進步相當有幫助
大家也可以試試看喔
css點擊 在 紀老師程式教學網 Facebook 的最佳貼文
[書籍推薦] 紀老師技術審校的一本書:「零基礎寫程式」(文末有彩蛋...again...喔~)
博客來網址: https://bit.ly/33tzUxU
--------------
終於把這本書「熬」出來了~~~哈哈哈!(灑花)
今天要介紹給大家的,是我負責做技術審校的一本書:「零基礎寫程式」。承蒙大是文化徐小姐不棄,三個多月前找上我,願意讓一介教程式設計的補習班老師,擔任「技術審校」這麼重要的職位。
中間雖然歷經幾次的趕稿地獄...咳咳咳...呃...是愉快的審校過程... XD ... 看到厚重的書籍寄到我手上,還是很感動淚目啊~~(回首遠望)
先用我的觀點介紹一下這本書:這本書用「瑜珈課程首頁」這個範例貫穿全書。教你如何用 HTML、CSS、JavaScript 這些網頁程式設計相關語言,打造出一個「能吸睛賺錢」的首頁來。所以,如果您沒有程式設計基礎、剛好又想學寫網頁的話,本書是不錯的開始!
原作者是「日比野 新」,有 30 年的工程師經驗,其間也教了 15 年的程式設計課程。目前獨立創業,是「侍‧工程師培訓班」(「侍」是日文「武士」的意思)的講師...咦?好像在自我介紹喔...XD 總之,我的經歷跟他很像。也是教了快 30 年的補習班,目前也是獨立創業中。雖然沒有見過他的面,不過從字裡行間,可以感受到那種對學員不厭其煩叮嚀(囉唆?XD)的親近感。
來聊一點審校期間的小八卦...這次審校時,為求與原稿正確無誤,我還要求書商提供「日文原稿」給我。然後用我看動畫 20 年練出來的 N87 日文能力(哈哈),同時對照「日文稿」、「翻譯稿」、跟我手上的「審校稿」。過程中最好玩的是,學了不少程式設計的日文漢字。像「関數 = 函數」、「役割 = 角色」...等等。感謝譯者讓我有中文稿可以對照,否則我應該會被一堆外來語片假名淹沒... XD。
如果您對這本書有興趣的話,可以點擊上方博客來的連結,用「試閱」功能瀏覽一下。您對書籍內容有什麼疑問,我雖然不是書商,不過整本書翻來覆去也看了不下幾十遍,我可以盡力回答您喔~當然,更歡迎大家直接在博客來選購,支持一下程式設計這個領域的好書!
感謝各位把這篇囉唆的推薦文看到現在,來宣布彩蛋是什麼囉~由於我收到書商兩本贈書,除了一本留做自用外,另一本想提供給網友抽獎。只要您在下方留言,說明為什麼對這本書有興趣,我將會用「粉絲頁抽獎機制」,抽出一名幸運網友,免費贈送您一本喔!留言期限至 2020/08/12 23:59:59 為止。得獎名單將在 2020/08/13 公布喔~喜歡的朋友不要錯過~
希望這次的活動,您也一樣喜歡!祝福大家在程式設計的學習道路上,收穫多多!
PS: 本文歡迎轉發、按讚、留言鼓勵我一下!您的隻字片語,都是讓我繼續提供好物的動力喔!
--------
看更多的紀老師,學更多的程式語言:
● YOTTA Python 課程購買: https://bit.ly/2k0zwCy
● YOTTA 機器學習 課程購買: https://bit.ly/30ydLvb
● Facebook 粉絲頁: https://goo.gl/N1z9JB
● YouTube 頻道: https://goo.gl/pQsdCt
如果您覺得這個粉絲頁不錯,請到「評論區」給我一個好評喔!
https://www.facebook.com/pg/teacherchi/reviews/
css點擊 在 別家門市 Facebook 的精選貼文
「問卷調查總整理&留言問題回覆(文han長)」
調查結果如下:
https://www.surveycake.com/admin/tw/survey/vRwdO/report?v=a4ae6c7cedb39999eebb83cff4eca6bb&layout=P
總之非常謝謝大家在這個週末花時間幫我填的問卷
裡面有非常多的留言我都有一個一個看
你們的留言真的非常暖心給了我非常大的鼓勵
不誇張,我看你們的留言真的有看到哭,真的哭
也有非常認真給我建議的讀者們,真的非常感謝
有很多人都非常關心我的身體狀況
除了本業之外
下班時間還花時間畫圖不要操壞身體
我都感受到了,非常的感動~
裡面還有一些從我剛經營粉專就開始追蹤我的粉絲
看到你們有來特地留言我真的打從心底感謝你們
謝謝你們陪著我一起成長,到現在開始逐漸壯大
你們真的是我背後最大的靠山,有你們在我就安心~
至於留言裡面有一些透露自己也是圖文插畫家的人
有報出名號的,放心!
之後我都會找時間去跟你們接觸的^^
真心覺得這個問卷調查在情人節前後真的很適合
因為你們充滿溫馨的留言就是我最美好的情人節禮物~
______
藉由整理之後
關於之後圖文的主題發展:
看到這樣的比例
感覺是快到半半分
所以為了滿足大家的的需求
這邊可能未來10篇裡面,8-9篇超商,1-2篇角色互動
就算是角色互動,也是盡量不會偏離超商題材太遠
最後再視情況穿插一篇其他服務業日常
有得到一些可以加強的空間:
大多都是得到“想看到更多圖”的回饋XD
這邊小妹我當然也會開始提高畫圖的效率
雖然不能夠一天一則
但是最少可能可以達成一星期兩則
(當然也會排除有時候的一些不確定因素)
再來就是故事的設定以及文字表達
因為我已經離開超商大概有3年多了
所以可能會沒有辦法跟上現在超商的一些即時消息
只能從舊有的一些時事去創作
這邊也可以呼籲現值的店員夥伴們私訊給我一些不一樣的梗喔~
再來就是“錯字”這個部分了
我相信長期關注粉粉專的讀者們都有察覺
雖然有些人覺得這是一種萌點
但我的錯字實在是太多太多了
多到有點想揍自己的衝動
XD
在這邊我也會開始鄭重審視我的圖文以及發文狀態
盡量不要再有錯字出現在圖文裡面
如果還是有出現的話麻煩各位在幫我挑出來一下XD
之後也會多多回應大家的留言
之前沒有回應是因為回應量太多
一個人可能沒有辦法回覆完全部
怕沒有被回覆到的讀者心理會不平衡
所以之後就沒有回了
之後如果有沒有被回覆到的人真的千萬不要傷心
因為我真的每個留言都有看到,只是可能沒時間回覆
另外圖文的呈現方式:
我看到大家基本上都是希望以長條呈現
這樣的話之後的圖文小妹我將採取長條式的短漫呈現
由於每篇漫畫大概的是由5-10格圖去組合
FB上面的畫質會吃得很死
直接上傳會很像一條不知道是什麼的長條圖(?)
所以之後的呈現方式將會是先放一張主題文字的圖
而短漫將會生成一個連結貼在文章敘述最上方
請大家到時候再點擊連結去看大張的長條漫
可能閱讀上會有些不習慣
但為了可以更進步,希望各位可以慢慢來適應
題外話,最近我有發現電腦版FB在觀看圖文的時候
圖片跳轉的順序會亂跳,不知道電腦版讀者有沒有這樣的感覺
為了預防這樣的現象,可以先用手機來做瀏覽
關於未來抽獎禮品:
看大家好像都是希望送貼圖居多
我之後應該也是會做些周邊來送給大家~
周邊的話目前應該會先以壓克力吊飾為主
另外有看到有人建議可以送簽繪版
真心覺得簽繪板也是個好選擇
(突然也想順便練練自己的手繪能力了)
關於未來可以合作的圖文插畫家:
超商怪事多跟米開已經算是很熟的同業合作夥伴
未來要合作當然是沒有問題的!
(當然也是要看他們的意願啦~)
其中有些未來有機會還是會去洽談看看有沒有意願~
不過還是有些插畫家實在是太大咖了
小妹我的勇氣梁靜茹還沒給我
所以太大咖的我可能還沒辦法,小心臟會承受不住QQ
留言問題回覆:
(我挑了大家問得比較多的問題來回答)
___
1 可以常常更新圖文嗎?
因為是花工作之餘的時間來畫,雖然不會一天就更新一則
但是之後至少一星期會更新1-2篇
再請大家多多支持~
___
2 士君可以保持單身嗎?
目前粉專角色除了李顧問之外
全部角色都是設定單身,這點請大家不用擔心^^
___
3 門市的角色會有感情線的配對嗎?
應該是不會有喔,既然他們設定永遠單身
就不會有一些多餘的戀愛線跑出來
主要的故事都還是會以超商生活為主喔
大家都是感情很好的夥伴關係
不過小妹我這邊不會干涉大家的自由,請自行發揮
___
4 作者有考慮露臉嗎?
在FB跟IG都不會露臉喔,因為畢竟是圖文性質嘛
如果好奇的話可以直接看蔡茉莉這個角色
這個角色設定就是直接拿我來創造的
身高生日星座都一樣喔
未來如果有擺攤或是跟讀者有見面機會的話
也許就會公開露面了,不過真的不用那麼好奇
就是一般的女子XDDD
___
5 想知道作者現在的工作是什麼?
我現在從事網頁設計一職
專門寫html跟css以及一些js套件運用
講簡單點就是做市面上大家很常看的一些活動網頁
工作性質關係所以也很常跟後端工程師配合專案
“顏士君”這個角色就是參考身邊的工程師同事創造出來的喔~
___
6 請問願意接非商業委託嗎?
非商業委託可能是要看哪種類型的喔
因為這個粉專主要是超商日常為主,業配型委託可能沒有辦法
但是如果只是私下接簡單的插畫,也許可以幫忙~
不過還是需要看看時間,因為也不一定每次都會有空閒時間
如果有需要都還是可以私訊給我~
___
7 作者有沒有考慮在webtoon連載或是出實體書?
因為能畫圖的時間有限,所以很怕去接觸那種需要長時間連載的平台XD
所以目前還是以休閒系更新粉專為主~
至於實體書的部分,對於實體書可能需要長時間去塞裡面的內容
一想到這樣的繪圖量,真的不確定自己能不能勝任,所以也是先pass~
___
8 不知道怎麼稱呼作者名字?
因為我的英文名字是Molly
請大家直接叫我Molly或是茉莉就可以了
別再叫我大大什麼的,小妹我承擔不起XD
就當是在稱呼朋友那樣就行了~
___
9 作者會繼續出貼圖嗎?
最近第一波剛發售,所以短時間內應該不會再畫第二波
畢竟貼圖也是需要想實用的貼圖梗才可以哈哈
但是未來沒有意外的話應該還是會繼續推出新的貼圖
這點請大家不用擔心~
未來的日子也請各位多多指教!!
css點擊 在 css-animation/当点击按钮时,按钮产生按压效果.html at master 的推薦與評價
利用css3的transform, transition, animation实现页面中简单的动画效果- css-animation/当点击按钮时,按钮产生按压效果.html at master · xm2by/css-animation. ... <看更多>
css點擊 在 javascript-點擊按鈕改變圖片-利用button帶值_function接值 的推薦與評價
![影片讀取中](/images/youtube.png)
意如老師教學分享!!想與我合作請寄信件至:Emai→ [email protected]頻道訂閱→ youtube.com/c/石意如FB→https://www.facebook.com/coolcat826. ... <看更多>
css點擊 在 CSS:active點擊事件妙用| 程式狂想筆記 的推薦與評價
一般我們學CSS很常看到:link,:active,:visited,:hover這幾個很常用在a不過今天我看到一個範例是用:active對div做點擊換背景事件! ... <看更多>