Yap. Im from Osaka, and this is nomrl.
YouTube - Osaka Bang! with English sub
Yap. Im from Osaka, and this is nomrl.
マークアップエンジニアじゃなくても覚えておきたいHTMLとCSSの話(〜HTML5・CSS3、IE8 それぞれの準備に向けて) - livedoor ディレクター Blog(ブログ)
こんにちは。 livedoor Blogを担当しています石野と申します。 前職はマークアップエンジニア(HTMLコーダー)をしていました。 今回はその経験を踏まえ、ディレクターとして把握しておいた方が良いHTML/CSS関連のお話をご紹介しようと思います。 昨年からHTML5、CSS3、そしてInternet Explorer(以下IE)8のベータ2版発表と、バージョンアップに関するニュースが相次ぎました。 その違いを認識する上でも、また制作サイドのディレクションに活かす上でも本エントリーを参考にしてください。 ▼ 構成 (1) HTML - 文書型について (2) HTML+CSS - クロスブラウザについて (1) 文書型について - ファイルの先頭に陣取っている「DOCTYPE」とは何か？ HTMLソースを開くと、こういった記述を目にしませんか？ !DOCTYPE html PUBL
CSSやJS、画像などを一括で読み込んで読み込んだ後にfunction実行できる「xLazyLoader」:phpspot開発日誌
CSSやJS、画像などを一括で読み込んで読み込んだ後にfunction実行できる「xLazyLoader」 2009年02月19日- xLazyLoader - ajaxsoft - Lightweight js, css and images loader - Google Code CSSやJS、画像などを一括で読み込んで読み込んだ後にfunction実行できる「xLazyLoader」が公開されました。 次のようにしてファイルを一括読込みの後、loadメソッドが実行できます。jQueryプラグインです。 $.xLazyLoader({ js: ['ui.core.js','ui.dialog.js'], css: ['ui.core.css', 'ui.dialog.css'], image: ['your_image.jpg', 'your_image1.jpg', 'your_i
ロゴ画像の“データがない！”を一瞬で救う超便利ツール (1/2)
Webサイトのロゴを作る時は、Photoshopのようなビットマップデータではなく、Illustratorで扱うようなベクターデータのほうが何かと便利だ。画質を落とさずに拡大縮小をはじめとするさまざまな加工ができるし、印刷物などWeb以外の用途にも流用が利く。実際、多くの方はそうしているだろう。 ところが、これが他人から指定されたロゴを使う場合はそうはいかない。「ビットマップデータしかない」、あるいは「名刺や封筒に印刷されたものしか残っていない」なんてケースもざら。やむを得ず、名刺をスキャンして下絵にして、Illustratorを使ってトレースして……といったステップを踏むことになると、時間も手間もかかって面倒だ。 そこで活用したいのが、ビットマップ画像をベクター画像に変換してくれる自動トレース機能。たとえば、CS2以降のIllustratorには、「ライブトレース」という機能が搭載されて
[JS]スムーズなスライドが気持ちいい、パンくずのスクリプト -jBreadCrumb
jBreadCrumb demo パンくずはリスト要素で実装されており、既存のパンくずに適用することも簡単です。 「jquery.jBreadCrumb.js」の最後に記述してあるオプションでは、オープンするルール、オープンしておくレベル、アニメーションのスピード、クローズ時のサイズなどを変更できます。 オープンするルールの最大文字数と最小文字数を100に、エレメント数を1に、オープンしておくレベルを終わりから2に、クローズ時のサイズを20に変更。 jBreadCrumbはjQueryのプラグインのため、動作にはjquery.jsが必要です。
技術系のサイトデザインに使えそうなPhotoshopブラシ集:phpspot開発日誌
850 Super Cool Tech Brushes for Photoshop | Naldz Graphics 技術系のサイトデザインに使えそうなPhotoshopブラシ集。 バーコードや回路図などをブラシにしたセット集が公開されています。 ちょっとした粗さも技術系を出すにはよいかもしれません。 Tech Brushes 200 Tech Brushes Tech Brushes Tech Brushes 2Bit Twilight 全部見る 色々なブラシがあるものですね。 関連エントリ マストハブなPhotoshopブラシ集 PhotoShopのブラシやパターンがいっぱい「myphotoshopbrushes.com」 自然に関するPhotoshopブラシいろいろ
ウェブサイトでやってしまいがちなユーザビリティのミス
ウェブサイトでやってしまいがちなユーザビリティの9つのミスをSmashing Magazineから紹介します。 9 Common Usability Mistakes In Web Design 下記は、その意訳です。 1. クリックできるエリアが小さい リンクのクリックできるエリアが小さいと、ユーザーはクリックするのが非常に困難です。 解決方法 リンク箇所にpaddingなどを設けて、クリックできるエリアを大きくします。 2. 間違った目的のためのページネーション ページネーションは、内容を複数のページに分ける時に使用します。 しかし、最近ページビューを増やす目的でページネーションを設置しているサイトがあります。これには問題点が2つあります。 一つ目は、1つのコンテンツを読むのにページをロードしなくてはならないこと。二つ目は、SEOと関係があります。ページのインデックス付けを行う際、ペー
web開発者なら知っておきたい HTTPステータスコード : LINE Corporation ディレクターブログ
こんにちは。ブログと検索を担当している河野です。 突然ですが、皆さんは404という数字を見て何を思い浮かべるでしょうか。 この数字からWebブラウザで時折見かける「404 Not Found」を思い出す人は多いのではないかと思います。ということで、ちょっと強引ですが、今回はこの404などのHTTPステータスコードについて、ディレクターの視点で知っていた方がいいことを書いてみたいと思います。 【１】HTTPステータスコードの定義と確認方法 まずはHTTPステータスコードについて一通り説明をしたいと思います。 HTTP ステータスコードとは、「HTTPにおいてWebサーバからのレスポンスの意味を表現する3桁の数字からなるコード」とWikipediaには定義されています。 冒頭であげた404は、このステータスコードの1つで、リクエストに対応するページやファイルを見つけられなかった時にサーバが返し
ke-tai.org > Blog Archive > ケータイ大規模サービスの開発・運用に関する資料のまとめ
ケータイ大規模サービスの開発・運用に関する資料のまとめ Tweet 2009/2/18 水曜日 matsui Posted in 記事紹介・リンク | 5 Comments » 先月末に「満足せる豚。眠たげなポチ。大規模サービスの運用事例まとめ」という大変素晴らしいブログエントリーがあり、ブックマークしていたのですが、なかなか時間を作れずに目を通せずにいました。 本日読んでみると、とてもためになる情報が多かったため、まとめのまとめという形ですが、資料の中からケータイ関係の事例を抽出して、簡単にコメントをつけてみました。 まず、大元の記事はこちらです。 → 満足せる豚。眠たげなポチ。 大規模サービスの運用事例まとめ [blog.hacklife.net] → 満足せる豚。眠たげなポチ。 「大規模サービスの運用事例まとめ」に補記 [blog.hacklife.net] → livedoor 開
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]全幅960+10pxをベースに汎用的に展開するグリッドシステム
http://www.designwalker.com/2009/02/ps-action.html