かわいいあいつIEとの付き合い Internet Explorer 通称 IEはかわいいやつである。私の心を掴んで離さない。IEについて言及すれば火が燃え上がる、存在が燃えている最強の火種だ。 なぜこんなにIEはかわいいのか。テーブルタグでウェブサイトをレイアウトする時代からCSSでレイアウトする時代へ移行する際はIE5/IE5.5/IE6/Mac IE5.2でどうしたら同じレイアウトを実現できるかを苦悩させてくれた強敵（とも）だった。 昨今のHTML5バンザイWEB制作においては、最新機能を使ってWEBサイトを作る上でIEの表示や機能をどうするかという話題が常にモチキリだ。 そんな我々の心を離さないIEの対策をする上で一つ一つ表示を確認しながら作っていたら日がくれて定年を迎えてしまう。IE定年を迎えないためにある程度どういう対応が必要かよくまとまっているサイトを見ていこうと思う。 チート

CodaやDreamWeaverなど高機能なエディタのスニペット機能はとても便利です。よく使うコードは断片としていつでもショートカット一つで呼び出せるようにしておきたいものです。 ライトなエディタでサッと動くものをサッと作りたい時もあり、その都度スニペットを登録しているエディタに切り替えたりしなくてもいいようにするためにTextExpanderというアプリを活用しています。 エディタごとにスニペットを用意することも重要ですが、TextExpanderにスニペットを集約しておけば、設定ファイルをDropboxで同期もでき、複数マシン環境で仕事をされる方にも重宝します。 TextExpander for Mac カテゴリ: 仕事効率化 価格: ￥3,000 TextExpanderの使い方 TextExpander自体の使い方は下記のページがとてもわかりやすいです。 [動画あり]快適な文字入

まずわかってあげて欲しい。大抵は浮気してるわけではない ほんのごく数％のリア充プログラマを除いて大抵のプログラマが家に帰ってこない理由は浮気ではない。 今日は新婚早々ダンナが家に帰ってこないあなたのために、なぜプログラマのダンナが家に帰ってこないのかを教えて差し上げたいと思う。 ここに挙げるもの全てが当てはまるというわけではないだろうが、どれか一つは必ず当てはまるだろう。明日から帰ってきた際は優しく迎えてあげて欲しい。 ワケ1：単純にデスマーチ中だ あなたはデスマーチという言葉を知っているだろうか。直訳すると死の行進だ。デスマーチに取り込まれてしまったが最後、現在あなたのダンナは人間としての扱いを受けていない。 一睡もしていなくても誰も心配もしてくれない。いつ出来上がるんですか？というプレッシャーの中、1秒の価値が過去最高潮に高まっている。 そっと「世界中が敵になっても私はあなたの味方よ」

無料で学べるドットインストール 無料でプログラミングの基礎を簡単に動画で学習できるドットインストールというサイトをご存知でしょうか。こちらのサイトではHTMLやCSSといったWEBページを作るための基礎知識やWEBシステムやWEBページのデザインをするためのプログラミング言語の解説が幅広く網羅されているサイトだ。 初心者でなくても、新しい言語を気軽に学べるようになっており、WEB技術の学習に対する敷居を大きく下げてくれている。今日はこれからWEBページを作りたいという方やWEBディレクターをやっているが作り方を実はよく知らないという方が最低限押さえておきたいレッスンをピックアップする。 HTML これが書けなきゃ始まらない。HTMLは全く難しいものではありません。整形した文書をWordで作ったことがある方は多いと思うが、HTMLはインターネットに整形した文書を公開するための言語だ。 WEB

ユーザーがページ表示に待てるのは2秒までと言われている。WEBサイトパフォーマンス最適化の話は多数上がっており、画像サイズやJavaScript・CSSの最適化、HTML上の外部リソースの読み込み順序、CDNの利用、DNSルックアップを減らす、HTTPリクエストの数を減らす、コンポーネントを圧縮するなどなど対応し始めたらキリがない。 実際の案件でしっかり最適化を行えているWEB製作者の方は意外に少ないのではないだろうか。今回は最適化のコトハジメとしてまず手軽に誰でも行える画像最適化に使えるツールを挙げてみたいと思う。 ローカルアプリケーション ImageOptim（Mac向け） ドラッグアンドドロップだけでJPEGやPNGの余計なメタ情報を削ってサイズダウンしてくれるアプリ。オフラインでがっと使えるのがうれしいマストツールだ。 ImageOptim — make websites and

