HTTPリクエストを減らすために【序章】HTTPリクエストは甘え - MOL
このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっている。 【序章】HTTPリクエストは甘え 【CSS Sprite編】スプライト地獄からの解放 【WebFont編】ドラッグ＆ドロップしてコマンド叩いてウェーイ 【DataURI編】遅延ロードでレンダリングブロックを回避 【終章】我々には1000msの猶予しか残されていない 1日目は、HTTPリクエストの概要について説明する。 例えに、私のポートフォリオページ（t32k.me）が表示されるまでの流れを見ていく。まず、検索からでも方法はなんでもよいが、ブラウザのURLバーにt32k.meと打ち込んでアクセスする。そのページを見にいくということは、つまりt32k.meに対してHTTPスキームでリクエストするということを意味している。 クライアントであるブラウザは入力されたURLを判断して、リソ
[Adobe CS2]Win 7にインストールする方法｜nノ記
nノ記 印象的だったことを書いてます。 ブログ画像一覧を見る « [HP Offic･･･ 記事一覧 [水木しげる]遠野･･･ » [Adobe CS2]Win 7にインストールする方法 2011年03月05日(土) 16時05分01秒 テーマ：PC Adobe CS2をWin7にインストールし動作させるためのメモです。AdobeCS2では、Win7は動作対象外なので、自己責任になります。 ■問題 Adobe CS2をWin7にインストールするために、C:\Program Files (x86)もしくはC:\Program Files を選択するとエラーが表示されインストールできません。 うまく上記のフォルダーにインストールしても、PSを立ち上げると下記のエラーが表示されるので、作動できません。 エラー内容 「Photoshopのユーザ名、組織、またはシリアル番号が不完全または無効です。ア
iPhoneやiPadでページを見ながらウェブデバッグが可能に！iOS 6から搭載された「Webインスペクタ」が超絶便利！ | gori.me（ゴリミー）
【img via iOS 5.1 Update. by MJ/TR (´･ω･)】 iPhoneやiPad向けにウェブ制作をしている人は知らないと損！ 最近頻繁にgori.meのチューニングを行なっているのだが、iPadで見ると崩れてしまう表示を長らく修正できずにいた。というのも、Macで見るとどのブラウザでも問題なく表示されていたから。 そんなところに先輩が「Safariのウェブインスペクタを使うと良いよ」と。基本的にGoogle Chromeで開発をしている僕としては「なぜわざわざSafari？」と思っていたが、iOS 6搭載端末を繋げるだけでSafariのウェブインスペクタはGoogle Chromeの何倍も便利になる。iOS 6からの新しい機能で、iPhoneやiPadでページを見ながら直接ウェブデバッグができるのだ！！ そもそも「Webインスペクタ」って何？ そもそもWebインス
まだIllustratorに慣れていない人のための、まず習慣にしておきたいショートカット - DESIGNMAP
これからIllustratorを学ぶ人、まだ経験が浅い人向けのエントリーである。ショートカットはとにかく学習の初期の段階で、無理をして習慣にしておくと、作業時間を短縮できて、後々楽になる。最初はゆっくりでもよいので試してほしい。 またショートカットに加えて、『Illustrator ベジェ曲線トレーニングブック』を参考に、ペンツール（ベジェ曲線）の訓練をしつこくやっておきたい。 Macの方は、Ctrlをcommand、Altをoption、Shiftをshift、Tabをtab、Enterをreturnに置き換えて読んでほしい。 Shift + Tab ツール以外のパネルをすべて非表示にできる。一時的に、作業エリアを広くしたいときに使う。 スペース + ドラッグ 手のひらツールのショートカットキー。360度方向にスクロールができる。 スペース + Ctrl + 拡大したいエリアをドラッグ
デザイナーのためのSubversion/TortoiseSVN入門2 -Subversionでのフォルダーの命名・構成とTortoiseSVNの便利な使い方-
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに Yahoo!検索のデザイナー担当の竹内美帆です。前回の記事「もうファイル管理で困らない！ デザイナーのためのSubversion/TortoiseSVN入門」では、「Suvbersionの概要」と「TortoiseSVNのインストールから基本操作」を解説いたしました。今回はさらに一歩踏み込んで、Subversion初心者の多くが疑問を持つ「Subversionのフォルダーの命名と構成」と「TortoiseSVNの便利な使い方」をご紹介します。 目次 Subversionのフォルダーの命名と構成 基本的なフォルダーの命名と構成 柔軟な構成を考えてみる TortoiseSVNの便利な使い方 変更履歴を見る 前回のリビジョンと
Web制作に携わる人は見ておくべき、2011年のはてブ1500数以上の良記事31選 | URAMAYU
2011年のWeb制作トレンドをはてブのホットエントリから振り返ってみました。 2011年でトレンドは、スマートフォン向けサイトやアプリの制作関連、HTML5関連、あとはFacebook対応のためのノウハウといった感じでした。 はてなブックマーク「コンピュータ・IT」カテゴリ内で、1500以上ブクマがついた記事を選出、その中からさらに私の主観も入りつつ、2011年Web制作系のエントリーの中でもベストな31記事をピックアップ、Webデザイン系、SEO系、HTML+CSS系、プログラミング系、スマートフォンサイト制作系、企画、ツール、その他系、素材系にそれぞれ分類しました。 Webデザイン系 1. 色彩センスのいらない配色講座 配色と色についてひじょーに分かりやすく、論理的に解説されたスライド。はてブ数ダントツ。 2. デザインの基礎力をワンランクアップしたい私（Webデザイナー
素人っぽいデザインから脱却するための12のデザインチップス | webox blog
クオリティを上げるためにはちょっとした「こだわり」がとても大事です。 定期的に話題になるネタで恐縮ですが、素人っぽいデザインにならないように個人的によく使ってる小技をまとめました。 上のものほど、簡単で多くのデザインに使える小技になります。 1pxのボーダーを使う 1pxの効果を使うのと使わないのでは、デザインの質に大きな違いが生まれます。 ある意味Webデザインでは一番重要な要素かもしれません。 定番です。たった1pxのボーダーをつけるだけでシャープな印象になります。 ただ塗りつぶしただけ、グラデーションを入れただけのボタンでは、のっぺりとした感じになりやすいですが、1pxのボーダーを上部に入れるだけでシャープな立体を表現できます。 正確には1pxでなく2pxですが、こうして黒系のボーダーと白系のボーダーを並べることで、明確にかつシャープに仕切りを表現できます。 1pxのドロップシャ
Tumblrをこれから始める人へまず読んでおきたい記事１０選 | A!@attrip
Tumblrをはじめようかな？と思うんだけど、 ぜんぜんわからない！とか メモなの？とか twitterとどう違うの？とか いろんな質問をされるのですが、まずこの辺を読んでみるとなんとなくどんなものかがわかるかもしれない。 なぜ？Tumblrがまた注目されているか？ http://b.hatena.ne.jp/entry.parts?url=http%3A%2F%2Fzen.seesaa.net%2Farticle%2F221943738.html http://b.hatena.ne.jp/entry.parts?url=http%3A%2F%2Fmatome.naver.jp%2Fodai%2F2131331863351860401 ・有名なユーザが使い始めた事 ・WordPressよりサイトが多い事 ・もう無視ができないよっ！って事とか http://b.hatena.ne.jp/e
よくあるカスタマイズコード functions.php 多め
WordPress のテーマを自作するときに、よく使っているコードのまとめです。主に functions.php に書いている基本的なコードばかりです。私は仕事で Webサイトを作っているので、後半はクライアントさん向けの Webサイト用コードです。 私、Evernote を使ってるんですけど、WordPress をカスタマイズするコード … たくさんクリップしてあって、ちょっとごちゃごちゃしてきたので整理しました … X( その中から一般的に使えるコードだけまとめてみました。個人的によく使うコードなど、一カ所にまとめておきたいなーと思ったのでメモ書きです。全部 WordPress 3.2 になってから、テスト済みです。 WordPress のよくあるカスタマイズ 目次 セッティング関連 ソーシャルボタンを追加 抜粋表示、the_excerpt 関連 タイトルの文字数を制限して表示する 特
Apple Serial Number Info - soundscapeout (仮)
あなたの Mac のシリアル番号から、様々な情報を得ることが出来る「Apple Serial Number Info」。 Apple Serial Number Info // Decode your Mac's serial number! シリアル番号は、システムプロファイラから確認できます。 オプションキーを押しながら、メニューのアップルマークをクリックすれば、一番上に「システムプロファイラ...」と表示されているはずですので、選択すれば、システムプロファイラが起動します。 シリアル番号は、ハードウェアの概要の一番下の項目です。 このシリアル番号をコピーし、「Apple Serial Number Info」にペースト、「Get Info」をクリックすれば、 いつ、どこで作られたのか？ メモリ最大搭載可能容量 メモリタイプ オリジナル OS（バンドルされていた OS） ファームウェア
メンテナンス中画面を出す正しい作法と.htaccessの書き方 | Web担当者Forum
今回は、Webサイトやサービスをメンテナンス中にする場合に、どのURLにアクセスしても「メインテナンス中です」の画面を出す正しいやり方を、人間にも検索エンジンにも適切にする作法を主眼に解説します。 この週末の土曜深夜～日曜早朝にかけて、データセンターの設備メインテナンスのため、Web担を含むインプレスグループのほとんどのWebサイトが、どのURLにアクセスしても「メンテ中です」という表示になっていました。 なのですが、その実装がちょっと気になったので、「正しいメンテナンス画面の出し方」を説明してみます。 ※2010-01-16 Retry-Afterを指定するHeaderの指定を修正しました（コメント参照） ※2009-06-17 RewriteCondから [NC] 条件を削除しました（コメント参照） ※2009-06-16 Retry-Afterの記述をGMTに変更しました（コメント参
.htaccessで使える16の技:phpspot開発日誌
16 Useful .htaccess Tricks and Hacks For Web Developers : Online Marketing Blog - Website Development & Website Marketing tips and Strategies .htaccessで使える16の技が色々と紹介されていました。 1. ErrorDocumentでエラーページ指定の方法 ErrorDocument 401 /error/401.php ErrorDocument 403 /error/403.php ErrorDocument 404 /error/404.php ErrorDocument 500 /error/500.php 2. Timezone設定 SetEnv TZ America/Houston 3. IPブロッキング allow from al
10分でわかるOpenIDの概念と用語集 - livedoor ディレクター Blog(ブログ)
こんにちは、livedoor AuthやOpenID、EDGEを担当している櫛井です。 皆さんはOpenIDというものをご存じですか？今回は10分でわかるOpenIDの周辺情報をまとめてみたいと思います。 OpenIDとは、１つのIDで色々なサイトにログインできる仕組みのことで、対応サイトに対し、ユーザーの認証IDとしてURLまたはXRIを使用することが出来る分散型の認証システムを指します。最近ではOpenIDを発行しているサイトや、OpenIDでのログインに対応しているサイトも増えてきています。認証の遷移イメージとしてはlivedoor Authの図が参考になるかと思います。 ■用語 ・OP OpenID Provider (オープンID プロバイダ)の略で、OpenIDとして利用できるIDを発行しているサイトやサービスを指します。OPが発行しているOpenIDの数は数千万とも数億ともい
アンケートフォームが超簡単につくれるようになったGoogleドキュメント | G Mania - グーグルの便利な使い方
アンケートフォームが超簡単につくれるようになったGoogleドキュメント 管理人 @ 8月 13日 03:40pm Google ドキュメント 以前からGoogleドキュメントでは、フォーム（アンケート）機能が利用でき、ウェブページに埋め込みできたりと好評でしたが、今回そのフォーム機能が独立してさらに使い易くなりました。 Googleドキュメントトップページの「新規作成」から「フォーム」を選択します。 あとは、フォームを記入していくだけです。 質問項目を増やすときは、「質問を追加」ボタンをクリックします。 画面一番下に表示されるURLからフォームが公開されます。 筆者もテストで作ってみました。 http://spreadsheets.google.com/viewform?key=pG2FhOx16a4rQYAIyxg15bA あと、「このフォームをメール送信します」ボタンから直接メールす
3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ
最近ケータイサイトの開発を行っているのですが、キャリアや機種によって動作にいろいろと違いがあり、なかなか面倒ですね。 キャリアごとにテンプレートを分けて記述するのは手間なので、基本的に共通テンプレートで記述したいところですが、どうしても振り分けをしないと駄目なこともあるため、今回やってみて気がついた違いなどについてまとめてみました。 なお、いわゆる第三世代携帯電話(DoCoMo FOMA, au WIN, SoftBank/Vodafone 3G)でXHTML対応機種のみを対象としています。 ■文字コード UTF-8で統一して大丈夫そうなのですが、DoCoMoのみ特定の文字(三点リーダーや丸数字など)をフォームから入力した場合に消えてしまったりするようですので、DoCoMoは入出力をShift_JISにする必要があります。 ※上記で特定の文字のひとつとしてあげました三点リーダーですが、UT
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
お盆期間中に一気読みしたい、Web制作者におすすめのスライド
ブログが続かないわけ | ログイン処理が簡単と言い切れるか 〜 フィッシング対策も忘れずに