webデザイン初心者|sometimes study

webデザイン初心者の私が一人前になるまでの記録。webデザイン(Illustrator・Photoshop)・webサイト制作(HTML・CSS・JavaScript・jQuery・PHP・WordPress)を中心にお勉強中。

webサイト制作

超簡単&コピペでOK!ページトップへ戻るボタンの実装方法:jQuery

先週末まで2週間インターンシップに行っていたのでバタバタしてましたー!やっと落ち着いて来たので久しぶりの更新です。 今回は様々なところで見かける『スクロールして、ページトップに戻るボタン』の作り方です。 超簡単&コピペでOK!ページトップへ戻る…

これなんて読むの?今さら聞けないweb用語の読み方まとめ

さて、前回の記事に引き続き『これなんて読むのシリーズ』の後半、『web用語編』です。 『Google Chrome』ってグーグル チャーム?クロム?チョロメ? 『ASUS』はアスース?エイサス?エイスース? 突然、父から電話で何事かと思ったら、どうも何か変な操作…

これなんて読むの?今さら聞けないHTML・CSSプロパティの読み方まとめ

HTML・CSSのお勉強を始めて、まず最初に混乱するのが「これなんて読むの?」だと思います。私みたいに独学で始めた人は特に、書けるけど…読めない。 調べてみても色々な読み方がされていたり、間違ったまま覚えている人を信じてしまったり… いつも自己流でテ…

jQuery:クリックしたら表示・非表示するロールオーバーボタンの実装方法

今回は、プラグインを使わないで作る『ロールオーバーボタンの作り方』です! 例えば 『Q & A』みたいな項目に対しての説明が長くなってしまうとき 『メニューボタン』のように、入れ子入れ子で子ページがいくつもあるとき 説明が長い位場合は特に必要性を…

論理問題:プログラマーに必要な『論理的思考力(ロジカル・シンキング)』を身につけよう!

会社で上司に報告をするとき、取引先の相手にプレゼンをするとき。相手にわかりやすく、順序立てて話をする力ってとっても必要とされますよね。 それは対人でなく、対コンピューターなプログラマーも同じ。プログラムを作るうえで、物事を論理的に考える力は…

jQuery:チェックされたら送信可能にするボタンをjQueryで制御する

週末にwebサイトの機能追加の依頼が入り、 メールフォームに利用規約の同意ボタンを実装しました。 自分用メモとしてHTML、jQuery、cssのソースをまとめておきます。誰かの参考になれば幸いです! チェックされたら送信可能にするボタンをjQueryで制御する …

Photoshopとペンタブで、水彩風のイラストを描いてみました:webサイト制作

以前webサイトを作らせてもらったクライアントさんから、改修依頼として「キーイメージをイラストで描いて!」って言われたので頑張ってみました。 何も調べないで自己流で書いたので参考になるかわかりませんが、自分メモとして残しておきたいと思います。 …

webサイト制作の落とし穴!初心者がやりがちなミス20選

8月の中旬から1ヶ月かけて、学校の課題として『webサイト制作』をしていました! 実際にクライアントを見つけて、サイトを作らせてもらうので、友人から依頼をもらった人や飛び込みで営業しに行った人など様々。できあがったサイトのレビュー会もしました。 …

和柄屋 和柄Tシャツ・和柄小物・甚平の卸売業者 | WAGARAYA JAPAN : webサイト制作

和柄屋 和柄Tシャツ・和柄小物・甚平の卸売業者 | WAGARAYA JAPAN wagaraya-japan.com サイト制作課題 やっと完成しました! 8月中旬くらいから1ヶ月ほどかけて作っていた和柄屋さんのwebサイト。やっと完成しました!! 以前、ロゴを作ってるよーって記事に…

Copyright(コピーライト:著作権表示)の正しい書き方を知っていますか?:webサイト制作

webサイトの1番下にある『著作権表示』色々な表記を見かけるけどどれが正しいのー?って思ったことありませんか? Copyright(コピーライト:著作権表示)の正しい書き方を知っていますか? webサイトでいう『Copyright(コピーライト/著作権表示)』は、サイト…

Font Awesome - サイト制作の救世主!種類豊富なアイコンフォントの使い方&カスタマイズ方法

webサイトを作るうえで、手間のかかる作業のひとつ『画像制作』。 私はピクトグラムのように、パッと伝えたい意図がわかるアイコンが大好きで、どこにでも登場させます。 しかし、アイコン画像を一から作っていると、あっという間に時間が過ぎ去っていきます…

外国人から見た日本の風景を考える。『ネオ和風』ロゴを作ってみた:webサイト制作

昨日は学校がお休みだったので、学校のみんなで集まって午後からお勉強会をしてました。各々自分で好きなことをやる自由スタイルで。 最近授業がjQueryに入ったので、ひたすら問題を解いてみたり。 自分でクライアントを見つけてwebサイト制作をするので、プ…

画像圧縮・軽量化サイト3選!見た目そのままでファイルサイズ大幅ダウン!

webサイト作成時やバナー納品時、画像サイズが大きいと送るほうもなんか悪いし、受け取るほうも負担になるしで困っちゃいますよね。 1つ言えることは、画像も人間もおデブちゃんよりはダイエットしたほうがカッコイイってことです! クライアントに納品する…

HTML/CSS初心者のコードミスを探せ!googleデベロッパーツールの使い方

初心者さんにあるあるなコードの記載ミス。 あれが足りない、これが足りない、英語の綴りミスで動かない… コーディングを初めて、1番最初にぶち当たる壁はまずこれです。 お勉強したてほやほやの頭で書くから、どこに何が必要なのかごちゃごちゃになっちゃう…

覚えておきたい!Illustratorで、画像からベクターデータのロゴをつくる方法

新しくサイトを作成するとき、企業やお店側に"ベクターデータのロゴがない!"なんてことはよくあります。 過去にはjpg形式で送られてきた画像を、泣く泣く手作業でベクターデータにおこしたこともあります(;0;) そんな苦労をする前に知っておいてほしい…!今…

webサイト制作前に、クライアントに確認しておきたい14のこと

クライアントが見つかって、さぁwebサイトを作ろう!と決まったとき。 先方との打ち合わせで『あれ?何聞いておけばいいんだろう…』 …なんてことにならない為に! 事前に考えておきたい"聞きたいことリスト"をまとめてみました。参考になれば嬉しいです。 we…

webサイト制作の初心者にオススメする勉強サイト4選

さて、いざwebサイトをつくろう!と思い立ち、お勉強はしたいけれど 何から手を付けたらいいのかわからない 何を勉強したらいいのかわからない そもそも何がわからないのかわからない …なんてことになりがちですよね。 新しいことを初めるときは、まずは目的…