Read Article
ボタンにユニークなホバー・クリックエフェクトを付けたいときに参考になるエフェクトサンプル 10
近年多くのサイトで採用されているパッと見がシンプルなボタンデザインでも、ホバーやクリックぐらいは少しユニークな感じにしたいと思ったときに参考になりそうなエフェクトをCodePenにアップされているデモから紹介します。そのまま参考にさせてもらうだけでなく、さらに自分なりにアレンジを加えてみたり、あとは紹介しているものを組み合わせてみても面白いエフェクトができそうです。
Read Article
最近気になった素敵なデザインフォント − July 2017
いずれも欧文フォントになりますが、最近ダウンロードさせてもらったり個人的にいいなと思ったデザインフォントの備忘録です。
Read Article
NxWorldをリニューアルしました − 2017
普段からブログを見てくれている方やTwitter・FacebookといったSNSでフォローしてくれている方は気付いてくれた方も多いですが、先日NxWorldをリニューアルしたので、簡単にではありますが自分用の備忘録も兼ねて変更点などを紹介しようと思います。これまでの感じが特別嫌になったわけでもないのでデザインや全体な雰囲気などはそこまで大幅に変更しているわけではないですが、いろいろと細かい部分で変…
Read Article
Twitterの新UIで使用されているような、丸みがあって可愛いシンプルタイプのアイコンセット 10＋
ご存じの方も多いように少し前にTwitterのデザインがリニューアルされ、大きな特徴のひとつとして入力欄・ボタン・アイコンなど全体的に丸みを帯びた印象のデザインになりました。全く同じものでなければTwitterのアイコンに比べると丸みが少なめなものもありますが、同じようなアイコンを使いたいときに利用させてもらえそうな、丸みがあって可愛いシンプルタイプのアイコンセットを集めてみました。
Read Article
Monthly Bookmarks #42
今月（2017年6月）個人的に覚えておきたいと思ったものやTwitterを通してシェアしたエントリーやサービスなどのまとめです。
Read Article
Sketchで利用できるクールなグラデーション素材 8
近年グラデーションをイメージに重ねたり、テキストやボタンの背景・文字カラーもベタ塗りではなくグラデーションが使用されているのを頻繁に見かけるようになりましたが、そのようなデザインをSketchで制作する際に利用できるクールなグラデーション素材のまとめです。
Read Article
使い方次第でポートフォリオにも！インスピレーションをもらえたり、コミュニケーションスペースとして利用できるwebデベロッパー・webデザイナー向けサイト
世界中のデザイナーが作成したものを見てインスピレーションをもらえたり、世界中のデベロッパー達と問題の解決方法やよりスマートな実装方法を見つけ出すといったような、デベロッパー・デザイナー向けコミュニティサイトなどを集めてみました。いずれも有名なサイトばかりなので普段からこういうサイトを見ている・利用しているという人も多いと思いますが、初めて見るというものがあればぜひ利用してみてください。
Read Article
サイト制作のスタイル設定を効率的に行うことができるリセットCSSとノーマライズCSSのまとめ
ブラウザ毎に設定されているデフォルトスタイルの差異をなくし、サイト制作のスタイル設定を効率的に行うことができるリセットCSSやノーマライズCSSを紹介します。すべてを完全にリセットしてしまうものもあれば、リセットは一部にして有用なスタイルは保持するものもあったりと様々なタイプがあるので、自分の癖やプロジェクトガイドラインに合わせて選ぶこともできると思います。
Read Article
WordPress：タクソノミー（カテゴリー・タグ）が日本語で登録された場合のスラッグを自動的に変換する方法
備忘録。WordPressでカテゴリーやタグといったタクソノミーで名前に日本語を使用して登録する（タクソノミー作成画面の場合はスラッグを未記入で登録する）と、スラッグにもそのまま名前で使用した日本語が適用され、さらにそれをパーマリンクなどに利用していると一部の人にとってはすごく残念な気持ちになるURLになってしまいます...。運営する人がそうならないよう気を付けてもらえれば良い話ではありますが、確…
Read Article
いざという時に便利そうな、珍しいタイプのアイコンセット 30 #15
ここ最近見かけた珍しいタイプのアイコンセットのまとめです。これまで紹介してきたものと同様であまり見かけないものや汎用性が高いUIアイコンなどと比べて使う場面は少なくても、いざ使いたい時に便利そうなものや個人的に面白いと思ったデザインアイコンです。
Read Article
WordPress：「MW WP Form」のセレクトボックスをjQuery（JavaScript）なしで初期値ありの必須項目に設定する方法
WordPressで簡単にフォームを実装できるプラグイン「MW WP Form」で、セレクトボックスを初期値ありの必須項目に設定する方法です。以前はjQuery（JavaScript）を使って実装していたのですが、使用せずに設定する方法を教えてもらったので備忘録です。
Read Article
Web制作者（フロントエンド・マークアップエンジニア向け）がブックマークしておきたい、便利なチートシートやリソースのまとめ
普段制作している上でうっかり忘れてしまったときにさっと確認することができる便利なチートシートや特定の情報がわかりやすくまとめられているリソースなどまとめてみました。主にフロントエンドやマークアップエンジニアの方が日頃から利用することが多いと思うHTML・CSS・JavaScriptに関するものが中心で、他には各ブラウザのバグ情報を検索したり様々なデバイスの情報がまとめられたサイトなどもあります。