名刺を切らした上、前回のリニューアルからもう１年半以上経っててちょいちょい気になる箇所もあり、思い切ってブラッシュアップに取り掛かりはじめました。 隙間時間にちびちび取り組んでおり、まだしばらく手を加えると思いますが一旦経過報告です。 サイトロゴの変更 最近「デザイン」の仕事をするのが楽しいのですが、無機質な表情のロゴであることに少しギャップを抱くようになっていたので、お目々パッチリにしました。 Before/After また、今回はSNS用アイコンとしての機能を重視しています。 前のロゴでは、一部をアップしてトリミングした際に、元の形状を知らないとこれが「顔」だと正直わかりません。 新しくしたロゴでは、「下二つの丸は目だ」と連想しやすくなりました。 ちなみにこの配色はろくぜピンク#F36777ベースであり、コンテンツが主役であるブログ・ポートフォリオで使う想定です。 SNSだとちょっと地

試す機会があったのでその時にやったことをメモしておきます。 画像遅延読み込み（ Lazy Loading Images ）とは ページの読み込みの際に、今表示している画面外の画像読み込みを遅延させる手法です。 例えば、ページをスクロールして画像の位置に着いたらその画像を読み込み始めるように設定します。あるいは、一旦解像度の粗い画像を読み込ませておき、高解像度の画像へと置き換えます。 これによって、画像が大量にある長いコンテンツであっても、ユーザーはページ読み込みの最初に長時間待たされることなくスムーズにコンテンツを読み進めることができます。 どう実装するか いくつかJavaScriptのライブラリがあるので活用すると楽です。 今回ははてなブログ向けに解説しますが、細かい設定やオプションについては各Githubページのhow toをご確認ください。 Lazysizes github.com

上から順に、雪の広島城 © Tomato_249 、白谷雲水峡 © 鹿児島県 、雲海と棚田(星峠) © Koichi-Hayakawa これら３枚の写真は、すべてクリエイティブ・コモンズ・ライセンス（表示4.0 国際）のもとに掲載を許諾されています。 ...こうした日本の美しい風景写真を閲覧できる上、ライセンスに従うかぎり、自由（商用可）に利用できるギャラリーサイト「FIND/47」を紹介します。 FIND/47 美しいアニメーションとBGM。スクロールすると、メニューへ移動します。 ３つの機能（使い方）があり、円の部分をクリックすると移動します。 探す ... 地域、季節などのカテゴリから探す 出会う ... ランダムに閲覧する 参加する ... 投稿する（審査有） （ちなみにクリックせずにスクロールするとスライドショーのようなページへ移動しますが、それが「出会う」ページです） 探す シ

デザインから実装まで、タダケンのEnjoy Tech（はてなブログ）のリニューアルをお手伝いしました。制作の流れお問い合わせメールにて概要擦り合わせ（後にChatworkへ移行）簡単なヒアリング（Dr...

記入した文章を即座にチェック、校正してくれるアプリを紹介します。textlint/textlint-app: textlint standalone application top on Electr...

ざっと見た感じ使い勝手が良かったので紹介します。（gigazineさんでたまたま読んで知りました） 特に、スライド資料のデザインで悩むことがあるエンジニアさんなどに魅力的なサービスではないでしょうか。 概要 https://slideship.com Markdown記法でいい感じにスライドを作成できるサービス Githubアカウントで簡単に登録・ログインできる 50スライドまで無料でつくれる（現在はBeta版で100枚までの様子） 比較的、操作しやすい・わかりやすい編集画面 作成したスライドをPDF化できる 知っている限り、似たコンセプトのアプリとしては「Marp」が有名です。 ただ、テーマ・レイアウト変更などあらゆる操作がテキスト入力ベースであり、操作感が独特でエンジニア向けのアプリ…という印象でした。 今回の「SlideShip」は、それと比べると敷居が低く、Markdown記法がわ