カテゴリー別アーカイブ: study

第14回(12/07)勉強会報告

コメントをどうぞ

12月7日（金）の活動報告です。

Responsive Web Designとは？
CSS3 Media Queriesを使って、Webサイトをスマートフォンに対応

http://shoji.main.jp/log_20121207.html

私のサーバーにアップしました、上記URLからご覧ください。

自由研究：TinySlidershow（名画のギャラリー）

コメントをどうぞ

11/23の部活動で学習した軽量負荷の TinySlidershow のサンプルを作成しました。
人物名画を素敵なギャラリーにてご鑑賞ください。（後半は少し遊んでしまいました。）

(*’▽’*)わぁ♪
cssで額縁を作っちゃうなんてすごーい!!

#7ジェイ子

続きを読む →

「ワードプレスで外部JS、cssを読み込ませる」について

コメントをどうぞ

11/2の授業の「ワードプレスで外部JS、cssを読み込ませる方法」について、未だ四苦八苦しています。
下記が現在の状況です。改善点があれば教えて下さい！

◆子テーマのフォルダに新しく***.jsというファイルを作り、これに自分用の設定を書いていく事にしました。
(※この子テーマのフォルダには、子header.php、taketori.jsとtaketori.cssも入っています)

◆その***.jsには

(new Taketori()).set({lang:'ja-jp',fontFamily:'sans-serif'}).element('div.post_content');

1	(new Taketori()).set({lang:'ja-jp',fontFamily:'sans-serif'}).element('div.post_content');

とだけ、記述しました。ちなみに↓

(new Taketori()).set({設定項目:値,設定項目:値}).element(‘縦書き対象要素ID’);

が、竹取の説明書きにある指定方法です。(竹取の説明はこちらです)

.element(‘縦書き対象要素ID’)には、自分のサイトをfirebugで見て、縦書きにしたい「投稿記事」に当たる部分の継承元が
div.post_contentでしたので、これを指定しました。
続きを読む →

include_once

2件の返信

真中のぶです。

phpのinclude_onceでパーツの共通化。

これは、自分でデザインしたhtmlのサイトをWordPress化する際に必要な
大事な大事な考え方でもあります。

現在理解している範囲でまとめました。
第１１回（2012/11/16）勉強会でやった内容です。

サンプル＆解説はこちら（僕のサーバーにアップしました。）
↓
http://nobu-69.com/ringo/php-nobu/index.php

よろしくー。

自由研究：CSSで３D表現（リカちゃんパリのお散歩）

コメントをどうぞ

Web Designing 2012 ４月号よりレポートします。
これは先週、高橋先生に借りたのですが、気になるtransform:rotateの記事があったので、
応用してサンプルを作ってみました。
記事は以下からアクセスしてください。
http://shoji.main.jp/log_20121122yarita.html

第10回(11/9)勉強会報告

コメントをどうぞ

11月9日（金）の活動報告です。CSS、WordPress、PHPを学習しました。

CSSのみで制御するフレキシブルな横並びの復習
ワードプレスで外部JS、cssを読み込ませる方法
PHPで簡単なテンプレートを作ってみよう

http://shoji.main.jp/log_20121109.html
私のサーバーにアップしました、上記URLからご覧ください。

Google検索のパーソナライズを無効にする方法

コメントをどうぞ

11/2のアフター勉強会＠マクドナルドで話題にした
「自分のPCと他人のPCで、Googleの検索結果の順位が違う」件です。
自分の検索履歴の影響を排除して、検索結果を表示したいときは、
Google検索結果画面のURLの最後に、パラメータ「&pws=0」を付けます。

詳しくは以下を参考にして下さい。
http://www.alphaseo.jp/seo-faq/google/100210_154606.html

2012-9-21勉強会

コメントをどうぞ

2012-9-21と2012-9-28の二回にわたって「cssだけでスライドショー」を勉強しました。まとめを以下にアップしましたので、ご確認下さい。
2012-9-21は「マークアップとcssの筋トレ」も行いました。これについてのまとめは後日、アップします。

2012-9-21勉強会

コメントをどうぞ

第３回勉強会のほうこくです。

概要

講師

高橋圭介

場所

柴崎学習館第二和室

日時

2012年9月21日18時-22時

「マークアップとcssの筋トレ」
teamviewerで講師の画面を共有
10月分の予約と会費の集金
真中さんの黄金比講座ミニ
「cssだけでスライドショー」

マークアップとcssの筋トレ・teamviewerで講師の画面を共有

“びゅう”の”紅葉めぐり”のパンフレットをマークアップしました。

teamviewerで高橋先生の画面を共有しながら各自のマークアップを確認しました。

真中さんの黄金比講座ミニ

詳しくは真中さんに聞いてくださいね

cssだけでスライドショー

詳しくはこちらをご覧ください。

jQuery fadeIn

コメントをどうぞ

jQuery。ライブラリを使うほどのものではないので自作してます。（自作というほどのものじゃないけど）

そのページが開いたら、非表示にしてあるテキストが順番にぱっ、ぱっ、と現れてほしいだけなのに

なぜかアニメーションします。

一応「ヌー」http://semooh.jp/jquery/api/effects/

参考にしているんですが….。ぬ～

私の知識レベルですが、回答致します。

.showの前に.delayを入れると、アクション開始のタイミングを遅らせることができます。

改訂後のjavascriptですが、

入れ子関係にして、各々を2秒間ずらし、0.01秒間かけてメッセージの表示、とします。

テストしましたが、これで順番に表示ができます。

