デザイナーが知っておきたいDOMの読み込みとjQuery | スマートフォンアプリ開発会社のエンジニアブログ
こんにちは。ビンゴ豊島です。デザイナーという立場ですがJavaScriptもちょいちょいと書かせていただいております。 今回はDOM操作をする前に知っておきたいDOMの読み込みについて記事を書かせていただきます。対象はDOM操作ばかり、もしくはDOM操作しかしないんですけど？といったデザイナーさんになります。これを読むと今までなんとなく使っていたjQueryも意味を理解した上で使えるようになれるかもしれません。 Webページが表示されるまで ブラウザがページを表示するまで簡単に書くと下記のようになります。 サーバにページをリクエスト サーバから返されたHTMLをダウンロード DOM構築をしつつ描画と画像等のダウンロード 表示完了 このうち「3. DOM構築をしつつ描画とダウンロード」のタイミングでどのような順番でイベントや処理が発生するかを検証します。 DOMの読み込みを確認するサンプルコ
Wordpressの企業サイト向けテンプレートまとめ 2014 秋
最近増えてきたと実感できるのはWebサイトのフラットデザイン化。大手のサービスでもフラットデザインが取り入れられており、これまで１０年遅れと言われてバカにされてきた日本のWebサイトが変わってきてます。 例えばSUUMOのサイト。昔はバナーと青いテキストリンクだけだったWebサイトが綺麗に見やすくなってます。 しかしまだまだ日本の企業サイトは古いまま。ということでこのページでは企業向けサイトを先進的なデザインに変える、Wordpressの企業向けテンプレートをまとめてみました。 企業向けのフラットデザインテンプレート Boson SEO対策はもちろん、６パターンのランディングページもついたWordpressのテンプレート。レスポンシブレイアウト対応なのでスマホ向けの画面にも対応しています。 Crystal Responsive WordPress Theme こちらもレスポンシブで数多くの
デザイナーでもJavaScriptやjQueryが必ず上達する3つのコツ
いまやJavascriptを使わないサイトはほぼないと思います。 WEBデザイナーもJavascript、せめてjQueryは使えないと 厳しい時代です。 JavaScriptやjQueryは時間をかければ、 基本的なことは絶対にできるようになります。 ここでは必ず上達する3つのコツを紹介します。 （1）本を最初から最後までひと通りやる 初心者用の本を一冊買ってわからなくてもいいので、最初から最後までやる。 デザインを模写するの同じで、とくかく黙々とコードを書いていくことです。 ポイントはコードは必ず書くこと。 書くことで少しづつ構造がわかってきます。 また、同じような構文ができてくることに気づくでしょう。 それは少しずつ理解できている証拠です。 読むだけでは絶対に覚えないのでダメです。 （2）暗記する とにかく暗記することです。 学生時代に、英語の単語を覚えるために何度も書いたように と
jQueryでスクロールするとヘッダーを固定させる
最近よくあるページがスクロールを始めるとヘッダーの位置が固定するjQueryのスクリプトです。 よく使うのでメモがわりに掲載します。 基本は簡単なので覚えておけばいろいろ応用できるかと思います。 デモはこちら 仕組みは、<header>の高さ分（デモでは80px）スクロールすると<nav>にfixedクラスが追加されることで固定されます。 header { width: 100%; height: 80px; color: #333; background: #EEE; } nav { width: 100%; color: #FFF; background: #333; } nav.fixed { position: fixed; left: 0; top: 0; } $(function() { //ロード or スクロールされると実行 $(window).on('load scrol
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
