photo by Abee5 こんにちは、はてなデザインチームのid:murata_sです。 人の家にあがったらやっぱり最初に本棚をみてしまいますね。どんな本読んでるんだろう？　何に興味があるのかな？　気になります。本選びには、その人の個性がすっごく出てきますね。 やっぱり気になるデザインの本 はてなのデザイナーは、普段ウェブのデザインをしていますが、ちょっと道端で話をしたりすると、ウェブ以外のデザイン情報にも造詣が深いんです。あれやこれや何でも出てきます。良い本知ってそう！　ぜひ聞きたい！　ということで…… 善は急げ、さっそくお気に入りのデザイン関連本を聞いてみました。いろいろ紹介したい人もいるようですが、今回は一人一冊です。 注：一見するとデザインとは関係のない本が並んでいるようにみえるかもしれませんが、いまデザイナーとして活躍している上で大きく影響を受けた本ということで選んでもらって

FontArkはオンラインでフォントを編集、作成出来る高性能なフォントエディタです。マウスの操作で手軽にフォントを作成する事が出来ます。既存フォントを編集する事も可能です。登録は無料ですが、フォントのダウンロードにはクレジットの購入が必要です。現在は登録ユーザーに無料で100クレジットが付与されています。 FontArk

シンプルで細身な素材を多用することによってデザインをシャープに、エレガントに見せることができますが、フォントについても同様で。今回はそんな時のために是非ストックしてほしい、細身のフォントを集めた「20 Most Stylish Thin Fonts」を紹介したいと思います。 Matchbook Font | dafont.com どのフォントも細身で繊細なものばかり。中でも気になったものをピックアップしましたので、下記よりご覧ください。 Free Font St Marie by Stereotypes | Font Squirrel 尖り感のあるシャープなフォント。デザインを格好良く仕上げることができます。 Taller Font | dafont.com 新聞のタイトルやポスターで見られるような縦長の文字。お洒落とレトロのバランスがとれた美しいフォントですね。 Denigan Font

TOP  >  Design , Photoshop  >  デザインにクリエイティブな質感を与えるスクエアパターン素材集「30+ Creative Square Patterns To Inspire You」 Webデザインのように閲覧環境が限定されるプロダクトであっても、質感を高めることによってデザインに深みを与えてていくことができます。今回紹介するのはそんな質感を手軽に高めることができる、クリエイティブなスクエアパターンを集めたエントリー「30+ Creative Square Patterns To Inspire You」です。 Pattern / 5 Stones :: COLOURlovers カラフルなテクスチャや手作りの暖かみを感じられるものなど、多数のパターンが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 Grungy Ab

細かなデザインパーツの作成には時間が掛かってしまうので、自身で作成したものを使い回したり、フリーのものをストックしたり、さまざま対処されていると思います。今回紹介するのはそんな時に是非利用して頂きたい、フリーアイコンセット「GICONS」です。 一般的によく使われるアイコンを中心に100種類以上を収録。PNGの画像データの他に制作データとなるPSDも収録されているので、素材としての使い勝手も良さそうです。 虫眼鏡マークやボタン類、ファイル系統やコントロールのUIに使えそうなものまで、多種多様なアイコンが収録されていますね。シンプルさ、分かりやすさを意識したデザインなので、どんなテイストにも合わせることができそうです。 個人での利用のほか、商用利用ももちろん無料。また、作者にリクエストをすることによってアイコンが追加されることもあるそうです。 GICONS

コンテナのサイズに合わせて自動的に画像をフィットさせる、というスクリプトのご紹介です。jQueryに依存しています。RWDなんかと相性良さそうですね。 コンテナに合わせてフィットさせる、というもの。似たスクリプトは既存しますので選択肢の一つとして。 サイズに応じて自動でフィットさせます。 ↑ こんな感じ。 $('.foo').imageFill();基本的にはコンテナをセレクタとして指定するだけ。 <div class="foo"> <img src="bar.png"> </div>そのコンテナの中に画像を含めます。楽でいいですね。 ライセンスはMITとGPLのデュアルライセンスとなっています。詳細は以下にて。 imagefill.js

Zen-codingさん、お世話になりましたWebookerでは、過去にもZen-codingについてご紹介してきました。特に、2010年に書いたコーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法についてはたくさんの方に見ていただき、各種ブログにもご紹介頂いて嬉しかったです。 コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法Zen-codingを使って、複雑なタグを一行で作成してみたさて、そんなZen-codingですが、次期バージョンの「Emmet」（エメット）がリリースされていました。既にインストールしてあるZen-codingを使い続けたい方は、すぐに消えることはないと思いますのでご安心ください。これからZen-codingやろうかなーと思っている人は、次期バージョンのEmmetからスタートされる事をオ

ドットインストール代表のライフハックブログ

この記事は、はじめてブログ用のオリジナル WordPress テーマを制作される方向けに書いたチュートリアル記事です。 なぜこの記事を書いたかというと、「WordPress でブログを作ってみたい、でも作り方がわからない」とおっしゃっている方が想像以上に多いことと、私が Webデザインスクールで WordPress ブログテーマの作り方を教えていると、想像以上にテーマ制作の基礎を理解していただくのが難しかったからです。 おそらく、HTML+CSS コーディングができる方であれば、この記事を読めばブログ用のWordPressテーマを制作できるようになるはずです。 このチュートリアルでできるテーマのサンプルファイルも以下からダウンロードできます。 実際のファイルを見ながら（あるいは作りこみながら）読むと理解が深まると思います。 WordPressのインストール まだレンタルサーバを借りていない

FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

[対象: 初〜中級] Googleは、GoogleツールバーのPageRankの更新を実行しました。 10ヶ月以上ぶりの更新になります。 2013年中のPageRank更新はなかったはずでは？ Matt Cutts（マット・カッツ）氏は、ツールバーPageRankの更新は年内は実行しないだろうと以前にツイートしていました。 10月のPubConでも、（内部で利用している本当の）PageRankを、ツールバーにエクポートする仕組みが壊れてそのままの状態で放置しているため、年内更新はないと発言しました。 予定外の更新の理由は“ついでに” 今回のPageRank更新の理由は、もともと予定されていたものではなく、“ついでに”実施されたようです。 A rare PageRank update: http://t.co/qMKGOd1UlP Team was fixing a different ba

近年Web業界で話題を呼んでいるHTML5とCSS3。今まで画像やFlash、JavaScriptに頼っていた表現方法を、かなりカバーできるようになりました。そんな中、今回はCSS3だけで実現可能な219種類のアイコンデザイン集「CSS3 Icons」を紹介したいと思います。 よく見る虫眼鏡のアイコンや、扱いやすいグラフ関連のアイコンなど、どれも実用に耐えられるだけの種類とクオリティで219種類ものアイコンが取り揃えられています。 CSSなだけに、画像のアップロードなども不要で、どれもspanタグとCSSを追記するだけで実現可能。導入の手間は無く、さらにCSSで作られているので色の変更やちょとした改変も容易な仕組みとなっています。これらのアイコンを基にして、新たに自分だけのアイコンを作り出すことも面白そうですね。 CSS3はまだ一部のブラウザで対応されていませんが、これらの実用的な使い方が