もっとシンプルに書けそうな気もしますが、単純に理解し易いプログラム記述ですと、こうなるかと思います。

<script type="text/javascript">
$(function(){
$('#text1').hide();
$('#text1').show(10);

$(function(){
$('#text2').hide();
$('#text2').delay(2000).show(10);

$(function(){
$('#text3').hide();
$('#text3').delay(4000).show(10);

$(function(){
$('#text4').hide();
$('#text4').delay(6000).show(10);
});
});
});
});
</script>

$(function(){

$('#text1').hide();

$('#text1').show(10);

$(function(){

$('#text2').hide();

$('#text2').delay(2000).show(10);

$(function(){

$('#text3').hide();

$('#text3').delay(4000).show(10);

$(function(){

$('#text4').hide();

$('#text4').delay(6000).show(10);

});

</script>

#12ランサーしょうじ

まず、$(function(){……}は1回だけで充分。

よくわからない人は、もう一度、仕様を読み直しましょう。

「ヌー」のサイトはリファレンスとして素敵ですが、基本を学ぶなら以下がおすすめ。

「jQuery 開発者向けメモ – 基本・サンプル」

http://www.mikage.to/jquery/jquery_basic.html

1ページで解説とサンプルになっています。

$(function(){……}については「HTMLとコードの分離」の辺りに解説があります。

$(function(){
//cssのセレクタと同じく、要素を列挙するなら、カンマで区切れば良い。
//$('#text1,#text2,#text3,#text4').hide();

//でも、cssと同じく、要素が特定できれば良いのだから、こう書いた方がスマート。
$('ul li').hide();

//でもって、効果を予想するとfadeInの方が良いのではないかな？と思ったり。
$('#text1').fadeIn(300);
$('#text2').delay(2000).fadeIn(300);
$('#text3').delay(4000).fadeIn(300);
$('#text4').delay(6000).fadeIn(300);
});

$(function(){

//cssのセレクタと同じく、要素を列挙するなら、カンマで区切れば良い。

//$('#text1,#text2,#text3,#text4').hide();

//でも、cssと同じく、要素が特定できれば良いのだから、こう書いた方がスマート。

$('ul li').hide();

//でもって、効果を予想するとfadeInの方が良いのではないかな？と思ったり。

$('#text1').fadeIn(300);

$('#text2').delay(2000).fadeIn(300);

$('#text3').delay(4000).fadeIn(300);

$('#text4').delay(6000).fadeIn(300);

});

#2タカハシ先生

ファイル直しました。まさにやりたいのはこれでした！

↓

http://nobu-69.com/jquery_test0626

.showではなかったようですね。

.fadeInが正解のようでした！

#3真中のぶ

MAMPでローカル接続

1件のフィードバック

掲示板 MAMPでローカル接続が出来ません(>< ) wordpressをローカル環境でテストしたく、こちらのサイトを参考にして、
3.の新規データベースを作るのと、sqlファイルのインポートまでは設定出来ました。
しかし、4.の「ブラウザでlocalhostを開く」が出来ずに困っております。

ちなみに、私のwpはマルチサイト化していますので、こちらのサイトも参考にして、
ポート番号を80に変更してあります。
ですので、ブラウザでwordpressを開くには、このサイト様の言う通りであれば

http://localhost/wordpress/wp-admin

で開ける筈だと思うのですが、
「データベース接続確立エラー」
という画面が出て来てしまいます。。

まだ何か見落としている部分があるのか、
それとも当たり前過ぎて説明が省略されている部分があるのか？
どうにもここで作業がストップしてしまい、先へ進めません。

わかる方、教えて下さいませ。
続きを読む →

ワードプレスをマルチサイト化する

1件のフィードバック

今晩は。先週から騒いでいたwordpressのマルチサイト化の件、ご報告です。
私はムームードメインなのですが、それでもサブドメイン型でマルチサイト化したくて、まずこれについて書かれた解りやすい参考サイトに巡り会うのに時間が掛かかってしまい…ようやく見つけたこちらのサイト様のおっしゃる通りにやりました所、何とか設定出来ました。

http://echooed.wordpress.com/2011/12/05/

（結局、3回位wordpressをインストールし直したりして、まる一日掛かってしまった(–;)　でも、これでwpを新たにインストールすることなく、複数のサイトを管理することが出来るなんて…凄い!）

やっとまたスタート地点に戻ってこれたので、これからサイト作りを頑張らねばです。
一応こんな感じです。

サイトその１マルチサイト化については、こちらにまとめてあります。
サイトその２

続きを読む →

htmｌ＆css3でミッフィーを描いた

コメントをどうぞ

css3で初めてイラストを描いてみました。多少妥協した所もありますが一応ミッフィーに見えると思います。

僕のサイトにアップしたので見てくださーい！

続きを読む →

パソコン倶楽部りんご

Webデザイン脱初心者の勉強会

カテゴリー別アーカイブ: study

第14回(12/07)勉強会報告

自由研究：TinySlidershow（名画のギャラリー）

「ワードプレスで外部JS、cssを読み込ませる」について

include_once

自由研究：CSSで３D表現（リカちゃんパリのお散歩）

第10回(11/9)勉強会報告

Google検索のパーソナライズを無効にする方法

2012-9-21勉強会

2012-9-21勉強会

概要

マークアップとcssの筋トレ・teamviewerで講師の画面を共有

真中さんの黄金比講座ミニ

cssだけでスライドショー

jQuery fadeIn

MAMPでローカル接続

ワードプレスをマルチサイト化する

htmｌ＆css3でミッフィーを描いた

月	火	水	木	金	土	日
« 8月
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31