タグ MOL
人気順 5 users 10 users 100 users 500 users 1000 users子どもに「molって何?」って聞かれて説明を繰り返した結果「明太子の卵はいちいち卵何個と数えずに明太子一本って数えるのと同じ」と言ったら理解してくれた - Togetter
布 @mizonozomizo 友人の姪っ子に「molって何」って聞かれてあーでもないこーでもないと説明を繰り返した結果、「明太子の卵っていちいち【卵何個】って数えずに、【明太子一本】って数えるでしょ、あれ」っていう説明で通じた。 2021-06-14 19:14:25 続きを読む
Webフォント読み込み戦略(2021年) - MOL
Preload web fonts 前回、といっても2年前だが、display=swapとはなにかで、Google Fontsを読み込むときはURLパラメータに display=swap をつけるといいよと言った。というわけで、それ以降、『目標をセンターに入れて、display=swap…』と盲目的に考えるようになってた。 おさらいとして display=swap では、まず代替フ... 続きを読む
サンタ訪問後に老人ホームで集団感染、入居者26人死亡 ベルギー 写真1枚 国際ニュース:AFPBB News
サンタクロース(右)と赤鼻のトナカイのビスケット(2020年12月17日撮影、資料写真)。(c)Ina FASSBENDER / AFP 【1月1日 AFP】ベルギー・モル(Mol)の老人ホームで、サンタクロースに扮(ふん)したボランティアの訪問後、入居者少なくとも26人が死亡した。ボランティアはその後、新型コロナウイルス検査で陽性となっ... 続きを読む
display=swapとはなにか - MOL
Shipped! @GoogleFonts now let's you control web font loading using font-display. Say hello to the display parameter What's font-display? https://t.co/Q7RDeESwkm pic.twitter.com/sn27ySza1B — Addy Osmani (@addyosmani) May 15, 2019 Google I/0 2019に参加してきたのだが、Google Fontsがfont-display: sw... 続きを読む
Webエンジニアからみたカナダワーキング・ホリデー - MOL
実際のところ、ワーキングホリデー期間はまだ8ヶ月間残ってるのだが、5月に歯が欠けて直すのに2、3000ドルかかるっぽいことを歯医者に言われて、就活もうまくいってなかったところ、心が折れてバンクーバーから日本におめおめ帰国したのだ。 歯は欠けたのはイレギュラーなこととはいえ、目標であった海外就職も叶えることができず、不甲斐なさで一杯だが、就活もうまくいってなかったのは事実なので、なぜ失敗したのか自分... 続きを読む
【翻訳】Web世代のデベロッパーのためのmake - MOL
Original:Make for the Web Generation (2015-02-28)by Casper Beyer イントロ JavaScriptの普及に伴いビルドツールが盛んだ。人気なものをいくつか挙げれば、grunt、gulp、slush、broccoliやbrunchなどがあるが、結局、名前をつけただけにすぎない。 多かれ少なかれ、これらのツールはファイルコピーからzipファイ... 続きを読む
そんなに目新しくもない技術でWebアプリをリニューアルした2015年春 - MOL
世間はReactの話題で持ちきりのようだけど、Backbone.jsでStyleStatsのWebアプリをリニューアルした。以上で伝えることは終わったが、リニューアルするにあたってつらかったことをつらつらかきとめておく。 StyleStats - An evaluating tool for writing better CSS そもそもBackbone使うほど複雑なアプリでもないんだけど、勉強が... 続きを読む
Grunt/Gulpで憔悴したおっさんの話 - MOL
先人たちが1年前に通った道で、いろいろいまさらかよって話なんですが。基本的に以下の記事読んだら分かります。要はGulpとかGruntといったモノ使わずにnpm run hogehogeでビルドしよーぜって話です。 task automation with npm run オレ的Gruntに対する最新の気持ち - from scratch Node - npm で依存もタスクも一元化する How t... 続きを読む
【翻訳】ビジュアルデザインはつまらなくなってしまったのか? - MOL
Original:HAS VISUAL DESIGN FALLEN FLAT? (2015-01-20)by Emmet Connolly 2013年から2014年の劇的なUIフラット化により無数のピクセルが流れ落ちていった それはビジュアルデザインにおいて非常に大きな変化だった。Microsoftの急進的でモダンなMetro UIはその前兆だった。iOS7のリリースよって大衆化し、UIのトレンド... 続きを読む
【翻訳】デザインエンジニアリング — MOL
原文:Design Engineering(2014-11-25)by Jonathan Snook JavaScriptだけがフロントエンド開発ではない。それはデザインとディベロップメントの技術が人種のるつぼのように融合したものである。それはアクセシブルなUIを実装するためであり、Web標準を受け入れるものである。 — Matt Hill Shopify Adminの開発に関して言えば、最近まで... 続きを読む
Webエンジニアからみたフィリピン語学留学 — MOL
こんちわ、無職の@t32k だよ。6月初めから10月末まで、まるまる5ヶ月間(22週間)フィリピンに語学留学してきたので、今回は思いの丈を綴ってみるよ。 書いてみて思ったけど、特にエンジニア関係なかったわー。 ※ 2014年6月から2014年6月10月までのマニラでの出来事である。1ペソ=2.4円で計算してある。 ぼくがなぜフィリピンに行ったのかは、こちらの記事を参照してね。簡単に言えば、エンジニ... 続きを読む
修正しやすいCSSとは — MOL
修正しやすいCSSとは 『CSS設計の教科書』はモダンCSSを探る最適なマップ @hilokiという男がいる。この男と初めて出会ったのは7年前だろうか、当時細々と石川でブログを書きながらWebデザイナーをしていた僕に初めて勉強会で声をかけてくれた人物である。 それ以来、当時彼が住んでいた大阪の勉強会と石川の勉強会で互いに参加しあったりして親交を深めていった。ついには2年という短い間ではあったが、某... 続きを読む
Sketch3ハジメマシタ — MOL
Sketch3ハジメマシタ こんちわ、無職のt32kさんだよ。今日は職を失ってお金もないのでAdobe Creative Suiteに代わるソフトを探そうって話だ。そうゆうことで、いま世間を騒がしているSketch.appを触ってみたよ。 Sketchってどんなソフトかはこもりさんの紹介動画を見てみるとよい。ついでに、こもりさんが書いている『Sketch 3 Book for Beginner』電... 続きを読む
StyleStats — MOL
スタイルシートの統計情報を出力するNode Packageを作った。 t32k/stylestats Node.js 0.10以上が必要で、CLIだとこんな感じの情報を出力してくれる。 $ npm install -g stylestats $ stylestats path/to/stylesheet.css StyleStats! ┌──────────────────────────┬───... 続きを読む
今どきのGruntを使ったフロントエンド開発(HTML/CSS編) — MOL
SassなどのCSSプリプロセッサを使うWebデザイナが増えてきました。Sassをコンパイルするだけなら黒い画面(ターミナル)を使わずともGUIアプリからの利用で問題ありません。が、ここは一歩踏み込んでGrunt(JavaScript製のタスクランナー)を使って、Sass以外のコンパイルやライブリロード、画像最適化、CSSのリントやスタイルガイド生成など、あらゆる作業をGruntに任せてより効率的... 続きを読む
HTTPリクエストを減らすために【終章】我々には1000msの猶予しか残されていない | MOL
このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっております。 【序章】HTTPリクエストは甘え 【CSS Sprite編】スプライト地獄からの解放 【WebFont編】ドラッグ&ドロップしてコマンド叩いてウェーイ 【DataURI編】遅延ロードでレンダリングブロックを回避 【終章】我々には1000msの猶予しか残されていない 最終日は、我々フロ... 続きを読む
HTTPリクエストを減らすために【DataURI編】遅延ロードでレンダリングブロックを回避 | MOL
このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっております。 【序章】HTTPリクエストは甘え 【CSS Sprite編】スプライト地獄からの解放 【WebFont編】ドラッグ&ドロップしてコマンド叩いてウェーイ 【DataURI編】遅延ロードでレンダリングブロックを回避 【終章】我々には1000msの猶予しか残されていない 4日目は、本ブログ... 続きを読む
HTTPリクエストを減らすために【WebFont編】ドラッグ&ドロップしてコマンド叩いてウェーイ | MOL
このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっております。 【序章】HTTPリクエストは甘え 【CSS Sprite編】スプライト地獄からの解放 【WebFont編】ドラッグ&ドロップしてコマンド叩いてウェーイ 【DataURI編】遅延ロードでレンダリングブロックを回避 【終章】我々には1000msの猶予しか残されていない 3日目は、スマホ環... 続きを読む
HTTPリクエストを減らすために【CSS Sprite編】スプライト地獄からの解放 | MOL
このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっております。 【序章】HTTPリクエストは甘え 【CSS Sprite編】スプライト地獄からの解放 【WebFont編】ドラッグ&ドロップしてコマンド叩いてウェーイ 【DataURI編】遅延ロードでレンダリングブロックを回避 【終章】我々には1000msの猶予しか残されていない 2日目は、HTTP... 続きを読む
HTTPリクエストを減らすために【序章】HTTPリクエストは甘え | MOL
このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっております。 【序章】HTTPリクエストは甘え 【CSS Sprite編】スプライト地獄からの解放 【WebFont編】ドラッグ&ドロップしてコマンド叩いてウェーイ 【DataURI編】遅延ロードでレンダリングブロックを回避 【終章】我々には1000msの猶予しか残されていない 1日目は、HTTP... 続きを読む
CSS Sprite画像はDataURI画像にすべきか? | MOL
最近、スプライト画像はDataURIにすべきですか?という質問が多くて、調べてみました。てか、前のもそんな話題があったような。 DataURIってなんぞって方は下記を見てほしい。 データURIスキーム | MOL CSSファイルがパースされなければレンダリングが始まらないのでCSSファイルの肥大化は絶対に避けなければならない。画像の1KBとCSSファイルの1KBを同じように考えてはいけない。 ぼく... 続きを読む
ぼくのかんがえたさいきょうのしーえしゅえしゅ | MOL
俺ももう30だし、夏なんで、CSSフレームワークはじめました。 とりあえず、UIエレメントとか作ってないし、CSSフレームワークとか言いながら、GithubのLanguage Staticsは98.3%、JavaScriptってな感じでGrunt Taskばかり充実してるような感じです、現状。 とりあえず、設計方針としてはマシなCSSを書くことを目標としている。この一年、スマホアプリのHTML/C... 続きを読む
サイトの速度 | MOL
Stopwatch | By wwarby Flickr! こんにちわ、あなたのt32k、ごきげんいかがでしょう。みなさんはスマホWebアプリ作っていて、自分の作ったものは速いのか遅いのか気になりませんかね?僕は木に泣くりまくすてぃです。 そうゆうわけなもんで、表示速度とか計測してみようって話になるじゃないですかー、まさかストップウォッチで計測しないとは思うんですけど、一応どのようにスピードを計測... 続きを読む
ソーシャルボタンはお友達さ(・ω | MOL
ども、実兄からFacebook友達申請きて承認を見送るt32kです。そんなソーシャル時代ですけどみなさんいかがお過ごしか?みなさんはこうは思わないだろうか?いいね!ボタンなどのソーシャルボタンはいっぱいあるけど、どうゆうふうに実装すればいいのよ!スニペット、コピペでいいの?ってね。そんなこと考えていたら、いい記事があったので翻訳してみたよの巻。 原文:Social button BFFs / St... 続きを読む
document.writeでSCRIPTを書き出すなやで! | MOL
原文:Don’t docwrite scripts | High Performance Web Sites 投稿日:2012-4-10 by STEVE SOUDERS 昨日のブログ記事のHTTP Archiveが速くなっている、大きな要因の一つとしてはスクリプトローダーを使用しないことです。そのスクリプトローダーとはスクリプトを動的に読み込むためにdocument.writeを使用しているもの... 続きを読む