Webページ作成

Webページ作成

【初挑戦】ポートフォリオを作ります その2:Adobe XDでワイヤーフレームを作ってみた

こんにちは朱夏です。 今回は、ポートフォリオ作成第二回です。 ワイヤーフレームを作成するということで、Adobe XDに初挑戦しました。 お世話になったしもむらさんの動画はこちら。 Adobe XDは初め...
Webページ作成

【初挑戦】ポートフォリオを作ります その1:GitHubを登録してみた

こんにちは朱夏です。 今回から何回かに分けてポートフォリオを作っていきたいと思います。 朱夏 ポートフォリオは作った方がいいと聞いてたけどちょくちょく案件取れてたし後回しにしてるんだよなぁ。 ...
Webページ作成

WEBフォントの使い方まとめ【無料で使えます】

こんにちは朱夏です。 今回はWEBフォントについて書きたいと思います。 webサイトを作成していると、こんなことを考える事があります。 朱夏 HTMLで使える日本語のフォントは種類が少ないなぁ。 ...
2021.08.26
Webページ作成

Web作成案件の提案にはサイトの模写が効果的な話

こんにちは朱夏です。 今回はサイトの模写が、Webサイト作成案件の提案をする際に効果的だという話をしたいと思います。 サイト模写が効果的だという理由は3つあります。 案件の必要スキルが解る 自信につながる ...
Javascript

Webサイトの模写を実践してみた JavaScript編

こんにちは朱夏です。 今回も模写していきたいと思います。 こちらの案件の参考サイトの模写になります。 今回はJavaScriptの模写になります。 ここで新たにjQueryというものが出てきました。 jQueryとは J...
CSS

Webサイトの模写を実践してみた CSS編

こんにちは朱夏です。 今回も模写を頑張っていきます。 前回の続きで、CSSを書いていきます。 サンプル紹介 こちらの依頼ページの1つ目が模写しているサイトです。 新しい情報 CSSも書いていて、新たに知った情報がたく...
2020.03.08
HTML

Webサイトの模写を実践してみた

こんにちは朱夏です。 今回はWebサイトの模写をやっていきたいと思います。 Twitterでこんな呟きを見つけました。 これはスキルアップと案件獲得両方を目指せるコスパの良い学習方法だと思ったので、早速試してみました。 ...
Webページ作成

【Webサイト作成】パララックスサイトのテンプレートを作成 その9

こんにちは朱夏です。 今回はフッター部分を作っていこうと思います。 実装するのは次の3つです。 テキスト GoogleMAPの埋め込み Twitterの埋め込み それではやっていきたいと思います。 コー...
Bootstrap

【Webサイト作成】パララックスサイトのテンプレートを作成 その8

こんにちは朱夏です。 今回もパララックスサイトのテンプレートを作っていきます。 今回は、Bootstrapのアコーディオン機能を使ってFAQを実装してみたいと思います。 参考サイトはこちらです。 コード コードはこちら...
2021.08.26
Webページ作成

【Webサイト作成】パララックスサイトのテンプレートを作成 その7

こんにちは朱夏です。 今回も、パララックスサイトのテンプレートを作っていきたいと思います。 今回は、中間エリアにカルーセルを実装したいと思います。 実装にはBootstrap4を使用します。 コード 先ずはコードからです。...
スポンサーリンク
タイトルとURLをコピーしました