Archives : November 2015

- 21 Articles -

操作説明時などに利用できる、フリーのジェスチャーアイコンセット 10

Read Article

操作説明時などに利用できる、フリーのジェスチャーアイコンセット 10

アプリの操作方法やサービスの使い方を説明する時などに利用することがあると思うジェスチャーアイコンのまとめです。シンプルなデザインのものが多めですが、中には100種類以上が詰まった大容量なものや手だけでなくデバイスも込みで作られているもの、タップ・スワイプ・ピンチインといったようにそれぞれの動作がどのような呼び名なのかわかりやすくしてくれているものもあります。

  • Material
各種カーソルの見た目と対応ブラウザが確認できる「CSS Cursor」

Read Article

各種カーソルの見た目と対応ブラウザが確認できる「CSS Cursor」

地味ですけど便利だと思ったので備忘録兼ねてご紹介。CSSを使ってカーソルの見た目を変更することができるのですが、「CSS Cursor」はそれらをまとめているサイトで、CSSでどのように記述することでどのようなカーソルが表示されるようになるのかを簡単に確認できるようになっています。また、見た目だけでなく併せて対応ブラウザについても確認できます。

  • Services & Resource
CSSグラデーションで作った背景パターンのサンプル

Read Article

CSSグラデーションで作った背景パターンのサンプル

CSSのグラデーションはよく見る単純なグラデーションを作るだけでなく、記述の仕方によって様々な見栄えをつくることができます。画像で切り出してしまった方が圧倒的に早く実装できるような場合も正直ありますし、古いIEをサポートするために使えなかったりもしましたが、最近では旧ブラウザをサポート対象外にすることも多くなってきましたし、今後ますますレスポンシブやRetinaディスプレイなどを考慮して使う機会が…

  • Tips
テキスト周りのスタイリングに使えるCSSプロパティやスニペット

Read Article

テキスト周りのスタイリングに使えるCSSプロパティやスニペット

スタイリングといっても見栄えを大きく変えるとかではなく、ほとんどがただのプロパティ説明みたいな感じになっていますが、サイト制作時に覚えておくとテキスト周りをいろいろと変更できるCSSのプロパティや使用する頻度が高そうなスニペットみたいなものをひと通りまとめてみました。紹介するもの全てがひと通りのブラウザで自由に使えるわけではありませんが、上手く利用すれば今まで画像を使用していた見栄えをCSSだけで…

  • Tips
クリスマスをテーマにしたデザインアイコンセット 20

Read Article

クリスマスをテーマにしたデザインアイコンセット 20

もうすぐクリスマスということで、クリスマスをテーマにしたデザインアイコンセットのまとめです。今後もまだまだこういった素材は沢山出てくるとは思いますが、昨年紹介できなかったものを中心にした全20種類です。全部がそうというわけではないですが商用利用可能なものも幾つかあり、そのまま使用することはできなくてもフラット・手書き・ラインタイプなど様々なテイストのデザインアイコンがあるので、デザインの参考とかに…

  • Material
聖書の一節をGoogle Fontを使ってデザインしていくプロジェクト「100 Days of Scriptures」

Read Article

聖書の一節をGoogle Fontを使ってデザインしていくプロジェクト「100 Days of Scriptures」

素敵なプロジェクトだと思ったのでご紹介。Google Fontを使ってタイポグラフィーデザインを制作していくプロジェクトは以前にも他の方が行っていたものをご紹介させていただいたのですが、「100 Days of Scriptures」はシカゴのデベロッパー兼デザイナーとして活動しているJonathan Suhさんのプロジェクトで、同じくGoogle Fontを使って聖書の一節をデザインしていくとい…

  • Inspiration
jQuery Snippets #1

Read Article

jQuery Snippets #1

基礎的なものからちょっとした動きの実装方法など、jQueryに関する個人的なメモ・スニペットリストです。最初に言っておくと自分はJavaScriptやjQueryの知識はまだ全然ないので、書いている内容に対して「もっとスマートにできる」とか「そもそも間違ってる」みたいなのがあれば、参考にさせてもらいたいのでコメントなど通じて是非教えてください。

  • Tips

Close the search window,
please press close button or esc key.