ウェブサイトのWindows 8 向け対応 iPad Miniややたら薄いiMacが発表されて賑わっている中恐縮だが、今日はIE10にWEBサイトを対応させるために最低限押さえておきたいポイントを見ていきたいと思う。 スナップモードとデスクトップモードがあるWindows 8のIE10にウェブサイトを最適化させるにはいくつかポイントがあるようだ。 IE10独自のviewport 実はまだviewportはW3Cにより策定段階にある。IE10ではメトロ？スタイル用のネイティブアプリを作成するためのアプローチとして独自のviewport指定をできるようになっている。Windows 8のデバイス向けにレスポンシブデザインを施すには、下記のように指定する。 @-ms-viewport{width: device-width;} コンテンツの幅をデバイスにフィットさせたくない場合は下記のように指定す

HTMLコーディングの次世代標準機能を備えるエディタ 先日紹介したAdobe Edge Tools & Servicesのエディタ担当Adobe Edge Codeを紹介します。対応OSはWindowsとMac OS Xで現在プレビュー版で無償で使うことができる。 先行して公開されているオープンソースプロジェクトBracketsをコアに採用しており、革新的な機能が備わっている。次世代エディタの標準となりそうな機能の解説を盛りだくさんでみていこう。 尚、ショートカットはMacベースで説明します。Winの方は適宜CmdをCtrlに読み替えてください。 HTMLファイル上から各タグのCSSを直接オープン これは感動的過ぎる。HTMLファイル内のスタイルを編集したいタグにカーソルを合わせ、Cmd + Eを叩くと、なんと直下にCSSの定義が呼び出されて表示される。奇跡だ。 なぜこの機能を今まで他のエ

JavaScriptの書籍はjQueryやサンプル中心のチップス本などを含めると、多数出ており、これから勉強したい人にとってはどれから読めばいいか迷うところだと思います。 今日はここ数年で出た書籍の中で初級者から脱中級者になるまでに読みたい書籍を、この順番で読めばステップアップできるという内容で紹介したいと思います。 STEP1. 初心者へのおすすめはダントツでこれ一択。 初心者向けの内容としてはこれがダントツでおすすめです。内容が易しく丁寧な上にサポートサイトで書籍の内容を動画で説明してくれています。 Amazon.co.jp： よくわかるJavaScriptの教科書: たにぐち まこと: 本 サポートサイトはこちら STEP2. 全体を把握するには十分なボリューム。脱初級者向けにはこの2冊。 2冊とも初級者にとっては少し厳しい内容になっていますが、この2冊が理解できれば後は作りまくる

アジャイルな変貌を遂げ続けるOS Windowsの新バージョン 「もうインターフェース変えるの法律で禁止しようや」「タッチUIベースは普通のPCでは使いにくいだろう」などと騒がれる革新的な新OS Windows 8が10月26日発売に発売される。 まるで今流行のアジャイル開発中のように次々とUIが変わるWindows。本当のリリースはいつなのだろうか。興味はないが、仕事上最低限の特徴は知っておかないと色々と不便なので、押さえておきたいポイントをみていこうと思う。 1. タブレットからノートPCへ変形するトランスフォーマーだ 私の分身、ネクストイノベーションの日向徹も使っていたWindows 8だが、どのような機能があるのだろうか。 まずは本家のサイトの動画を見てもらいたい。Windows 8 Release Preview Start画面。今までのWindowsとはなにもかも違うと言っても

簡単に作れる！みんな大好き可変グリッド 先日話題になっていた「なんだこれ！！「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ！！」で紹介されていたNHKスタジオパークのレスポンシブデザイン。 こちらのサイト、プラグインを使ってとてもシンプルに作られています。キレイ。このシンプルさを伝えたくてうずうずしてきました。せっかくうずうずしたのでどんな作り方をしているのかサンプルを交えて紹介します。 まずはこちらのデモを御覧ください。 凄まじくレスポンシブデザインなサイトデモ 使われているのはjQuery Masonryというプラグインだ！ @planetofgoriさんのブログで紹介されているように、jQuery Masonryというプラグインが使われています。このプラグインたった数行でNHKのサイトのような可変グリッドレイアウトが作れてしまいます。可変グリッドのレイア

アルバイト情報サイト「爆進アルバイターズ」 アルバイト情報の爆進アルバイターズへようこそ。アルバイト探しに役立つ求人情報を網羅したページ、体験談や口コミが参考になるアルバイトのランキング式投票、履歴書の書き方や所得税といったアルバイトの基本、職種ごとのアルバイト解説など…アルバイトに役立つ情報をのせています。 初めての方はこちら 更新履歴とメモ ■　管理の譲渡と、その後サイトの大幅なリニューアルを予定していますが、その前にアルバイト投票ランキングと口コミ・体験談が復帰しました。よかったアルバイトと、あたらしく◎なアルバイト求人情報を掲載、みんながどの求人情報をよく使い、気にいっているかがわかります。以前あった、みんなのアルバイト時給も復帰です。 このほかに、2つほど復帰予定です。加えて、「地域別のアルバイト事情」を追加予定です。 ■　12月～3月にかけて、リニューアル予定です。管理も他の方