読者です 読者をやめる 読者になる 読者になる

コンパイラかく語りき

文系新卒プログラマーのメモ

個人サイト作成⑤ 文字サイズとナビゲーション・メニューをスマホ対応

chuckです。 引き続き個人サイトを作成しています。 今回は、前回できなかったスマホ対応をしましたのでメモ。 できたやつ http://chuck0523.github.io/front-end-coding/rotateWindow/rotateWindow6.html ※これはスマホ用画面なので、PCからアクセスすると…

個人サイト作成④ チャット風ボックスの実装と、テキストコンテンツの挿入

chuckです。 引き続き、個人サイトを作成していきます。 前回までで、基本的な動作は実装できました。 今後微調整はあるかと思いますが、とりあえずスクリプトはいったん休止です。 chuckwebtips.hatenablog.com 今日はHTML側をいじって、肝心のコンテンツを…

個人サイト作成③ スワイプ追随イベントを実装

chuckです。 前回はスワイプ動作により、ページをめくる機能ができました。 chuckwebtips.hatenablog.com 今回は、スワイプに追随して、前・次のページも動くようにしたいと思います。 現状↓ http://chuck0523.github.io/front-end-coding/rotateWindow/rota…

個人サイト作成② スワイプ機能が完成しました!

chuckです。個人サイトを作成中です。 前回は無残にもスワイプ動作をつけることができませんでした。 chuckwebtips.hatenablog.com いや、スワイプイベント自体はついたんですけど、やりたいと思っていたことが実現せず…。 やりたいことは「グーッ」と面をス…

個人サイト作成① スワイプ動作を実装…できなかった

chuckです。 自分のための個人サイトを作成しているので、作成過程を記録します。 ちなみに、現状↓ http://chuck0523.github.io/front-end-coding/rotateWindow/rotateWindow.html まあ、クリックイベントならスライドできます。 ここにスワイプ動作も付け加…

【HTML】画像を動画っぽく表現してみる

chuckです。 オシャレなサイトを発見しました。こちらです。 www.startup50.jp こちらのTOPページの背景画像が動いている(ように見える)んですよね。 面白いなーと思ったので、自分なりに再現してみます。

データ型の変換がすぐ分かる!JavaScriptプラグインを自作しました

どうも!chuckです。 前々からやりたかったのですが、ついにJavaScriptプラグインを自作しました。なので記録します。と言ってもすごくカンタンなプラグインですがw

jQueryとCSSで作るスライド画像

どうも!chuckです。 いま会社でスマホサイトの制作を行っています。その中で画像のスライドを作成しているので、ここでも手法を記録しておきます。 ちなみに、まだスワイプ操作に対応しておらず動きもショボイですヽ(´Д`;)ノアゥア… 挙動の洗練化はまた後日!…

CSS3とjQueryで回転するフォトギャラリーを作った

どうも!chuckです。 タイトルの通り。CSS3の勉強がてら、回転するフォトギャラリーを作りましたのでお披露目ヽ(=´▽`=)ノ

パララックスサイトの練習1

どうも!chuckです。 本日からパララックスサイトの練習を始めました。 かっこいい見た目のサイトを作るための練習です(`・ω・´)ゞ お世話になったサイト様↓↓ <a href="http://webdesignmagazine.net/javascript/parallax1/" data-mce-href="http://webdesignmagazine.net/javascript/parallax1/">パララックスサイトの基本的な作り方 1/2! « Web Design Magazine</a>webdesignmagazine.net ○スクロ…

シンプルなカレンダー(表側だけ)を作りました

どうも!chuckです。 昨日は家計簿アプリを作成し始めましたが、今日はカレンダーを作り始めました。 &amp;amp;amp;lt;a href="http://chuckwebtips.hatenablog.com/entry/2015/05/30/180007" data-mce-href="http://chuckwebtips.hatenablog.com/entry/2015…

今日からスタート!家計簿アプリ作成!

どうも!chuckです。 前々から何か作りたい!と思っていたんですが、ついに決まりました! 家計簿アプリを作ることにしました! とは言うものの、何から手をつけていいのやら、、笑 本当は要件定義というか設計からやるべきなんでしょうけど、まず手を動かし…