この記事では、デザイナーやクリエイターの美しいUIのポートフォリオサイトを10サイト紹介します。ユニークで美しいポートフォリオサイトは、UIデザインに詰まった時や自分のポートフォリオサイトを作る時の参考になります。 １. Jason Benjaminさん モーション・ビジュアルデザイナーのJason Benjaminさんのポートフォリオサイトです。EvernoteのUIデザイナーもされていたと……
George Miller氏が提唱したマジカルナンバー７という理論がありますが、それに従いメニュータブやドロップダウンリストの表示個数を７つに制限するのは間違っています。Millerの元々の理論は、人間の短期記憶は、最高で７つ（±２）までしか維持できないというものです。しかしWebページでは、情報は視覚的に示されており、人は何かを記憶する必要もなく、よって簡単にもっと幅広い選択肢を扱うことができる……
今回は Python の文字列フォーマットを行う format メソッドの使い方について説明します。format メソッドは Python 2.6 から追加されたメソッドです。Python では今まで %演算子を使用したフォーマット方法が使われていましたが、format メソッドはそれを拡張したものになります。%演算子を仕様したフォーマットは今後廃止する可能性があると予告されています。特に理由がな……
jQueryで右クリックを禁止する方法について説明します。JavaScriptでも記述は可能ですが、jQueryを使って更に簡単に記述する事が出来ます。 右クリックを禁止することで、画像の保存をされにくくすることなどができます。 ＊右クリックを禁止しても、画像の保存はできます。 on('contextmenu')で右クリックを禁止にする on()は指定したイベントが発生した時に、続く処理を実行する……
jQueryで要素に対してアニメーションをつけたい時は、animate()を使います。 このanimate()は、任意のアニメーション効果を作成するためのメソッドで、大きさ、幅、位置などを変化させることができます。 animate()を使ったアニメーション効果 .animate(パラメータ, [速度], [イージング], [コールバック]) animate()は、4つの引数をとります。パラメータで……
今回は、jQuery でフォームのボタンを有効・無効にする方法について紹介します。 フォーカスのボタンをクリックできないようにするには、button 要素などに対してdisabled 属性をjQuery で追加することで実装できます。 prop()、attr() でdisabled 属性を操作 jQueryで要素の属性を操作する時は、prop() かattr() を使います。この２つのメソッドの……
今回は Ruby のファイルの読み込みと書き込み処理の方法について説明します。Ruby でファイルを扱う場合には File クラスを使用します。 ファイルを開く File を開くためには open メソッドを使用します。 File.open(ファイル名, モード) 第１引数にファイル名を指定します。第２引数にはファイルを開くときのモードを指定します。読み込みモードの一覧は以下の通りです。 r……
今回は Python の標準モジュールである urllib2 と HTMLParser クラスを使って Web 上のリソースにアクセスし、取得した HTML を解析する方法について説明します。Web上からHTMLを取得Python で Web 上にあるリソースにアクセスするためには urllib2 の urlopen() を使用します。以下のサンプルプログラムでは、指定した URLから HTML ……
かわいらしいイメージやあたたかい雰囲気を出したいときに、ゴシックや明朝フォントだとしっくりこない場合があります。そんなときには丸文字のフォントを当てはめてみるとしっくりくるかもしれません。今回は商用可能なものに絞って、丸文字のフリーフォントを１０点ご紹介します。瀬戸フォントJIS第四水準までの漢字や難しい漢字も収録されているので、他のフォントで漢字で見つからなくて困ったという時は、こちらのフォント……
テクノロジーに関する様々なニュースを見ると、Webサイトやモバイルアプリ、ソーシャルメディアなどは、私たちに悪影響を及ぼす場合もあるようです。おそらく、テクノロジーは不安を与え、スマホは時間を奪い、ソーシャルメディアは私たちを情報中毒にしてしまうものなのでしょう。「幸福とテクノロジー」と検索すると、テクノロジーが私たちにもたらす悲劇についての記事が何百も見つかります。しかし、それは事実なのでしょう……