2015年02月07日
最近クソみたいなデザインとグッチャグチャのソースコード書いてる
ミーハー丸出しアフィサイトが増えてきて鬱陶しいから、
これからサイト作る初心者用にサイトを紹介していく
これ以上俺のウェブサーフィンライフを邪魔すんじゃねえぞ
まずはドットインストール
http://dotinstall.com/
開発環境の構築方法からプログラミング言語の基礎の基礎を教えてくれる
一回の動画の時間が短く区切られているので使いやすい。
プロからはあまり評判が良くないが、必要最低限のことはここで十分だ
支援
次、wordpress
http://ja.wordpress.com/
フリーのCMSの代表格。これの導入さえできればあとは
てきとーにテンプレを導入すればとりあえずの体裁は整えられる
プラグインといわれる拡張機能みたいなのも豊富で
いわゆるネットショップやSNSみたいな大規模なサイトでも十分に作れる。
更新も簡単なので企業のwebサイトでも多々利用されている。
htmlの勉強すら面倒臭がるやつはここを使っとけ。そのうちphpにぶつかるけどな
ksk
wordpress関連で高橋のり様のwebデザインレシピ
http://webdesignrecipes.com/
wordpressの構造をわかりやすく教えてくれるサイト。この人の本も買ったが
初学者にはかなりわかりやすい。
wordpressなんて使わねえ。俺はちゃんとhtmlとcssで頑張るんだと
そう主張するやつ。悪いことは言わねえ、ブートストラップを使え。
http://getbootstrap.com/
もともとはtwitterの社内で使われてたらしい
かなり簡単にhtmlとcssのひな形を作ってしまえるのが強み
htmlからスクラッチビルド(一からつくり上げる方法)でやってる人も
だいたいはブートストラップ的なのを使ってる。使い方はググれ
ドットインストールでも講座があったような気がする
基礎がわかったら次はデザインの優れたサイトを見て、だいたいの作りたいイメージをつくれ
http://w3q.jp/t/3903
http://www.ikesai.com/
http://gooddesignweb.com/
とりあえず俺がブックマークしてたページを貼っておく
ページ内で必要なアイコンやら見出し素材を紹介する
まずはLigature Symbols
http://kudakurage.com/ligature_symbols/
こいつは普通のアイコンじゃねえぞ。アイコン画像ってのはページを重くする原因になりやすい
そこでアイコンフォントってのが登場した。もちろんアイコンフォントを使ってくれてもいい
だがこのLigatureSymbolsはアイコンフォントの弱点を補うことができる画期的なフォントだ。
詳しくは書かないが、googleに検索されやすくなる可能性がある。使い方はぐぐってくれ
見出し素材のサイト
http://www.toriho-dai.com/tittle/tittle6.html
最近はcssだけで見出しをそれっぽく加工するが、それがめんどくさいやつは
ここの素材を使うだけで見た目が改善するはずだ
html挫折した俺が通りますよ
>>13
htmlがわからなくてもテンプレさえあればなんとかなるよ
一応貼っておく
http://websae.net/html5-templates-20140519/
次に写真素材だ
トップ画像を作るために必需品となる
イラレやフォトショでロゴを作れないやつは画像に適当に文字さえ入れとけばそれっぽくなる
まずは海外のハイセンスな画像サイトを紹介する。少し重いが我慢してくれ
http://www.raumrot.com/10/
日本の有名画像素材サイト足成
俺はあまり好きじゃないが、ここを避けては通れない
http://www.ashinari.com/
背景用の画像に役立つのがこのテクスチャーキング
http://www.textureking.com/
コンクリとか木材の感じが出せるのでおすすめ
あとこれはトップ画像に応用することができると思って最近注目してる
シアターグラフというサイト
http://theatergraph.com/
以前2ちゃんでも流行った「一部だけ動くgif画像」の共有サイトだ
ファッション系の企業のトップページで使うところが増えてきているから参考にしてくれ
一応動画素材と音声素材のサイトも紹介する。ページが重くなるので
あまりおすすめはしない
Videzzy(動画)
http://www.videezy.com/
Mazwai(動画)
http://mazwai.com/
Distill(動画)
http://www.wedistill.io/
SoundLabel(音楽)
http://www.snd-jpn.net/free_sound/
こんとどぅふぇ(音楽)
http://conte-de-fees.com/
フォント関連
クソみてえな明朝体フォントを使ってるサイトはどれだけフォントが重要かを理解していない
フォント次第で印象は200%変わる。
英語を使うならGoogleフォントを使え
ほとんどここで使いたいフォントが簡潔する。
https://www.google.com/fonts
他は知らん、このサイトで適当に探して来い
http://fontfree.me/
これだけ網羅すればなんとかなる。
あとはコリスの更新情報に目を通すのは必須
未だにここなしではやっていけない
http://coliss.com/
じゃあこっからは脈絡なく適当に貼っていくぞ
After EffectsのTipsを公開してるサイトで
本物の映画みたいな映像を作る方法が学べる
http://www.videocopilot.net/tutorials/
jQueryの便利なサイト教えて
>>28
サンクス
https://zenback.jp/
ブログ記事の下にコメント欄やらシェア欄を勝手に作ってくれるサービス
いろいろ考えるのがめんどくさいやつはこれで事足りる
jQueryプラグインのサイトも一応
http://www.unheap.com/
http://bestofjquery.com/
最近なにかと騒がれているAvocode
http://avocode.com/
コーディング作業に革命をもたらすとかもたらさないとか
http://lamoulade.com/#!/projects
個人的にすごく好きなデザインのサイト
シングルページの可能性を感じる
これから勉強しようとしてたからありがたい
かんたんJimdo完全マニュアル 新UI対応版
この記事へのコメント
最近PHP使うようになって世界が変わったわ
結局養分にされるんだな
Web関係の本ではまず掴めないところ。
作れるようになった。今はもう使ってないど。
周りに光る提灯GIFつけときゃ、それなりに見えるだろ
かんべんしてくれよ。。
ここスッキリしてるからたぶんセーフじゃね?w
>>1の
> これ以上俺のウェブサーフィンライフを邪魔すんじゃねえぞ
の直下にアフィ広告とか、さすがアフィブロガーとしか言いようがない
アフィまとめ運営するくらいだからネットには精通してるだろうな
ここの紹介はあくまで初心者用なんだから、中級者以上対象じゃないかもね
良記事に見えないということは、もうあなたは初心者じゃないってことかと思うよ
ドットインストールがプロ(笑)に不評と言いながら
>>6を薦めてる時点でお里が知れるんだよな・・
WPを使えばそれっぽいサイトが作れるようになってから自称が本当に増えた
コピペしたサイトを量産しておいて「他のサイトはセンスが〜」とか言っちゃうからなあ
勘弁してくれ・・
これが良記事じゃないんだったら、どーゆー記事が良記事か教えてくれるかい?
ブクマしときます。
お前バカだな。発言の意図が理解できてないじゃん。
そもそもデザイナーと違うのか?
仕事で触った時に、MVC5と同じくらい感激した。
批判は例えば、プロ料理人が「クックパッド」を「いい加減なレシピ」って批判するのに似てる
だいたいはブートストラップ的なのを使ってる。
んなわけあるか。主語がでけーよ。
自称中級者みたいなのが増えて中途半端なもんがたくさん増えるぞ
※23
ぶっちゃけ役職は大して関係ないな
うちではディレクター的な仕事してる人が「デザイナー兼プログラマ」って自称してるし
特に個人の場合は好きに名乗っていい
みんなが見てる
コメントする
卑猥な単語や誹謗中傷コメントは修正される場合がありますのでご了承くださいm(__)m