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

テキストどおりのはずなのに

結果がビミョーに違ってエベレスト級の難敵に…(-"-) header部分、写真(緑部分)と黒バックのナビゲーションバーがくっつく設定。 現状、白く離れてますね…天の川ってこれのこと? 今日中に解決したい希望。授業進行しだいだけど。昨日は4-4で引っかかってた…

WordPress実習をDreamweaverのzenで処理

学校の環境はDw+zenなので、ショートカット代わりに入力。 DwはCtrl+,で実行、eclipseはCtrl+Eで実行、の違いがあるものの、 少しは能率化できたかもしれない。結果、5章が終了、6章は、6-5のみを残すところまで進められた。できたって達成感→それによって自…

Zen-codingは本当に3倍速いのか

3倍は赤です。 自分の所持するPCで最新なのは確かにボディカラーが赤なんだけど、 挑戦してみることに。挑戦するのは『WordPress レッスンブック 3.x対応』(エビスコム) ここに書いてあることをひたすらzen使って入力していく。 打ち込みたいタグがわかっ…

EclipseにZen-coding入れてみる

7/23の記事と手順は同じ。 「ヘルプ」→ 「新規ソフトウェアのインストール」から、 作業対象「http://zen-coding.ru/eclipse/updates/」(アドレスコピペで) 「追加」ボタンを押して完了。しかしzenの本丸サイトに読み込みに行ってしまうので、 ヨーロッパ…

テキスト実習

早くもstep2-2「ヘッダーを表示する」でつまづきが。 <h1></h1> の中に を記述することで、ブログタイトルを表示するはずが、 <h1></h1> のまま、空っぽ。お手本と違わないのになあ。 前途が不安。

カンプ決定稿

トップページの体裁 OK出たのでこれで進めていくことに。

接写カメラと身の振り方とエネルギー

接写スキーなので、接写に強いコンデジを教わった。 RICOH CXの最新。 昔、コンデジは乾電池使用可能だったが、 これも専用バッテリータイプになってしまって。 エネループ使えないのは惜しいが、 やはりこいつしかないか。 ちなみに自分が今使っているコン…

HTMLの体裁で作成したデータの置場サイト

『freeweb』にアカウントだけ取っといたので、 ブログ形式ではない記述のデータを置いていくことに。 サイトタイトルは あしたのために打つべし! 入力した結果ばかりを置いてあるので、これしかないなと。 画像がスゴイことになっているのはもうご愛嬌で(…

ひたすら打ちました

PHP

HTML記述しながらCSSを足していく作り込みで2時間半。 『PHPの勉強』 一つ一つのパーツの積み重ねが練習。

自宅でもできた!

学校で苦労した甲斐あってか、 自宅環境に導入する際にはスムーズに完了。嬉しかったので基本的な記述を。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>自宅でもできた!</title> </head> <body> </body> </html>

インストール作業でつまづき

実習中、 「ヘルプ」→ 「新規ソフトウェアのインストール」 作業対象「http://download.eclipse.org/releases/juno」 が表示できなかったので、 使えません…。 少なくともAndroidアプリ作りはできそうにない…。 と思い詰めていた。居残りしてデータベースの…

大工さんサイト

画像ばっかり作ってますね…。 手慣れた方に流れてしまって、良くない傾向なのでは。 こうなったら、あとはもう、 先方からのOKが頂けるように祈るのみ。

【素材作り】このブログのヘッダー画像など取り替えたかったが

もしかしてCSSまる変えとかせねばならんの?しかも、『管理>ブログの設定』画面の『タイトル画像』には、 一度画像アップした画像を削除して、新しい画像を参照させても、 最初にアップした画像がしつこく参照されて、ちっとも変更できない現象が。変えたい…

【宿題】解答が掲載されたので、比較検討

参考画像 自分はいまだに従来のHTMLが抜けず、 <html lang="ja"> <head> <meta charset="UTF-8"> <title>【宿題】楽しいおかず・レイアウト</title> <link rel="stylesheet" href="css/base.css"> </link></meta></head></html>

【宿題】おかずのhtml

<html lang="ja"> <head> <meta charset="UTF-8"> <title>おかず</title> <link rel="stylesheet" href="css/base.css"> </link></meta></head></html>

【宿題】『楽しいおかず』のCSSを自分で書いてオリジナルと同じにする

面白法人カヤック『楽しいおかず』 ホバーしなくてOK Javascriptは使わない レイアウトだけとにかく同じに組む。

使うところはスライスとシンボル

カンプからスライスやったなあ…(遠い目)。 スライス作るのが当たり前、スライスは当然Fireworks、という職場で、 入社したてのタイミングで作業手順の説明もなく、やれ、と指示があり、 何をしなければならないか訊くところから始めた思い出が。そこにある…

修造ストップウォッチ・作ってます

まず頑張ったところから。 //startしているかどうか var started:Boolean = false; //リミット(時) var limitHour:Number = 0; //リミット(分) var limitMin:Number = 0; //リミット(秒) var limitSec:Number = 10; //リミットタイムのミリ秒 var limi…

accordionとtabs

作らせていただくサイトに使えそうなので、 実装したイメージがしやすかった。 きびきび動けば便利な効果だと思うし、使い勝手も良さそう。

ストップウォッチのデザイン案は30分程度

photoshopだったら15分くらい。 なんで倍の時間かけてGIMPなのかといえば、マシン性能の問題。 GIMP慣れしたいのもありますが、 自宅環境で一番新しいPCに入っている画像ソフトがGIMPのみなので。 自宅のphotoshop入ってるマシンだと、処理に1時間くらいかか…

励ましてくれるストップウォッチが欲しい

時計を作った時から、 ストップウォッチやタイマーも作れるのでは、 と思いつき、こんなの作りたいなーのネタづくり。 で、『作業時間を測った時に、 いいタイムが出たら褒めてくれて、 良くなくても励ましてくれる』ストップウォッチ があったら、頑張れそ…

プレゼンしました。一番乗りってドMな所業。

ひとつめ。 自サイト『掃苔』改め『おもねりずむ。|墓マイラーの掃苔録』について進捗報告。前回のプレゼンで、 サイトデザインはともかく、キャラを作れ との指摘を受けて、作った2つ。オーソドックスな小僧さん flashとかgifアニメで動かしやすい作りにし…

横スライドが完成しませんでした

<html lang="ja"> <head> <meta charset="UTF-8"> <title>横スライド:サンプル</title> <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/horizontal.css"> <link rel="stylesheet" href="css/lightbox.css"> <script src="js/jquery.tools.min.js"></script> </link></link></link></meta></head></html>

方丈記がアコーディオン効果で読めます

<html lang="ja"> <head> <meta charset="UTF-8"> <title>40分でjQuery・方丈記編</title> <style> *{ margin: 0; padding: 0; } dl{ width: 400px; margin: 50px auto; } dl dt{ background: #7CADB6; border-bottom: 1px solid #FFFFFF; cursor: pointer; } dl dd{ border: 1px solid #7CADB6; border-top: none…</meta></head></html>

今日からDOMです、JavaScriptです。Flashも少々。

document.getElementById();これだけとりあえず持って帰って、と先生が仰って、 本当にこれだけしか持って帰って来なかったばかやろうですorz (一応、何にも見ないで入力したんですよこれでも)これだけじゃ何にも動かないのもわかるくらいにはなったんです…

ガチョーンと時計とActionScript

ガチョーン→リップル(さざなみ)効果の理解のために 時計→Dateクラスをマスターしよう です。ホントにガチョーンをリップルで作ってみたのでご覧ください。 【Flash】ガチョーンの再現生前の谷啓さんの談話で、 『ガチョーン』を真似するとき、皆さん手を前…

【HTML5】Google Chrome『HTML5 Outliner』で環境カスタマイズ

Google Chromeに『HTML5 Outliner』をインストール。 文書構造が正しく階層化されているか確認できる。コーディング的にもユーザビリティ的にも配慮の行き届いたページ作りを心掛けたい。構造比較でソースを複数掲載。 テキスト元『【HTML5課題18】文章を内…

【HTML5】校内ルール

従来、 <div id=""> で記述してきた内容を指定するhtml5新参タグ <nav> <header> <footer> は、ちゃんとhtml5の記述にする。 <h1>見出し1</h1> <p>本文</p> をレイアウト的に使うときは、 <article> <div> <h1>見出し1</h1> <p>本文</p> </div> </article> で囲んだ中に、必要であれば従来の<div>で指定をし、 見出しと本文を記述する。 <section> は、従来の <div class=""> 指定と差し替</div></section></div></footer></header></nav></div>…

星に願いを

七夕記念。 Flashは『実習課題公開中 | おぼえがき』にて。 なんか作れるもんなんですね、としみじみ。 制作時間は2時間ほど(新規で、画像のストックなどは使わず)。 体験版の期限が切れてしまったので、 ちゃんと買わないと(汗

【HTML5】実習ページの修正ソース

CSSがエンベッドだったので、外部ファイルにして、 授業で加えたアレンジが反映されるように修正。 @charset "utf-8"; a { color: #017acd; } /* コンテナ */ div#container { width: 760px; margin-left: auto; margin-right: auto; } /* ヘッダー */ heade…