KIMUSON BLOG

きむそんの雑記ブログ

【開発日記】デモサイトを作って自分の作品を公開するまでの道のり#6「cssで要素を横並びに設置する」

前回の更新からだいぶ経っていましたが、久しぶりにでもサイト開発の続きをやりました。確か前回は、メニュー部品を追加して終わっていました。 www.kimuson.com以前の悩み事として、タイトルの横にメニュー部品を横並びに設置したかった。 これが結構難しか…

【開発日記】デモサイトを作って自分の作品を公開するまでの道のり#5「ページ上部を本格的に作り込んでいく」

やること サイトの本格的な作り込みを行っていくちなみに今回の作り込みでは主にヘッダー部分を実装しました。

【開発日記】デモサイトを作って自分の作品を公開するまでの道のり#4「JavaScriptでメニュー部品を作る」

前回は、ヘッダー部品を作成してみました。作成したと言ってライブラリをフル活用して作成してますが。www.kimuson.com 今日やったこと メニュー部品を作成していく。

【開発日記】デモサイトを作って自分の作品を公開するまでの道のり#3「jQueryでスライドショーを作る」

前回まで 前回はサイトの骨格までを作りました。www.kimuson.comよくある縦スクロールのサイト。JavaScriptとかで動的にとかにはまだできていないので、今日からここにどんどん動的な表現を載せていこうと思ってる。とはいえ、いろいろ実験しつつ組み込んで…

【開発日記】デモサイトを作って自分の作品を公開するまでの道のり#2「サイトの骨格を作る」

やったこと 今回はサイト全体の骨格づくりをやっていきます。最近よくある縦スクロールのサイトの作りを1から作っていきます。

【開発日記】デモサイトを作って自分の作品を公開するまでの道のり#1「まずは準備」

目標 フロントエンドの基本的な部分はいちよう勉強したので、これからは今までの知識を生かして実際に作品を作っていく。目標は「最近よくある縦スクロールのサイトをCMSツール(wordpressなど)を使わずに作る。」ことだ。

【開発日記】フロントエンド技術の総復習#6 「CSSで文字の装飾をやってみる」

今日やったこと 今日でCSSの基礎は最後になります。 文字の装飾の一覧 今日は文字の装飾の一覧なるものを作ってみました。今後自分が文字の装飾をしていく際の参考になればと思い頑張りました。

【開発日記】フロントエンド技術の総復習#5 「CSSのフォント設定を学ぶ」

今日やったこと フォントの設定を勉強する フォント設定の書き方 セレクタ {font-family: フォント名;} フォント名の部分には複数入力するのが基本。 理由としては、OSによって持っているフォントの名前は異なる。windowsにはあってOSXにはないなどの状況が…

【開発日記】フロントエンド技術の総復習#4 「CSSのdisplayを学ぶ」

今日やったこと CSSにはdisplayと呼ばれる表示仕様があります。displayと一言で行ってもその中にもいろいろ種類があるので、今回しっかり学んでいきます。 displayの種類 ちなみに、displayには、block、inline、inline-block、noneの4種類の設定が可能です…

【開発日記】フロントエンド技術の総復習#3 「CSSのmarginとpaddingがややこしい」

CSSのmarginとpaddingがややこしすぎる! 今日やったこと CSSのmarginとpaddingの違いについて学びました! marginとpaddingとは CSSでできる余白設定になります。

【開発日記】フロントエンド技術の総復習#1「HTMLの基本文法」

HTML、CSSの総復習中です。今までなんとなくできていた「HTML」や「CSS」ですが、ポートフォリオを今後作っていく上で、やっぱりフロントエンドの技術は必須になりそうなのでこれを機に総復習していきます。 今日やったこと 基本的なことを実際にやりました。…