シングルレイアウトサイト
シンプルなシングルレイアウトのサイト（レスポンシブ）です。
コーディング
Category
jQueryによるグリッドレイアウト
jQueryプラグイン「Masonry」を利用したグリッドレイアウトです。
コーディング練習
久しぶりのポストですが、コーディングの練習。ぺら1サイトです。 改めてHTML5/CSS3の復習になりました。 コーディングのスピードをもっと上げて作業効率をアップしたいものです。
コーポレートサイトコーディング
HTML5/CSS3/bootstrapにてレスポンシブサイトのコーディングをしてみました。 bootstrap…レスポンシブサイトを制作するのに便利そうなのでマスターしたい。 Javascript、PHP、Rubyなどやりたいことはまだまだあります。
レスポンシブサイトのコーディング
HTML5×CSS3のシンプルなサイトのコーディング。 一応レスポンシブサイトです。 このサイトをもとに次回はWordpressにあてこんでいこう、そうしよう。
ビデオギャラリー（JavaScript）
jQueryとyoutubeAPIを利用してのビデオギャラリーです。 動画サイトのアフィリエイトAPIを取得しているので、復習がてら作ってみようかな。 あ、でもア○ルトだから海外サーバ借りなきゃか…。
Enlighterを試してみました (WordPressプラグイン)
よく、WEBデザイナーさんやプログラマーの方のWebサイトで、コードを行番号つきで表示しているのをみかけていて、やってみたいとおもっていましたが、なんとなく試してみたくなり、プラグインを探しました。 今回は、「Enlighter」 というプラグインを試してみたいと思います。 <!doctype html> ...
WordPress練習デモサイト
こちらは、WordPressの練習のためにつくったデモサイトです。 書籍「世界一わかりやすいWordPress 導入とサイト制作の教科書 (世界一わかりやすい教科書) 」を見ながら、作成しました。 こちらの書籍、タイトル通りとてもわかり易く、function.phpの記述方法・テンプレートファイルの作成方法が詳しく、か...
HTML5×CSS3×レスポンシブのコーディング練習
今日は、以前にコーディングしたデジハリカフェのサイトを、HTML5とCSS3でコーディングしなおし、ついでにメディアクエリを使用してのレスポンシブ対応をしておりました。 欲が出てきて、トップへ戻るボタンのアニメーション表示や、モバイル画面でのハンバーガーメニューなどにトライし。 難しいテキストの演習をした後に、シンプル...
bootstrapを使用したコーディング練習
bootstrapを使って、レスポンシブサイト制作の練習をしました。 本当は、HTML5＆CSS3でレスポンシブサイト作る教本を買ったのですが、中身がbootstrapをメインにした教本だったので。 使いこなせたら制作にすごく役立つフレームワークだと思うのですが、いかんせんまだあまり理解できてないので、ネットで色々と調...
