身につけておきたいWebサイト高速化テクニック｜検証ツールとそもそもHTTPって何だ編 ｜ クラスメソッド開発ブログ

2013/01/24 640 users http 検証ツール Webサイト高速化テクニック

参考にトップ1,000もどうぞ。 2.2 その他のツール 「GTmetrix」以外にも以下のようなサービスがあります。 PageSpeed Insights PageSpeed Insights GTmetrixと見ているものは基本同じですが個別に計測できます。 YSlow YSlow Google ChromeやFirefox、Opera、Safariにインストールして利用することができます。こ... 続きを読む

HTML5 × CSS3 × jQueryを真面目に勉強してみる – #12 Pinterest風グリッドレイアウトを作ってみた ｜ クラスメソッド開発ブログ

2013/01/15 502 users Pinterest HTML グリッド 従来 画面

HTML5 × CSS3 × jQueryを真面目に勉強してみる HTML5 × CSS3 × jQueryを真面目に勉強してみる – #12 Pinterest風グリッドレイアウトを作ってみた そんな訳で、写真共有SNSの一つであるPinterest(ぴんたれすと)。従来のグリッド式レイアウトのように高さが均一のグリッドが整然と並べられているのと違い、異なる高さのグリッドが画面いっぱいに敷き詰め... 続きを読む

【寄せあつめ】今さらだけどSublime Text 2の基本とカスタマイズ【Vim風】 ｜ クラスメソッド開発ブログ

2012/12/03 647 users sublime text カスタマイズ vim ナウ エディタ

こんにちは、僕はVimユーザーです（ちなみにVimを完璧に使いこなしているわけではありません）。 今更ながら「Sublime Text 2」というナウでヤングなエディタも使いこなせるようになりたいと思い、Sublime Textの基本設定からプラグインやスニペットの作り方まで調べた内容をこの記事にまとめることにしました。 細かい情報までまとめることはできなかったので、より詳しい内容を紹介してくださ... 続きを読む

楽しく作れる！スマホアプリ/サイトのワイヤーフレーム・モックアップ作成支援ツール7選 ｜ クラスメソッド開発ブログ

2012/11/05 528 users スマホアプリ ワイヤーフレーム ユーザーエクスペリエンス

ワイヤーフレームを楽しく作ろう！ 魅力的なユーザーエクスペリエンスをユーザーに届けるために、ワイヤーフレームはとても重要です。 何より自分自身が楽しんで作らないと、良いアイデアは生まれないものですよね。 ということで「楽しく作れる！」という観点から、おすすめのスマホアプリ/サイトのワイヤーフレームの作成を支援するツールをまとめてみました！もちろんすべて無料で始められます！ では早速どうぞ〜！ Fl... 続きを読む

HTML5 × CSS3 × jQueryを真面目に勉強 – #6 パララックスエフェクトの基本 ｜ クラスメソッド開発ブログ

2012/10/16 761 users パララックスエフェクト パララックス parallax ディ

そんな訳で、パララックス・スクロールについて少し学んでみたので、超初心者向け（※自分含む）のサンプルをいくつか紹介していきたいと思います。 はじめに – パララックスエフェクトについて パララックス（parallax）を直訳すると視差です。視差効果とは、視界が移動する際に各物体がそれぞれ異なったスピードでスクロールすることで、奥行き間をはじめとした視覚効果を指します。 アニメーションの世界ではディ... 続きを読む

【番外編】Androidの爆速エミュレータ環境を構築する ｜ クラスメソッド開発ブログ

2012/10/11 1044 users Android エミュレータ 番外編 一念 使い物

Android爆速エミュレータ環境の作り方 Android開発者界隈のTwitter TLで、「Androidのエミュレータが低速で使い物にならないとか言って許されるのは小学生までだよねー。きゃははー」的な会話が繰り広げられていたので、これは知らないのはマズイのでは、という危機感から、一念発起し、爆速Androidエミュレータ環境の構築を試みました Androidのエミュレータが低速で使い物になら... 続きを読む