2015-01-01から1ヶ月間の記事一覧

今日からjQuery‼

ずっと自分でjQueryを書けたら…と思っていました。 でもなんだかんだでないがしろにしてしまっていたり、コピペで済ませていたり…。 早速勉強を始めます‼頑張るぞー!\(^ o ^)/ このブログでは、私のためのメモとして使わせて頂きます。 (後で見返したら…

Modernizr

cssの「background-size」はIE8に対応していません!IE8でどのように表示されるのか、いつも見る前は不安でたまらないですが…。今日はそれを解消できる技を教えてもらいました‼︎Modernizrhttp://modernizr.com上のサイトのmodernizr.jsを読み込ませます。開…

レスポンシブコーディング

今日はレスポンシブサイトのコーディング作業だったのですが、初めて使った素晴らしいものがありました!「hightLine.js」です‼︎ググって最初に出てきたのがこれhttp://blog.webcreativepark.net/2007/07/26-010338.htmlレスポンシブで2カラム以上のボックス…

コーディングで学んだこと

今日のコーディングで学んだことを書いていきます。まず、imgタグのaltには、しっかり代替テキストを記述すること。結構中途半端に書いてしまっていることが多いです。。改善します!また、ページ全体を見て、どこがh1、h2、h3、pタグになるのかを決めること…

今日のコーディングで習ったこと

まず、今日のコーディングで習ったことを一つずつメモしていこうと思います。まずはクラスの付け方について!私が今まで結構やってきちゃっていたのは、外側のdivなどにクラス名やid名をつけて、その中の要素に対してcssをあてるというものでした。でも、こ…

初めてheader内のog:imageを知る

今日はまず、「header」内に設定するmeta情報について書いていこうと思います。「og:image」「og:url」などです。実はまだ知らなかったりします。(^ ^;; og:image 徹底解説、意味も設定画像スペックもこれでばっちり! - Six Apart ブログ フェイスブック、…

PSDを見ながらcssを記述

PSDデータからmargin、paddingなどなど、間隔を測るときに楽チンな方法を今日は教わりました。(デザイナーさん、ありがとうございます‼︎)私は今まで「シェイプツール」で長方形を作ってました。あまりいいやり方じゃないんだろな…とは思ってました(^^;;教え…

今日のコーディングで学んだこと

自分がコーディングしたものをキャプチャして、PSDデータと合わしてみる‼︎自分でPSDを見て測っているつもり…になっていて、実は大雑把に作っていたと実感しました。(もしかしたら「今までやってなかったの⁉︎」と驚かれるかもですが。。(^^;; )Chromの追加機…

emmetを初めて使う

昨日に引き続き、『Web制作者のためのsublime textの教科書』を参考に、 パッケージ「Emmet」の使い方を学びます。 ● HTML5を挿入 「html:5」 の記述後に「ctrl + E」で展開してくれます。 展開するのに使うのが ・「ctrl + E」もしくは「tab」 入力後の一番…

ブログ初投稿は初のサブライムテキストについて

サブライムテキストを初めて使用します。Dreamweaverに慣れていた私にとってドキドキです…(^ ^;; 今日はインストールした際の設定を、復習感覚のメモ書きにしていきます。 また、今回サブライムテキストの設定をする際に使用したのが、『Web制作者のためのSu…