Archives : February 2015

- 12 Articles -

いざという時に便利そうな、珍しいタイプのアイコンセット 30 #6

Read Article

いざという時に便利そうな、珍しいタイプのアイコンセット 30 #6

ここ最近見かけた珍しいタイプのアイコンセットのまとめです。これまで紹介してきたものと同様であまり見かけないものや汎用性が高いUIアイコンなどと比べて使う場面は少なくても、いざ使いたい時に便利そうなものです。今回はスポーツ関連やキッチン関連のアイコンセットが複数あります。

  • Material
JSや画像は使用せず、CSSのみでデザイン・アニメーション実装されたトグルボタン「A bunch of funky CSS3 Toggle Buttons」

Read Article

JSや画像は使用せず、CSSのみでデザイン・アニメーション実装されたトグルボタン「A bunch of funky CSS3 Toggle Buttons」

CodePenで見かけたのでご紹介。アニメーションはJavaScriptを使わず、見た目に関しても画像を使わずにと、全てCSSを使って実装されているトグルボタンです。CSSでこのような動きを実装するというのはいろいろなサイトで紹介されていますが、見た目が面白いなと思ったのが幾つかあったのでご紹介します。

  • Tips
WordPress:古い記事にメッセージを表示させる際の備忘録

Read Article

WordPress:古い記事にメッセージを表示させる際の備忘録

備忘録。○年以上前や○日以上前というように、WordPressで一定の期間が経過した古い記事にメッセージを表示させる方法で、公開日だけでなく更新日を条件にした場合も含めた全4パターンの実装方法です。日記などのコンテンツであれば必要ないと思いますが、例えば時事ネタや技術ネタといったように掲載している情報がどんどん古くなったり最悪使えなくなるようなものを扱っていて閲覧者に注意を促したいという場合に便利…

  • WordPress
年表などでよく使用されるタイムラインコンテンツ作成時に便利なプラグインやチュートリアル 15

Read Article

年表などでよく使用されるタイムラインコンテンツ作成時に便利なプラグインやチュートリアル 15

年表・沿革・コメント一覧といったコンテンツで用いられているタイムラインデザインを作成する際に便利なプラグインやチュートリアルのまとめです。レスポンシブ対応したものやCSSだけで実装したものなど全15種類で、見た目もよく見かける縦型(垂直)タイプだけでなく横型(水平)で見せるタイプもあります。

  • Tips
画像を使わずに、CSSのみでリストアイコンを表現したサンプル 10

Read Article

画像を使わずに、CSSのみでリストアイコンを表現したサンプル 10

なんとなくどんな感じのものが実装できるか試してみたので備忘録。いずれも`li`要素と組み合わせて使えそうなリストアイコンのサンプルで、画像は使用せずに全てCSSのみで実装してみたものです。使用できるブラウザは限られてきますが、問題ないブラウザであればサイズやカラー変更といったこともCSSのみで簡単に変更できます。最近はWebフォント使ったりSVG使ったりすれば使い勝手良いものが実装できますけど、そ…

  • Tips
最近気になったハイクオリティなUIキット #9

Read Article

最近気になったハイクオリティなUIキット #9

ここ最近気になったハイクオリティなUIキットのまとめです。見た目や各パーツ・カラーの組み合わせ方などデザインの参考にするだけでなく、それぞれ実際に作成されたファイルをダウンロードすることもできるので、どのようなレイヤースタイルで作られているかを参考にしたり、ライセンスが問題なければデザインで利用させてもらうこともできます。

  • Material
WordPress:おっちょこちょいな人向け、投稿画面に必須項目を設定してくれるプラグイン「Post Type Requirements Checklist」

Read Article

WordPress:おっちょこちょいな人向け、投稿画面に必須項目を設定してくれるプラグイン「Post Type Requirements Checklist」

試しに使ったらこれは使う機会ありそうと思ったので備忘録兼ねてご紹介。「Post Type Requirements Checklist」は投稿画面に必須項目を簡単に設定できるプラグインです。指定した項目で何が抜けているのかもわかりやすく、項目が全て埋まっていないと公開ボタンも表示されない仕組みなので、いつもアイキャッチ指定やカテゴリー指定を忘れて公開してしまうなんて人にピッタリだと思います。

  • WordPress
バレンタインデザインに役立つ素材まとめ

Read Article

バレンタインデザインに役立つ素材まとめ

もうすぐバレンタインということで、バレンタインデザインのインスピレーションもらえそうなものやデザイン制作時に役立ちそうなベクター・パターン・アイコン素材のまとめです。使い勝手良さそうなパーツが沢山詰まったベクターセットやポリゴンスタイルを取り入れたデザインなど様々なものがありますが、やはりバレンタインなのでハートを用いて表現されているものばかりになります。また、単体の素材以外にもバレンタインに関す…

  • Material

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