About charliekaku

該作者尚未填入任何詳細資訊
So far charliekaku has created 145 blog entries.
8 07, 2022

CSS selector by inline style attribute

By |2023-04-11T19:13:25+08:002022 年 7 月 8 日|六邊形戰士|0 條評論

老查理最近換了新工作，雖然換得心不甘情不願的，但工作就是工作，面臨到的挑戰還是要嘗試處理，對我來說，解決問題的快樂也真的是工作中的一大醍醐味...Anyway聊遠了，趕快進入正題： 新公司是家做教科書參考書的廠商，今天有個說大其實雞毛蒜皮，說小其實也挺讓我三條線的問題：一個給老師用的線上出考卷系統正在改版。因為是出版商，注重排版、並且以操作word為生命意義的編輯們要提供考題，全部都是word格式，題目會經由第一代開發商所提供的固定WORD表格，再經由某個神祕的轉檔程式存進題庫，經過老師挑選題目、配分，最後系統幫你組成個完整的試卷word檔；或是可在web考試的測驗頁面。 可能是內容產出必須迎合WORD或是HTML兩種可能需求之類的理由，第一代廠商在處理html時就是暴力的下了很多 inline style，像是數學式常見的上下標表現，10-18這種的作法是這樣： 10 − 18 可以看到font-size還是指定pt為單位，線上測驗的效能與體驗也很糟糕，感覺一整個重點就是為了組WORD試卷的產品。 [...]

閱讀更多
13 06, 2022

用【OGSM】管理法有條理的管理工作目標、策略、與執行方針

By |2023-04-11T19:33:41+08:002022 年 6 月 13 日|老頭拚工作|0 條評論

工作會議時由同事提出的新管理法，並希望部門下一階段的工作目標可以此方式進行....基本上呢，我總覺得這類的管理法工作法的各種變來變去，每隔一段時期就會有人提出個新名詞巴拉巴拉翁媽咪媽咪鬨的 都是來賣書的 不過如果有情境可以練習，或許也真的有甚麼奇效也不一定。等之後實行一段期間，練習夠了再來寫寫心得囉。

閱讀更多
23 05, 2022

利用JQuery讓Embed的YT影片RWD

By |2022-05-23T19:18:08+08:002022 年 5 月 23 日|玩樂WordPress|0 條評論

剛開始接觸WordPress時，在文章內Embed Youtube 影片最常遇到就是：因為<iframe>語法內指定了寬高， 所以當指定了適合desktop瀏覽的寬度時，mobile上會超出手機寬；指定適合mobile的寬度時，desktop看又會太小的問題。 解法搜尋一下就可以看到滿多教學，大致上就是在<iframe>外面多包一層<div>，透過CSS先設定<div>高度為0，再用padding-bottom這個屬性設成div寬度的56.25%(就是16:9)來實現RWD的效果，如下程式碼 .video-container { position: relative; padding-bottom: [...]

閱讀更多
25 04, 2022

使用WP_Query取得WordPress Portfolio特定Category下的文章數量

By |2022-05-23T18:28:23+08:002022 年 4 月 25 日|玩樂WordPress|0 條評論

過去工作中使用WordPress的大多數情境都是使用Theme + Plugin完成特定需求與目標。實際進入【程式】的實作案例並不多。這樣的模態並不是不好，但實務上經常會遭遇一些困擾： 受限Theme本身，導致一些想要完成的功能需要另行尋找plugin解決 但plugin可能屬於付費要多花一筆錢，又或者太大組，本來其實只是要殺雞的，卻去買了牛刀，總覺得有點不符合效益 最近一個案例就是如此：這個案子使用avada Theme 的prebuilts demo:  influencer [...]

閱讀更多
21 02, 2022

台灣土地開發集團-台灣綠建股份有限公司

By |2022-05-25T00:53:05+08:002022 年 2 月 21 日|工作經驗|0 條評論

相關專案待整理 [fusion_portfolio_cpt layout="grid" picture_size="default" text_layout="default" cpt_post_type="avada_portfolio" cus_taxonomy="avada_portfolio__portfolio_company" cus_terms="portfolio_company__%e5%83%8f%e7%b4%a0%e6%95%b8%e7%a2%bc%e5%a4%9a%e5%aa%92%e9%ab%94" cus_terms_exclude="" grid_box_color="" [...]

閱讀更多
Go to Top