Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した
ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません（「やっちゃダメなこと」もしています）ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合に
WordPressを使ったWebサイトでfunctions.phpによく書いてるやつ
お問い合わせ頂いたので記事にします。 WordPressのfunctions.phpは便利なの はよく分かりますが、結局何が出来るの か分からないのでこんな事できる、という のがあれば教えて欲しいとのことでした。 僕も詳しくないので僕も教えて欲しいんです が、一応書いてみます。 基本的にfunctions.phpはちょっと機能を追加したい、という時に使うものだと思うのでデフォルト機能やプラグインで済むならそうしたほうがいい気がしますのであまり拘らなくてもいいかと思います。 それでも、やはりお仕事ではよく追加する機能はありますのでそれをご紹介します。 ※ウィジェットは割愛しますね カスタムポストタイプadd_action( 'init', 'create_post_type' ); function create_post_type() { register_post_type( 'exam
jQuery事始め・コピペに頼らず、基礎知識を理解して実際に動かしてみる
人気のJavaScriptライブラリ、jQueryもかなり 情報が増えました。僕の様に知識が無くても 簡単に動きのあるWebサイトや、更なるユー ザビリティの向上を可能にしてくれましたが、 いつまでもコピペではいずれ困る事になります。 その前にそろそろ基礎から学んでみませんか。 という訳で、jQuery事始め。さほど知識が無い僕が書くのも微妙なんですが、一緒に学んでいきましょう、という事でご了承下さい。内容は基礎中の基礎です。 いつまでもコピペに頼っていては、何か問題が起こったときに対応できませんし、そもそもコピペするならjQueryである必要はありません。 でもjQueryはすごく便利なので、ちゃんと使いこなしたいところですよね。この記事が、誰かが勉強し始める切欠になれば幸いです。 jQueryを使うには まず、jQueryを利用するには本体を読み込む必要があります。方法は2つあって、本
Web制作に役立つ、何度お勧めしても足りないくらい素敵なツール10選
Webサービス使えるツール10選 Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 もっと沢山あるんですが、特に利用しているものを。制作時には毎回利用しているかもしれません。基本的に無料のものを使っています。順不同。 960 grid system グリッドシステムです。ブックマークレットも含め、色々手軽なのが嬉しい。何よりグリッドレイアウトはお客さん受け良い傾向にある気がします。 960 grid system Fire
cssの情報・まとめ
cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。 全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろいろ188の情報です。 ツールオンラインのcssツール。 CSS Validation Service / W3C検証サービス日本語版RoundedCornr / 角丸のHTML・CSSコードを生成してくれるCSS Type Set / ファミリー、色、単語間、行間等をプレビューで確認CSS Text Wrapper / 様々な形のテキストの回りこみを簡単に実現できるCSS Builder / オンラインでスタイルを生成可能Spiffy Box / cssによる角丸を簡単に生成The Box Of
英語の学習情報の特徴メモ
話題が集まりやすい英語の 学習法などのブログ記事ですが、 結局勉強するかどうかは、その 方法が自分自身に合うかどうか。 これまで何度か出てきた英語学習の方法を書いた記事をまとめて概要のみ引用して一目である程度相性いいかどうか分かるように、比較出来る様にしておきます。これから冬休みの方はこの機会にいかがでしょうか。 気になった学習方法があったらリンク先で詳細を確認すると手間が省けそうな気がします。主観込みなので参考程度に。。 中学生レベルの英語力の奴が４ヶ月でTOEIC「Bクラス」を出す方法リンク先のおおまかな内容 TOEIC730~860を4ヶ月で出した方法まずは基礎を中心にリスニングの先読みの練習もサードパーティの模試を必ず時間を計ってとにかく、速読と先読みの練習 教材：4冊 > 書籍中心。学ぶ順番も書いてある特徴：英語が完全にダメな人向け方法：回り道せずとにかくやり込むはてブ 中学生レ
コンテンツにエフェクトを掛けるjQueryプラグイン10個
個人的に必要になるかもと思ってメモ。 テキストや画像にエフェクトを与えて Webサイトを動きのあるサイトにする 手助けをしてくれるjQueryのプラグイン をいくつかご紹介します。 コンテンツに対するユーザーの興味を高めたり、画像を使用せずテキストを装飾したりと、使い方次第でいろいろ用途がありそうです。 Sliding Door Effect マウスオーバーで画像が4隅に開きます。動きも素敵。 Sliding Door Effect / デモ Rainbows テキストにグラデーションや影をつけます。これは凄いですね。 Rainbows / デモ Opacity to Show Focus マウスオーバーしたコンテンツ以外に半透明のエフェクトを掛けるjQueryプラグイン。テキストでも可能。 Opacity to Show Focus / デモ Color Changing Text an
フリーのWordPressテーマ・Magnoliaが結構凄い
これで無料か、と思わせるほど結構 凄いフリーのWordPressのテーマ Magnoliaをご紹介。Magnoliaはか なりカスタマイズされたWordPress のテーマで無料で使うことが可能です。 Magnoliaはファイルをアップロードし、外観で有効化。設定ページも追加されます。以下の7デザインを選択可能です。 スタイルとロゴを設定画面で変更できる ロゴもブラウザ上で変更可能です。設定画面のLogo Image Pathに画像のアドレスを入れれば変更されます。 人気記事、TwitterのPostなどを表示 ウィジェットで色々と管理できます。人気記事、コメント、TwitterのPostを表示するウィジェットの追加も可能になります。お好みで良いと思いますが、Twitterのウィジェットは3にした方が良さそうです。Twitterはウィジェットで編集、アカウント名と表示Post数を設定します
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
