[pear_error: message="Success" code=0 mode=return level=notice prefix="" info=""]
JUGEMテーマ:WEBデザイン:ホームページ制作 こんちわ!とみみっす! 今回は「スクロールするとしたら、にゅっと出てくる、ページTOPへ移動するリンク」についてのお話。 ↑ボタン押したら........ ページのTOPにスライドしながら戻るやつです。 これをやりたくて、色々検索していたのですが、 意外とうまく挙動するものが少なく、困っていました。 で、ついに見つけて、目からうろこ! ■jQueryで作るスクロールしたら出現してスクロールに追随し、フッターの位置で止まるスムーススクロール ht...
My First JUGEM | 2014.08.26 Tue 19:34
JUGEMテーマ:WEBデザイン:ホームページ制作 おっす!オラとみみ! 今回はTomii_GirlishRoomを作った際に使用して便利だった、jQueryのライブラリについて紹介します。 ------------------------------------------ ■owl-carousel http://owlgraphic.com/owlcarousel/ TOPページやPhoto、illustページに使っている動く画像パネルの部分です。 自動で画像がスライドするし、指で画像を送ることも出来るやつです。 こういうのをカールセルっていうそうです。 ■利点 めっちゃ動作が軽いです! いろいろなカー...
My First JUGEM | 2014.08.26 Tue 18:25
JUGEMテーマ:WEBデザイン:ホームページ制作 とみみでっす。 今更ですが、「Tomii_GirlishRoom」作業時に、 Dreamweaverのテンプレート機能を使って、1週間ドはまりしたので、備忘録的に書きたいと思います。 なんでドはまりしたかというと、 ・phpのtemplateみたいに、部分パーツに分けて使えると思っていた。 ・オプション領域、リピート領域が、「編集不能領域でしか使えない」機能だと認知していなかった。 ・paramの条件記述でパニくった! ...などがあげられます(爆) Dreamweaverのテンプレート機能は「htm...
My First JUGEM | 2014.08.26 Tue 16:51
JUGEMテーマ:WEBデザイン:ホームページ制作 とみみでっす。 ページのコーディング方法を検索したり、問題解決方法を探すと、 いろんな方法があって、かえってパニくることってありませんか? わたしは、しょっちゅうです(爆) を作るとき、2つほどやり方があって、 私が取り入れた方法を、備忘録的に書いておきたいと思います。 --------------------------------------------- ■navigationメニューリスト(↓こういうやつ) [html] <nav id="nav_menu"> <ul> <...
My First JUGEM | 2014.08.26 Tue 16:49
JUGEMテーマ:WEBデザイン:ホームページ制作 こんにちは、とみみでっす。 今日は雨が降りやすい天気のせいか、昨日に比べ涼しくてうれしいです。 さて、今回はsassのお話。 「Tomii_GirlishRoom」作成時に、初めて使いました。 率直な感想、すごくいいです!! sassって何?と言う話ですが、「Go-Nextブログ」さむさんのお言葉を借りると、 「CSSをより便利に効率的に書けるようにパワーアップさせてある言語」 です。 sassで書くと、cssがパワーアップするわけですが、 補足説明として、パワーアップの工程として...
My First JUGEM | 2014.08.25 Mon 20:23
大阪VS福井、熱い打撃戦でしたね! 福井を応援していたのですが、残念ながら強豪桐蔭には惜しくも敗れてしまいました。 あの打撃戦でピッチャーに完投させるなんて、桐蔭は勝ちに対する自信があったのでしょうね。 さて、本日2回目の更新です。 title要素★★ページのタイトルはSEOで最も重要な要素★★ title属性は要素の補足情報を表し、ページのタイトル、画像の情報、リンクの情報などとして使われます。 今回はHEAD要素内のお話ですので、ページの情報としてのtitle属性ということになります。 書き方は以下の通り、head要...
おばちゃんでもできるWEBデザイン | 2014.08.24 Sun 23:27
先週お盆で更新をお休みしてしまったため、今週は2回に分けて、前回勉強したhead要素内の「title属性」と「name要素」を「SEO対策」と絡めながら書いてみます。 「title属性」と「name要素」、このふたつの記述方法は、SEOに深く関係すると言われています。 HTMLのお約束だからなんとなく記述するのではなく、 しっかりとした情報を記述するようにしましょう。 まずは、SEOとは何なのかの説明を先にしておきます。 SEOとは検索エンジン最適化のこと Search Engine Optimization略してSEO。 翻訳するとズバリ「検索エンジン最...
おばちゃんでもできるWEBデザイン | 2014.08.24 Sun 17:41
head要素の中身は、title要素やファビコン(ウェブサイトのアイコン)など、一部要素を除き、 ブラウザの閲覧時には見えません。 しかし、検索エンジンなど、各種WEBサービスが、 正しい情報をユーザーに知らせるために重要視している箇所です。 しっかりと意味を理解し、正しい情報を記載する必要があります。 meta要素 meta要素は、そのWEBページの情報を示す空要素です。 空要素とは、その名の通り要素の内容が無いため、終了タグは不要となります。 HTML5の場合はXHTMLと互換性を持たせるために、最後に「 (スペース...
おばちゃんでもできるWEBデザイン | 2014.08.11 Mon 00:29
実はシンプル!HTMLの構造 HTMLの全体構造は、まず大きく分けるとDOCTYPE宣言とHTML要素のふたつ。 DOCTYPE宣言 DOCTYPE宣言とは、そのページがどのバージョンの文法で作られているのかを宣言することです。 現在標準バージョンとされているHTML4.01で作られている場合は、 以下のように表記します。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE>はソースの上部に配置し、ほかのタグと異なり、閉じるタグは不...
おばちゃんでもできるWEBデザイン | 2014.08.04 Mon 01:22
Lotus beautyのホームページが本日公開になりました☆ ロータス・ビューティーは加圧トレーニングとヨガを 組み合わせたダイエットサロンです♪ オーナーの武長美佳さんはとってもきれいでスタイル抜群 なんです!女性限定のサロンで美佳さんがマンツーマンで ていねいに指導してくれます(*^_^*) オリジナルのダイエットプログラムで有酸素運動からタイ古式 ストレッチなども取り入れています♪食事のアドバイスなど トータルでサポートしてくれるので安心です☆ お子様連れでもOKなので、産後などにもおすす...
Atelier F*(アトリエ エフ) | 2014.08.01 Fri 10:31
全1000件中 291 - 300 件表示 (30/100 ページ)