手書き風デザイン制作時に便利なデザインリソースまとめ - NxWorld
フォント・アイコンに続き、同じく手書き風デザイン制作時に便利なデザインリソースのまとめです。 ベクターやシェイプ素材をはじめ、鉛筆やクレヨンの感じを簡単に表現できるブラシ、この手のデザインでよく用いられている紙や布のテクスチャなど、いずれも手書き風デザイン制作時に便利そうと思った素材になります。 また、エントリー後半では素材単体でなく、多くのテクスチャをまとめたエントリーやデザインリソースを多数配布しているサイトを紹介します。 紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
手書き風デザインと相性良さそうなフリーフォント 50 - NxWorld
好みなものや気になるものを見つけてはメモしていたのが結構溜まってきたので、普段からよく利用させてもらっているのも含めて自分の備忘録用でまとめました。 いずれも手書き風デザインに相性が良さそうなフリーフォントで、この手のタイプの中では有名なものから割と新しいものまで和文・欧文それぞれ25種類ずつの全50種類です。 女性や子供が書いたような特徴的なものや可愛らしいタイプのもの、チョークや鉛筆で書かれたようなものまで様々なタイプがあります。 紹介しているフォントは、いずれも利用規約を守れば基本的にフリーで使用することができ、特に和文フォントに関しては全て個人・商用問わず無料で使用できます。 ただ、あくまでこのエントリー公開時の情報ということと中には無料で商用利用可能でも作者に連絡する必要があるフォントもあるので、使用する際はライセンス等を各自で再度確認してください。 紹介しているフォントを使用す
手書き風デザインにピッタリなアイコンセット 50 - NxWorld
引き続き手書き風デザインと相性良さそうな素材の備忘録兼ねたまとめです。 汎用的なものから個性的なものまで様々なタイプのアイコンセット全50種類で、全体的にライセンスに関しても個人だけでなく商用利用も可能なものが多いです。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。
WordPress：ログイン画面をオリジナルにカスタマイズする方法 - NxWorld
WordPressのログイン画面のカスタマイズは過去にもロゴを変更する方法など書いたことがありますが、いろいろ試していたらまた幾つか覚えておきたいことが出てきたりしたので、既出しているものも含めてWordPressのログイン画面をオリジナルにカスタマイズする方法をまとめました。 October 01, 2020 追記 ここで紹介している内容は、WordPress Ver 3.9.0で試したものになります。 内容によっては現バージョンでは非推奨のタグが使用されていたり、フック名が変更されている可能性がありますのでご注意ください。 デフォルトのログイン画面 イメージはWordPressのデフォルトのログイン画面をキャプチャしたもので、これをfunctions.phpを使ってオリジナルのログイン画面にしていきます。 カスタマイズ後のログイン画面 イメージは簡単にですが実際にここでまとめているカス
ユニークな「ページの先頭へ」や「ページトップ」の実装例 10 - NxWorld
そのページの先頭へ移動する要素として設置しているところも多い「ページの先頭へ」や「ページトップ」がユニークなサイトのショーケースです。 コーポレートサイトのような堅めのデザインをする場合は凝り過ぎると浮いてしまう場合があるのでシンプルなものを使用することが多いと思いますが、ちょっとしたキャンペーンページやイラストをふんだんに使っているようなサイトであれば、こういった細かいところにも動きを付けてあげると遊び心があって面白いですね。 April 19, 2014 追記 @OZPAさんから教えていただいたものを含め、他にもユニークなものがあると教えていただいた3サイトを新たに追加しました。 株式会社LIG [リグ] 注意：効果音が出ます 「ページの先頭へ」や「ページトップ」の要素がどうののレベルではなく、クリック後の動作など全体的に非常にユニークで、むしろこだわり過ぎと思うくらい凝ってます。 少
jQuery：チェックされたら or 入力されたら送信可能にするボタンを実装する方法 - NxWorld
割と頻繁に使うので備忘録。 jQueryを使用して「チェックボックスにチェックされたら送信可能にするボタン」と「文字が入力されたら送信可能にするボタン」をそれぞれ実装する方法です。 特にチェックボックスの方は利用規約などに同意してもらったかの部分で用いたりと使う場面が多いのではないかと思います。 チェックボックスにチェックされたら送信可能にするボタン ページが表示された際はイメージ左のようにボタンにはdisabledが指定されて送信できない状態になっています。 それを「利用規約に同意します」というテキスト横にあるチェックボックスにチェックが入ったら、ボタンに指定してあるdisabledを解除して送信可能にするというものです。 実装にはjQueryを使用するので予め読み込ませおき、それぞれ下記のように記述をします。 <input type="checkbox" id="check" /><l
シンライン・アウトラインタイプのアイコンセット − 2013 - NxWorld
個人的に好きなタイプだったこともあり、見つけては備忘録として残していたシンライン・アウトラインタイプのアイコンセットのまとめです。 やはりきっかけになったのはiOS 7に採用されたというのが大きいと思いますが、今年はwebデザインでもこういった細身のアイコンやフォントを取り入れているサイトを沢山見た印象でした。 来年以降どうなっていくかはわかりませんが、汎用性高くてwebデザインだけでなくアプリケーションにも使いやすいですし、何より自分がすごい好きなデザインなので、メモしていた全100セットを一気にまとめました。 紹介しているアイコンセットは、利用条件や大容量のプロ版などで一部有償なものもありますが、基本的にはフリー使用できて商用利用が可能なものも数多くあります。 ただし、実際に使用する際は再度ライセンス等を各自で確認してください。 ダウンロード形式も様々で主にPNG, PSD, AI,
スマートフォンサイト制作時に覚えておきたいCSS 15
スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に
WordPress：更新・公開された日付をもとに記事へ「New」を付ける方法 - NxWorld
普段から案件などでかなりの頻度で使う、WordPressを使ったサイトで最近の記事に対して「New」を付ける方法の備忘録です。 一般的によく使うのは「記事が公開されてから～」というものだと思いますが、「記事が更新されてから～」という場合のコードや非常に参考になるエントリーも併せて書き残しておこうと思います。 記事を公開してから○日間「New」を表示 表示させたい所に下記を記述し、「New」が表示される日数に関してはサンプルコード上部のハイライト部分にある$days = 3;を任意で変更してください。 また、表示されるタグや文言を変更したい場合はサンプルコード下部のハイライト部分にあるechoに任意で指定してください。 下記のコードをそのまま使用した場合は、記事を公開してから3日間は<span class="new">New</span>が表示されるというものになります。 $days = 3
インスピレーションがもらえてデザインの参考になる、国内外のデザインギャラリー - NxWorld
デザイン制作時の参考にしたりインスピレーションがもらえる、主にwebデザイン向け国内外のデザインギャラリーを紹介します。 主にwebデザイン向けになりますが、一部デザイン全般で参考になるサイトもあります。 中には特定のテーマやパーツに絞ったデザインのみを紹介しているギャラリーもあるので、日頃デザインしていて「この雰囲気のデザインをいつも悩む」とか「この部分の引き出しを増やしたい」という人は、そういったサイトを日頃からチェックするのがおすすめです。 過去にもこういったデザインギャラリーをまとめて紹介したエントリーを書きましたが、クローズしたサイトが目立ってきたり見つけた当時とは収集しているデザインが異なるテーマになっているサイトなどもあったので、それらの編集・削除も兼ねつつすべてひとまとめにしました。
いざというときに便利そうな、ちょっと変わった珍しいアイコンセット - NxWorld
汎用性が高いUIアイコンなどと比べると使う場面は少ないものの、いざ使いたいときに便利そうなものやあまり見かけないタイプだと個人的に思ったアイコンセットのまとめで、過去に紹介してきたものをひとまとめにしました。 既に公開・配布終了しているものも一部あるのですが、ファイルダウンロード自体はできなくともデザイン的にはそのまま参考になることもあるので、そういったものはキャプチャが小さめではありますがリンク設定のみ解除する形で紹介します。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。 リンクが未設定で配布形式も記載されていないものは公開・配布終了しているものです。
クリスマスデザインに役立つ素材まとめ - NxWorld
12月に入りクリスマスまでもうすぐということで、まだまだこれから素敵なものが出てくるとは思いますが、クリスマスデザイン制作時に役立ちそうな素材を少し古めから最近のものまで一気にまとめました。 紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
YouTube埋め込み時に便利なパラメータ 10＋ - NxWorld
サイトにYouTube動画を表示したいと思ったとき、イベントを絡めるといったようなカスタマイズをしてとかになるとAPIを使用したりになると思いますが、とりあえず表示するだけであればiframeで簡単に埋め込むことができます。 そんなときに知っておくと便利なパラメータ10種類を自分が使用頻度が高いと思う組み合わせ3つと併せて紹介します。 はじめに どのように表示されるかわかりやすいように実際にこのページに動画を埋め込もうかとも考えたのですが、ページがかなり重くなってしまうので以下ではコードのみ紹介しています。 実際の表示を確認したい場合は、適当な動画で「JSFiddle」などのツールを使ったり、テスト用のHTMLなどを用意して表示確認を行ってください。 YouTubeの動画を埋め込む方法 単純に動画を埋め込みたい際は、上のキャプチャのように動画下にある「共有 > 埋め込みコード」から表示に必
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
