CSS Webサイトの模写を実践してみた CSS編
こんにちは朱夏です。
今回も模写を頑張っていきます。
前回の続きで、CSSを書いていきます。
サンプル紹介
こちらの依頼ページの1つ目が模写しているサイトです。
新しい情報
CSSも書いていて、新たに知った情報がたく...
CSS
CSS 
CSS 初心者の疑問 ～JavaScriptの役割って動きを付ける事なの？～
こんにちは朱夏です。
今回は、JavaScriptの役割について、私の考えをまとめてみました。
というのも、JavaScriptの学習を進めているとこんな疑問が浮かんだからです。
↓Twitterでのつぶやき
よくHTM...
Bootstrap 【Bootstrap】スクロールスパイを使いこなそう
こんにちは朱夏です。
今回は、Bootstrapのスクロールスパイを使ってみたいと思います。
スクロールスパイが何かというと、画面をスクロールさせたときに、表示されている内容がどこのリンクの内容か解る様に、ナビゲーション内のリンクを...
Bootstrap 【Bootstrap】色んなデザインのリンクカードを作ってみた
こんにちは朱夏です。
今回は、Bootstrapの機能を使ってリンクカードのデザインを3つほど作ってみたいと思います。
お品書き
1.画像とテキストの組み合わせ(縦)
2.画像とテキストの組み合わせ(横)
3.画像...
Bootstrap 【問題解決】メールフォームの送信テストが失敗する件 その３
こんにちは朱夏です。
そろそろこの問題を解決したいところです。
早速やっていきたいと思います。
前回、以下の解決の糸口を見つけました。
mb_send_mailの$toの指定に、メールアドレスを直接入力している場合、
フォ...
CSS 【苦手克服】パララックスサイトを作ってみよう その２
こんにちは朱夏です。
前回に続いて、パララックスサイトを作っていきます。
今回は、フェードインやスライドして表示される視覚効果を実装できる様にしていきます。
1.フェードインで表示
まずは、スクロールしていくとフェードインで表示...
CSS 【苦手克服】パララックスサイトを作ってみよう
こんにちは朱夏です。
今回は、パララックスデザインについて学んでいきたいと思います。
ここ数日、仕事の案件を探していますが、このブラウザ全体に画像が表示されて、スクロースすると順番に要素がフェードインしてきたりするサイトを見ると、「...
Bootstrap 【Bootstrap】画像のスライド表示を実装してみた【カルーセル】
こんにちは朱夏です。
今回はBootstrapを使って、画像のスライドを実装してみます。
参考サイトはこちらです。
いろんなサイトのトップページで見かけることが多いこの画像スライドは、Bootstrapの「カル...
Bootstrap 【SNSボタンを実装しよう】【WordPress】テーマの自作を目指して その１２
こんにちは朱夏です。
今回は、SNSボタンの実装をやっていきます。
今更な感じもしますが、テーマを作り始めた当初は、ごちゃっとしそうだし、必要ないかなと思っていたのです。
しかし、最近Twitterなどの情報を見ると、ブログとSN...
Bootstrap 【デザインを学ぼう】【WordPress】テーマの自作を目指して その１０
こんにちは朱夏です。
今回は、全体的なデザインを考えていこうと思います。
テーマのコンセプトをいくつか決めていきます。
シンプル
これからWordPressを勉強する人向け
解りやすいデザイン
こんな感じ...