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

個人企画ページも完成

本命の大工さんサイトはwordpress化がまだなりに、 普通のHTML+CSSサイトとしては公開できるところまで作成済み。で、個人的に大本命な「夏休みの自由研究」が完成。 できてみればこんなことだったんか、という気分で。 この「気分」を手に入れるために、 こ…

このブログにTwitterコーナーを設置

「ウェブ学のすすめ」を参考に実装してみました。 今、先生から「使えないと仕事にならない」的な注意があり、 再三いただく注意ではありますが、 もう少し「つながる」対象を絞り込めたらなあ、とは思うツール。 個人の手に余るほどの「つながり」は、もう…

wordpressに実装する準備

wordpressに置くcssは「style.css」1つにまとめる、ということで、 2種類のjQueryを併用しているためにカブってしまう デフォルトのid、class名を変更したら… 別添jsまで書き換えなければならなそうな気配が(滝汗jQery用のcssまでstyleに書き込まないとなら…

煮詰まる作業

一人で孤独にやってると無限ループにハマるというか。 position使ったら激しくレイアウト調整が難しくなって グダグダになったり。Illustratorデータのちょっとした修正とか、 CSSとか、HTMLとか。作らせていただくサイトに関しては、 wordpressにするだけ(…

素材作りとCSS3でグラデーション

Fireworksふたたび。 ベクター画像とビットマップ画像が等しく使えるが、 表示は微妙。 ベクター画像だけど、ビットマップみたいな表示になる(仕様)。マスク効果が独特。 写真配置して、 ペンツールを使ってパスで画像を描いたらカットして、 配置した写真…

サイトとかサイトとかサイトとか

jQueryで楽するんじゃなかったのか…みたいなオチにがっくし。 2つ並行で作ってるから大変な気がするだけか。 jQueryが楽だから2つ並行とかできてるんだということで。

大工さんサイトの施工例写真

先方からようやく入手できたので、 スキャナで取り取り。個人的に作りたいページもできてしまい、 同時作業で作っているので、自分の首を絞めまくっている。でも死にたくないのでjQuery流用で少しだけ楽させてもらって。

CS6をやっと導入

自宅環境にやっと置くことができたよ…。 積み立ててた金を売却して『25周年割引』価格でようやく購入。そうしたら 「えっ、CS7がもう出るのに、買っちゃったの?」 というご意見が(ガチョーン)。CS8の時にはアップグレードを…(てかCS7無償アップグレード…

検索対策など

「robots.txt」を置き、検索の対象から外す ↓ robots.txtで指定したディレクトリ以下は見せない ファイルの置き方と、テキストの書き方例。「.htaccess」ファイルを作る(ID・パスワード認証) 「.htaccess」の保存はひとまず「htaccess.txt」にしておいて、…

データベース検索用のページ

昨日の罠は見つかったので削ります。 check.php <html> <head> <meta charset="UTF-8"> <title>確認画面</title> <link rel="stylesheet" href="style.css" media="screen,print"> </head> <body> </body></html>

メールフォームに入力された情報をデータベースに蓄える準備

日本語表記にかかわる変更 「XAMPP」内の「php.ini」を開く(メモ帳以外のテキストエディタで) ↓ 「default_charset」を検索 ↓ 「;default_charset = "キャラクターセット名"」の1行を、 「default_charset = "UTF-8"」 と書き換える(行頭の「;」を削除す…

メールフォームのための準備運動

練習問題1 <html> <head> <meta charset="UTF-8"> <title>$_GET:練習問題</title> </head> <body> <form action="0820_ex01.php" method="GET"> 1つめ<input type="text" name="1st"> 2つめ<input type="text" name="2nd"> <input type="submit" value="並べる"></form> </body> </html> 0820_ex01.php

Cacoo

さくさく作れるカンプ…って触れ込みの。 Psのほうが慣れてるからさくさく感が少ない…。 そして1番の設計図は「手描きラフ」。とはいえはじめの一歩。 チュートリアルっぽいものがあるので従ってみた。1.「Cacoo」にアクセス 「アカウント登録」をクリック2.…

残暑お見舞い

「夏季限定・かき氷」ちょっとした涼のために大変な時間をかけてしまいましたが、 お楽しみいただければ幸いです。 画像:Illustrator&Photoshop(CS) アイコンの画像置換:JavaScript(ロールオーバー) HTML+CSS(ながら入力で概算1〜2時間) 画像作るの…

プラグインが入ったら何をするかの設定

昨日(8/16)のインストールは、 今日のための準備に過ぎなかった…(時間かかるのに)。昨日入れたプラグインはAndroidエミュレーター。 Androidアプリ開発の際に、 サイトチェックからアプリ作成まで役に立つもの。アプリを作れるようにする手順1.Eclipseを…

YouTube動画を貼り付ける練習

可愛い♡

Androidアプリ開発プラグインをEclipceにinしてみる:-)

注)本日現在のバージョンでの手順です。 Android 4.1(API 16) Eclipse 4.2(Juno) インストールしたPCはwin7(32bit)です。 ※画像はクリックすると、別画面でキャプチャ実寸表示されます1.Eclipseを起動しておく 2.「http://developer.android.com/tools…

iPhoneサイト(スマートフォンサイト)制作に向けて

テキストのサンプルどおりに作ってうまくいったよ! の感激とともに。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>コウベデュカ</title> <meta name="viewport" content="width=device-width"> <meta name="format-decoration" content="telephone=no"> <link rel="apple-touch-icon" href="img/home.png"> </link></meta></meta></meta></head></html>

夏休み4日目(最終日)

HTML+CSS+いつもの宿題 HTMLもCSSも、プレビューしては、 これが足りない、これを直そう、で記述が増え…完成気分にはならず。

夏休み3日目

ひたすらHTML+CSSで1日目の続き なんか時間かかってます。 早くできるようにと小技を探してるのが かえって時間食ってるような。

夏休み2日目

取扱商品の参考画像としてフリー写真を探したが、思うような画像が見つからず シルエット画像にすることにして、自作 JavaScriptの準備(jQueryのダウンロードなど) 最初っから自分で画像作れば早かった気がする。

夏休み1日目・課題サイトづくり

サイト構成のツリー図(手描き) HTML打ち込み(ひとまずHTML5で宣言) CSS書き wpに移行する準備 進んだ! 気分が乏しい…。 千里の道も一歩から、と唱えながら作業。

プレゼン2日目

情報サイトは 伝えるために客観視するこれは気をつけたい。 自分の作りたい(発信したい)情報に対しては、 とかくの場合、主観しか働かないので、 クライアントの主観を汲み取りつつ、 客観しできる状態でいなければ。

ぷれぜん+LiVE紹介

プレゼンに関しては WordPress一択!でファイナルアンサー。 テンプレなしで作成する実習の結果、 テンプレカスタマイズがかえって苦手な感じになっている現在、 あえて挑戦するのも今のうちならでは、とも思う。HTMLなしでサイト作れる→LiVE の話が出て、 …

カラーいろいろ

jQMの基本設定で使える5色をそれぞれのページに適用。 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQm-会社案内サイト雛形</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css"> </link></meta></meta></head></html>

10分でできるかな

ASCII.jpの「10分でわかる! jQuery Mobileのキホン」を元に、 本当に10分でわかってできるか挑戦。した結果。 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>10分でできるjQueryMobileに挑戦</title> </meta></meta></head></html>

jQueryMobleでページ作り

しかもDreamweaverのメニューを使うことで、 魔法のようなスピードでページが完成。 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Dw挿入メニュー全部盛り</title> <link rel="stylesheet" href="jquery.mobile-1.1.1.min.css"> <script src="jquery-1.7.1.min.js"></script> </link></meta></meta></head></html>

jQeryのアコーディオンで目次づくり

目次だけでなくいろいろと…調整するのに苦労した。 jQuery単品で作ったページを、他のサイトデザインに実装するのに時間かかって。 5ページ5種類で5時間…平均1時間。 実際に適用する場合は、 1種類のjQueryを全ページに適用とか、1か所だけ使うとか、 が多い…

GoogleMapを読み込む

まず基本のHTMLを書く <html lang="ja"> <head> <meta charset="UTF-8"> <title>Google Maps JavaScript API サンプル</title> </head> <body> <p>Google Maps APIを使ったサンプルです。</p> </body> </html> JavaScriptの指定 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Google Maps JavaScript API サ…</meta></head></html>

CSSのみでポップアップ

元ソース→css以外の変更点 HTML構文内のclass抜けに追記 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />…</meta></head></html>