タオルケット体操

サツバツいんたーねっとでゲームとかガジェットのレビューとかをします

デザイン

Japont (日本語Webフォントのダイナミックにサブセット化するやつ)のサブセット化部分だけを分離してモジュール化したよ

Japontが行っているフォントのサブセット生成処理を、静的なタスクからも利用出来るようにモジュール化 & コマンドラインツール化したという話と使い方とか

はてなブログの脚注のツールチップを見やすく、カワイイにするCSS

前置き はてなブログは(())で囲むことで脚注*1をつけることができます。 この脚注、ブラウザ標準のツールチップで読めるんですけども、出てくるのが遅いし、小さくて読みにくいし、見た目が可愛くないですよね。 というわけで無理矢理ツールチップを追加する…

Lainで使われていたフォントが無料配布されてた

今更ってレベルでもねー(十数年越し)ですが、小中千昭さんのホームページで配布されていることを知りました。 その名も「Love Letter Typewriter」。 serial experiments lain 時代を感じさせますね、Resourcesのリンクから飛べます。 Mac用とWindows用両…

モダンなJavaScriptの開発環境構築の一歩目の話をした

社内勉強会をやりはじめたはなし - タオルケット体操 に続いて、社内勉強会第二回目の講師をやりました。以下がスライドになります。

記事上にファンシーなソーシャルボタンを設置出来るスタイルを自作テーマのCinnamonに導入した

各SNSデフォルトのシェアボタンって見た目がダサい はい。 各SNSのデフォルトのボタンリンクって、野暮ったくて全然可愛くないですよね。特にフラットなデザインで作ったサイトだと浮きます。シェア数とかの表示も邪魔っけです。 というわけではてなブログ用…

社内勉強会をやりはじめたはなし

先日JavaScriptの勉強会をやりました。 なぜ急に勉強会をやりはじめたかというと、 うちの社内に勉強会の文化をねじ込んだらどうなるか見てみたかった 現状の各チームの没コミュニケーションが非効率すぎるので解消して、情報を共有する下地を作りたい 今の…

はてなのテーマのCinnamonをプロフィールのカスタムに対応させた

Cinnamonというレスポンシブなはてなテーマをつくってみた - タオルケット体操 Cinnamonというレスポンシブなはてなテーマをつくってみた - タオルケット体操 自己満のために作成したはてなブログのテーマなわけだけども、なまじフラットっぽいシンプルなデ…

text-renderingのoptimizeLegibilityとtext-alignのjustifyは同時に使わない方が良いかも

そもそもtext-renderingとtext-align: justifyってなんだ text-renderingプロパティ 詳しいところは別途調べて頂きたいのですが、text-renderingはその名のとおり文字のレンダリングを指定するためのCSSプロパティです。 いくつか値があるのですが、optimize…

ノンデザイナーズ・デザインブックは万人におすすめできる良書

ずっと気になっていながらもめんどくさくて買っていなかったノンデザイナーズ・デザインブックが、Kindleで出ていることを知ったので買って読んだ。ああ素晴らしきはアマゾンキンドルポチりングスタイル。 非デザイナー、非エンジニアでも読んでおいて損はな…

Cinnamonというレスポンシブなはてなテーマをつくってみた

今設定しているやつです。 見ての通り地味なテーマです。 Cinnamon - テーマ ストア - はてなブログ はてなはレスポンシブなテーマじゃないとスマホの表示がダサくなるんですよね。 ただ、既存のレスポンシブテーマはviewportの設定に対応していなかったりと…

CSSのわからないを解決する基礎知識 ボックスモデル編

テーブルレイアウトから抜け出せないエンジニアがとりあえず最低限押さえるべき仕様 - タオルケット体操 テーブルレイアウトから抜け出せないエンジニアがとりあえず最低限押さえるべき仕様 - タオルケット体操 上の記事の続きです。 例によってざっくりなの…

読者アイコンの大きさを変えるCSS

ブログのデザインをカスタマイズする時は、変更前のCSSのバックアップを取っておきましょう! - 日なたと木陰 ブログのデザインをカスタマイズする時は、変更前のCSSのバックアップを取っておきましょう! - 日なたと木陰 なんかプロフィールページと…

テーブルレイアウトから抜け出せないエンジニアがとりあえず最低限押さえるべき仕様

社内で勉強会を開きたいので、その叩き台みたいな感じのテキストです。 マークアップを書けるプログラマーというのも世の中には沢山いますが、ちゃんと書けない or なんとなく書いてるだけという人も多いです。*1 また当然のように、ゲームを作るのでもない…

デザインの素養なしだけどダサいWebデザインにならないように気をつけたこと

デザインって難しいですよね。プログラマーだと、なかなか勉強する時間もモチベーションも本買う金もとれないので技術的にもセンス的にもモチベーション的にも技術的にも意識的にも向上させる機会があんまないです。 とはいうものの、個人的なプロジェクトや…

レスポンシブなCSSってそんな難しいことしてないっぽかった

最近ブログ書くのがおっくうになってて、たぶんそれは記事を作ることへのハードルが上がってるのが原因だと思っております(コードの検証とか)。ちょっとでも間があくとすぐにだるくなるので、とにかくクソみたいな文章でいいので毎日書くことが大切ですね?