ボタンにユニークなホバー・クリックエフェクトを付けたいときに参考になるエフェクトサンプル 10

Read Article

ボタンにユニークなホバー・クリックエフェクトを付けたいときに参考になるエフェクトサンプル 10

近年多くのサイトで採用されているパッと見がシンプルなボタンデザインでも、ホバーやクリックぐらいは少しユニークな感じにしたいと思ったときに参考になりそうなエフェクトをCodePenにアップされているデモから紹介します。そのまま参考にさせてもらうだけでなく、さらに自分なりにアレンジを加えてみたり、あとは紹介しているものを組み合わせてみても面白いエフェクトができそうです。

  • Tips
NxWorldをリニューアルしました − 2017

Read Article

NxWorldをリニューアルしました − 2017

普段からブログを見てくれている方やTwitter・FacebookといったSNSでフォローしてくれている方は気付いてくれた方も多いですが、先日NxWorldをリニューアルしたので、簡単にではありますが自分用の備忘録も兼ねて変更点などを紹介しようと思います。これまでの感じが特別嫌になったわけでもないのでデザインや全体な雰囲気などはそこまで大幅に変更しているわけではないですが、いろいろと細かい部分で変…

  • Blog
Twitterの新UIで使用されているような、丸みがあって可愛いシンプルタイプのアイコンセット 10+

Read Article

Twitterの新UIで使用されているような、丸みがあって可愛いシンプルタイプのアイコンセット 10+

ご存じの方も多いように少し前にTwitterのデザインがリニューアルされ、大きな特徴のひとつとして入力欄・ボタン・アイコンなど全体的に丸みを帯びた印象のデザインになりました。全く同じものでなければTwitterのアイコンに比べると丸みが少なめなものもありますが、同じようなアイコンを使いたいときに利用させてもらえそうな、丸みがあって可愛いシンプルタイプのアイコンセットを集めてみました。

  • Material
使い方次第でポートフォリオにも!インスピレーションをもらえたり、コミュニケーションスペースとして利用できるwebデベロッパー・webデザイナー向けサイト

Read Article

使い方次第でポートフォリオにも!インスピレーションをもらえたり、コミュニケーションスペースとして利用できるwebデベロッパー・webデザイナー向けサイト

世界中のデザイナーが作成したものを見てインスピレーションをもらえたり、世界中のデベロッパー達と問題の解決方法やよりスマートな実装方法を見つけ出すといったような、デベロッパー・デザイナー向けコミュニティサイトなどを集めてみました。いずれも有名なサイトばかりなので普段からこういうサイトを見ている・利用しているという人も多いと思いますが、初めて見るというものがあればぜひ利用してみてください。

  • Services & Resource
サイト制作のスタイル設定を効率的に行うことができるリセットCSSとノーマライズCSSのまとめ

Read Article

サイト制作のスタイル設定を効率的に行うことができるリセットCSSとノーマライズCSSのまとめ

ブラウザ毎に設定されているデフォルトスタイルの差異をなくし、サイト制作のスタイル設定を効率的に行うことができるリセットCSSやノーマライズCSSを紹介します。すべてを完全にリセットしてしまうものもあれば、リセットは一部にして有用なスタイルは保持するものもあったりと様々なタイプがあるので、自分の癖やプロジェクトガイドラインに合わせて選ぶこともできると思います。

  • Services & Resource
WordPress:タクソノミー(カテゴリー・タグ)が日本語で登録された場合のスラッグを自動的に変換する方法

Read Article

WordPress:タクソノミー(カテゴリー・タグ)が日本語で登録された場合のスラッグを自動的に変換する方法

備忘録。WordPressでカテゴリーやタグといったタクソノミーで名前に日本語を使用して登録する(タクソノミー作成画面の場合はスラッグを未記入で登録する)と、スラッグにもそのまま名前で使用した日本語が適用され、さらにそれをパーマリンクなどに利用していると一部の人にとってはすごく残念な気持ちになるURLになってしまいます...。運営する人がそうならないよう気を付けてもらえれば良い話ではありますが、確…

  • WordPress
WordPress:「MW WP Form」のセレクトボックスをjQuery(JavaScript)なしで初期値ありの必須項目に設定する方法

Read Article

WordPress:「MW WP Form」のセレクトボックスをjQuery(JavaScript)なしで初期値ありの必須項目に設定する方法

WordPressで簡単にフォームを実装できるプラグイン「MW WP Form」で、セレクトボックスを初期値ありの必須項目に設定する方法です。以前はjQuery(JavaScript)を使って実装していたのですが、使用せずに設定する方法を教えてもらったので備忘録です。

  • WordPress
Web制作者(フロントエンド・マークアップエンジニア向け)がブックマークしておきたい、便利なチートシートやリソースのまとめ

Read Article

Web制作者(フロントエンド・マークアップエンジニア向け)がブックマークしておきたい、便利なチートシートやリソースのまとめ

普段制作している上でうっかり忘れてしまったときにさっと確認することができる便利なチートシートや特定の情報がわかりやすくまとめられているリソースなどまとめてみました。主にフロントエンドやマークアップエンジニアの方が日頃から利用することが多いと思うHTML・CSS・JavaScriptに関するものが中心で、他には各ブラウザのバグ情報を検索したり様々なデバイスの情報がまとめられたサイトなどもあります。

  • Services & Resource

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