ホームページ制作に役立つ無料素材やWEBデザイン等のメモ帳|FROGs note

ホームページ制作に役立つ無料素材やWEBデザインに関する自分のためのメモ帳です。

  • ホームページ制作に役立つ無料素材やWEBデザイン等のメモ帳|Frogs note
  • ホームページ制作に役立つ無料素材やWEBデザイン等のメモ帳|素材
  • ホームページ制作に役立つ無料素材やWEBデザイン等のメモ帳|本の紹介

 | HOME | 

ECショップでかんばる為に



ネットショップの王道

WEBショップでかんばる為にはいろいろ知らないと。

スポンサーサイト



WEBでやらかす前に読んどきたい一冊



保険的法律ガイド―知らなかったではすまされないパソコン&ネットの落とし穴

WEBでやらかす前に読んどきたい一冊

ドロップダウンメニューをFLASHの上に表示させる方法

プルダウンメニューが表示されているFlashの下に隠れてしまう現象を解決

まずラッシュの埋め込みに『swfobject.js』を使用。(下記URL参考)
そのソースのフラッシュのスクリプトソース部分を下記のように変更する

▼以下フラッシュの部分のソース

所定の位置に

so.addParam("wmode", "transparent");

と追記する


【例】

<!--↓↓flash↓↓-->

<div id="flashcontent"><img src="img/flash.jpg" alt="" width="1000" height="500"></div>
<script type="text/javascript">
var soj = new SWFObject("img/top.swf", "flashcontent", "1000", "500", "8.0.0");
soj.addParam("wmode", "#000000");
soj.addParam("wmode", "transparent");
soj.write("flashcontent");
</script>

<!--↑↑flash↑↑-->

▼ヘッド内に以下のソースを忘れずに。
<script type="text/JavaScript" src="js/swfobject.js"></script>



プルダウンjQueryの参考URL:http://www.css-lecture.com/log/javascript/005.html

swfの埋め込み画像置換の参考URL:http://www.css-lecture.com/log/javascript/002.html

スライドショーの縦(サムネイル)

画像とテキストのサムネイル付


画像とテキストのサムネイル(矢印付)


テキストのメニューがあるタイプ


サムネイル画像+キャプション付
乗ってたサイト



LightBoxで『NEXT』『PREV』ボタンを使用したい

通常は a タグの中に「rel="lightbox"」と追加して使用します。

『NEXT』、『PREV』ボタンを使用したい場合は、『rel="lightbox[roadtrip]"』と記述すると、
『[roadtrip]』がついた画像達がグループ化して『NEXT』、『PREV』ボタンが表示するようになる。


<a href="large/image1.jpg" rel="lightbox[roadtrip]">画像 No.1</a>
<a href="large/image2.jpg" rel="lightbox[roadtrip]">画像 No.2</a>
<a href="large/image3.jpg" rel="lightbox[roadtrip]">画像 No.3</a>

LightBoxにキャプションを表示したい

キャプションを表示したい画像のソースに『 title="my caption"』を入力します。


<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>


上記ソースの『 my caption』がキャプションにあたる部分です。

パスワード作りたいときの便利ツール

■lufttools|ルフトツールズ

http://www.luft.co.jp/cgi/randam.php

FTPとかのパスワード作りたいときに便利です。

大容量のファイルをやりとりしたいとき

■ファイヤーストレージ

http://firestorage.jp/

大容量のファイルを送る時や長期保存、共有に便利!

モバイルサイトの便利ツール

■QRコード無料作成サイト

http://www.plus-a.net/qr/

無料でQRコードを作ってくれるよ。


■サイトビューワ -goo-
http://emu.mobile.goo.ne.jp/emu/emu.php

キャリアも選べて便利よね。

色で困ったときには

■Color Scheme Designer 3

http://colorschemedesigner.com/

差し色なんかで悩んだらここに行く


■Color of Book

http://colorchart.jp/

雑誌の色からカラーチャートの紹介をしてくれる


■原色大辞典

http://www.colordic.org/

上手く使えれば使えそうなツール

フリーで働く極意みたいな



フリーで働く! と決めたら読む本

コツっていうか極意みたいな考え方をいろいろ教えてくれる。
フリーランスで働いて、後手後手にならないための云々。

分かりやすいマーケティングの本



100円のコーラを1000円で売る方法

マーケティングの云々が物語タッチで描いてあるのでわかりやすい。
なるほど勉強になった一品。




新人OL、つぶれかけの会社をまかされる (青春新書PLAYBOOKS)

おもしろい!
小説のように一気に読めるマーケティングの教本て感じ。
試したくなるような基本的な技(考え方)が知れる分かりやすい本です。

EC-cubeの基礎本



EC‐CUBE「Ver2対応」公式ガイドブック

本当に基礎って感じ、初心者ならまずはこれからって感じ。




EC‐CUBE(Ver2.4.0対応)公式ガイドブック カスタマイズ編

ちょっと色々カスタマイズとかやりたいことが出てきたらとっても参考になる本

FROGs noteについて

WEBデザイナーになってかれこれ4年。

WEBデザイナーとして仕事をしているうちは、常に制作スピードを求められることは必至、

クォリティと価格との狭間で吾が身を削りながら、ただひたすらに目の前の山を登り続けるのみ。

自分の理想の働き方に近づくため、勤めていた会社を退職してWEBデザイナーからフリーランスに。


WEBデザイナーがWEBデザイナーとして生きていくには厳しい今の時代。

お客様が本当に求めているのは、広告媒体としてのホームページではなく

マーケティングツールとしてのホームページであると私は考えています。

独自のWEBデザイナーとして自立できるよう、

現在WEBマーケティングについて勉強しつつ、

これまでに学んできた知識や情報を整理するため、

自分の知識ノートとしてブログを立ち上げました。

 | HOME |