【VIP】webディレクターだけど、初心者に役立つサイト教えるてんこもり。

【VIP】webディレクターだけど、初心者に役立つサイト教える

1: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 17:42:31.05 ID:flJZIImcH

最近クソみたいなデザインとグッチャグチャのソースコード書いてる
ミーハー丸出しアフィサイトが増えてきて鬱陶しいから、
これからサイト作る初心者用にサイトを紹介していく
これ以上俺のウェブサーフィンライフを邪魔すんじゃねえぞ

2: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 17:42:31.08 ID:flJZIImcH

まずはドットインストール

http://dotinstall.com/

開発環境の構築方法からプログラミング言語の基礎の基礎を教えてくれる
一回の動画の時間が短く区切られているので使いやすい。
プロからはあまり評判が良くないが、必要最低限のことはここで十分だ

3: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 17:43:00.86

支援

4: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 17:44:28.65 ID:flJZIImcH

次、wordpress

http://ja.wordpress.com/

フリーのCMSの代表格。これの導入さえできればあとは
てきとーにテンプレを導入すればとりあえずの体裁は整えられる
プラグインといわれる拡張機能みたいなのも豊富で
いわゆるネットショップやSNSみたいな大規模なサイトでも十分に作れる。
更新も簡単なので企業のwebサイトでも多々利用されている。
htmlの勉強すら面倒臭がるやつはここを使っとけ。そのうちphpにぶつかるけどな

6: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 17:47:31.80 ID:flJZIImc+

wordpress関連で高橋のり様のwebデザインレシピ

http://webdesignrecipes.com/

wordpressの構造をわかりやすく教えてくれるサイト。この人の本も買ったが
初学者にはかなりわかりやすい。

7: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 17:52:27.16 ID:flJZIImc+

wordpressなんて使わねえ。俺はちゃんとhtmlとcssで頑張るんだと
そう主張するやつ。悪いことは言わねえ、ブートストラップを使え。

http://getbootstrap.com/

もともとはtwitterの社内で使われてたらしい
かなり簡単にhtmlとcssのひな形を作ってしまえるのが強み
htmlからスクラッチビルド（一からつくり上げる方法）でやってる人も
だいたいはブートストラップ的なのを使ってる。使い方はググれ
ドットインストールでも講座があったような気がする

8: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 17:52:59.53 ID:flJZIImc+

亀ですまん書き溜めてないんでな

9: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 17:55:18.89 ID:flJZIImc+

基礎がわかったら次はデザインの優れたサイトを見て、だいたいの作りたいイメージをつくれ

http://w3q.jp/t/3903

http://www.ikesai.com/

http://gooddesignweb.com/

とりあえず俺がブックマークしてたページを貼っておく

11: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 17:59:50.91 ID:flJZIImc+

ページ内で必要なアイコンやら見出し素材を紹介する

まずはLigature Symbols

http://kudakurage.com/ligature_symbols/

こいつは普通のアイコンじゃねえぞ。アイコン画像ってのはページを重くする原因になりやすい
そこでアイコンフォントってのが登場した。もちろんアイコンフォントを使ってくれてもいい
だがこのLigatureSymbolsはアイコンフォントの弱点を補うことができる画期的なフォントだ。
詳しくは書かないが、googleに検索されやすくなる可能性がある。使い方はぐぐってくれ

12: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 18:02:02.62 ID:flJZIImc+

見出し素材のサイト

http://www.toriho-dai.com/tittle/tittle6.html

最近はcssだけで見出しをそれっぽく加工するが、それがめんどくさいやつは
ここの素材を使うだけで見た目が改善するはずだ

13: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 18:02:11.77

html挫折した俺が通りますよ

14: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 18:03:39.29 ID:flJZIImc+

>>13
htmlがわからなくてもテンプレさえあればなんとかなるよ
一応貼っておく

http://websae.net/html5-templates-20140519/

15: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 18:06:59.08 ID:flJZIImc+

次に写真素材だ
トップ画像を作るために必需品となる
イラレやフォトショでロゴを作れないやつは画像に適当に文字さえ入れとけばそれっぽくなる

まずは海外のハイセンスな画像サイトを紹介する。少し重いが我慢してくれ

http://www.raumrot.com/10/

16: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 18:08:19.90 ID:flJZIImc+

日本の有名画像素材サイト足成
俺はあまり好きじゃないが、ここを避けては通れない

http://www.ashinari.com/

17: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 18:09:30.65 ID:flJZIImc+

背景用の画像に役立つのがこのテクスチャーキング

http://www.textureking.com/

コンクリとか木材の感じが出せるのでおすすめ

18: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 18:12:22.39 ID:flJZIImc+

あとこれはトップ画像に応用することができると思って最近注目してる
シアターグラフというサイト

http://theatergraph.com/

以前２ちゃんでも流行った「一部だけ動くgif画像」の共有サイトだ
ファッション系の企業のトップページで使うところが増えてきているから参考にしてくれ

19: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 18:17:16.77 ID:flJZIImc+

一応動画素材と音声素材のサイトも紹介する。ページが重くなるので
あまりおすすめはしない

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/

20: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 18:20:52.42 ID:flJZIImc+

フォント関連
糞みてえな明朝体フォントを使ってるサイトはどれだけフォントが重要かを理解していない
フォント次第で印象は200%変わる。
英語を使うならGoogleフォントを使え
ほとんどここで使いたいフォントが簡潔する。

https://www.google.com/fonts

他は知らん、このサイトで適当に探して来い

http://fontfree.me/

21: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 18:22:33.86 ID:flJZIImc+

これだけ網羅すればなんとかなる。
あとはコリスの更新情報に目を通すのは必須
未だにここなしではやっていけない

http://coliss.com/

22: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 18:23:10.65 ID:flJZIImc+

誰も見てねえのかよ

25: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 18:25:22.52 ID:flJZIImc+

じゃあこっからは脈絡なく適当に貼っていくぞ

After EffectsのTipsを公開してるサイトで
本物の映画みたいな映像を作る方法が学べる

http://www.videocopilot.net/tutorials/

26: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 18:27:27.21

jQueryの便利なサイト教えて

28: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 18:29:42.56 ID:flJZIImc+

>>26

http://semooh.jp/jquery/sample/

29: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 18:31:35.49

>>28
サンクス

27: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 18:28:11.09 ID:flJZIImc+

https://zenback.jp/
ブログ記事の下にコメント欄やらシェア欄を勝手に作ってくれるサービス
いろいろ考えるのがめんどくさいやつはこれで事足りる

30: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 18:33:08.23 ID:flJZIImc+

jQueryプラグインのサイトも一応

http://www.unheap.com/

http://bestofjquery.com/

31: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 18:37:59.32 ID:flJZIImc+

最近なにかと騒がれているAvocode

http://avocode.com/
コーディング作業に革命をもたらすとかもたらさないとか

32: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 18:41:06.15 ID:flJZIImc+

http://lamoulade.com/#!/projects

個人的にすごく好きなデザインのサイト
シングルページの可能性を感じる

33: 以下、＼(^o^)／でVIPがお送りします投稿日：2015/02/06(金) 18:49:26.85

これから勉強しようとしてたからありがたい

関連記事

はてなブックマーク - 【VIP】webディレクターだけど、初心者に役立つサイト教える

コメントの投稿

♯50881

内容も精査せずにwordpressを勧めるwebディレクターは総じてカス

2015-04-05 21:25 :
ななし URL :
編集

♯50882

WordPressはPHPで作ってる分セキュリティに気を配る必要がある。
どうしても使いたいならWordpress.com
後アフィブログは広告を半分ぐらい削れば見た目は良くなる。

2015-04-05 21:48 :
ななし URL :
編集

♯50884

で、管理人はこの社畜の言う事を何か一つ実行できた？
どこかに成果がある筈なんだけどな～

2015-04-06 01:40 :
ななし URL :
編集

♯50888

自分のブクマ自慢したいだけじゃん

2015-04-06 07:42 :
ななし URL :
編集

♯50908

初学者向けじゃなくて素材ばっかりじゃん。
これでディレクター名乗ってるの？

2015-04-07 14:44 :
ななし URL :
編集

♯50914

>初学者向け
・・・初心者用と書いてあるだろうが！勝手に変換するな。

2015-04-08 01:45 :
ななし URL :
編集

♯50977

なにこれ・・ひどいなw

2015-04-10 02:12 :
ななし URL :
編集

♯75078

2020年男性、女性に超人気がある新素材入荷
┏┯┓
┠超┨新品腕時計、バッグ、財布、手帳、
┗┷┛★送料無料（日本全国)★
┏┯┓◆CARTIER ◆OMEGA ◆FENDI◆シャネル
┠人┨◆コーチ ◆ブルガリ◆ROLEX◆HUBLOT
┗┷┛◆FRANCK MULLER ◆ルイ･ヴィトン
┏┯┓ルイヴィトン財布値段
┠気┨シャネル財布人気
┗┷┛IWC 腕時計
┏┯┓シャネル時計新作
┠時┨ジェイコブ時計
┗┷┛100%品質保証！満足保障！リピーター率100％
┏┯┓信用の第1、良い品質、低い価格。
┠計┨必ずご満足頂ける品質の商品のみ販売しております。
┗┷┛店長は2020最新型腕時計ブランドを推薦します

♯75693

安倍首相の一日（１３日）ジョンソン英首相が職務復帰…「我々は流れを変え始めた」 [兵庫]パチンコ店　１６％営業継続

2020-05-15 13:40 :
엠카지노www.rucasinogames.com URL :
編集

♯75802

[大阪]新型コロナ　イベント中止、主催者苦渋デニーズが初の宅配専用店を開業、ウーバーや出前館に委託…「以前から検討していた」「令和２年」記述、聖火リレーご朱印どうする？

♯75931

【独自】同性カップル相続　判決へ…相手方親族を訴え２７日大阪地裁で［コロナ最前線＠シンガポール］外国人労働者の寮が盲点に…模範から一転、感染爆発豪６０地方紙　印刷停止…コロナで広告激減

2020-05-17 15:12 :
네임드m-named.com URL :
編集

♯76053

ＭＬＢもテレビゲーム大会…全３０球団から１選手出場政権とのパイプないから？知事、緊急事態宣言中に対策説明会議世界パラ陸上、１年延期…２２年８月開催で調整

2020-05-18 16:46 :
엠카지노mymcasino.com URL :
編集

♯76165

小売り　業績見通せず…ユニクロ　最終利益１１％減休校中こそ、家で体動かして…萩原智子・佐々木朗希・長友佑都ら動画投稿名馬のたてがみ相次ぎ切断、５０歳代の女逮捕へ

♯76224

値段が安いだけでは危ないオメガでなくてもよいので実際に修理をしたことのある方の体験談、感想、もしくはそれらが掲載してあるホームページなど教えていただければ幸いです。
修理業者の場合は３年を推奨している場合が多いようです。
それはムーブメントに”サビ”が出ている場合などです。
逆に５年たってもオーバーホールしない場合は、パッキンの劣化によるサビや、交換が難しい部品に問題が生じる可能性が高くなります。
まず手巻きと自動巻きの場合は16,000円から。
一つ欠点をいうと、手元に届く時間が非常に遅いです。
一つ前のプラネットオーシャンはオレンジを基調とした、少々目立つ感じでしたが、今年のプラネットオーシャンはスピードマスターに配色が近いです。
仕事でも装着するのであまり目立つのもあれですしね。
仕事が忙しい＋めんどくさい病が発病してず〜〜〜っとブログを更新していませんでした。
前回、ブログを更新した時に、オメガ　プラネットオーシャンを買った購入経緯を記事すると書きましたが、それは次回に回します。
一般的にオメガに限らずロレックスやタグホイヤーなどスイス製の高価な機械式時計は単純なオーバーホールだけで４万くらい費用がかかるのですが、クロノグラフはさらに２万円くらい予算を多めに見ないといけないと、百貨店で購入した後に知りましたました。
また、機械式・クオーツ・アンティークウォッチ・高級ブランド関係なく、幅広い種類の腕時計にも対応しています。
オメガブティックとか高級時計店ってなかなか敷居が高く気軽に入れないですしね。
時計オーダーベルトの加工製作承ります／弓ピン／凸凹ベルト、金具移植、特殊ベルト／ガルーシャ／クロコダイル／AP／オーデマ・ピゲ／Audemars Piguet／Royal Oak／ロイヤルオーク／オフショア／ダイバー／クロノグラフ／パテック・フィリップ／Patek Philippe／ノーチラス／カラトラバ／ワールドタイム／ヴァシュロン・コンスタンタン／Vacheron Constantin／オーバーシーズ／パトリモニー／マルタ／トラディショナル／ヒストリーク／トゥールビヨン／世界三大高級時計メーカー／ROLEX／ロレックス／デイトナ／サブマリーナ／GMTマスター／エクスプローラー／デイトジャスト／アンティーク／ヨットマスター／ミルガウス／デイデイト／ダイヤモンド／ウブロ／HUBLOT／ビッグバン／ビックバン／ウニコ／フュージョン／スピリットオブビッグバン／チタニウム／セラミック／カーボン／クラシック／キングパワー／オーシャノグラフィック／パネライ／PANERAI／ルミノールマリーナ／ラジオミール／オメガ／OMEGA／ブレゲ／BREGUET／ブライトリング／BREITLING／カルティエ／Cartier／ブルガリ／BVLGARI／ジャガールクルト／JAEGER-LECOULTRE／タグホイヤー／TAG Heuer／ゼニス／ZENITH／IWG／インターナショナルウオッチカンパニー／オリス／ORIS／フレデリックコンスタント／FREDERIQUE CONSTANT／ショパール／CHOPARD／モンブラン／MONTBLANC／ロンジン／LONGINES／グッチ／GUCCI／ハリーウィンストン／HARRY WINSTON／モーリスラクロア／MAURICE LACROIX／ベル＆ロス／ベルアンドロス／BELL&ROSS／フランクミュラー／FRANCK MULLER／コンキスタードル／ロングアイランド／セイコー／SEIKO／チュードル／TUDOR／ユリスナルダン／ULYSSE NARDIN／コンコルド／CONCORD／ドゥグリソゴノ／de GRISOGONO／A.以前にG-shockを街の時計店で電池交換してもらおうとしたら、防水時計は特殊作業になるので、普通の電池交換代金だけでは対応できないと言われてしまいました。
ですので、技術面で問題がない修理店にオーバーホールを依頼すれば、メーカーで実施するより多くの面でメリットがあります。
また、時計は消耗品で壊れたら買い替えるという認識がひろまっていて、時計の修理店自体も減ってしまい熟練された素晴らしい職人がいたとしても閉店をしてしまう店舗もあります。
時計を拭くのにはメガネ拭きなどでＯＫですが、プロの時計師の多くはセーム皮を使います。

♯76437

沖縄県議選　公明　擁立候補を半減…コロナで組織動けずロンドンマラソン延期でも　チャリティー初日６億円…代替イベント文科省　休校「自治体判断で」

2020-06-09 14:43 :
카지노주소www.pkrer.com URL :
編集

♯76543

[栃木]塩原温泉郷名物通販で　入浴剤、スープ入り焼きそば　売り上げ減受け開設素材重ねた布マスク　高性能　米研究チームが発表共に戦ってくれる母に、感謝の言葉とカーネーション…六大学野球の部員ら

♯76649

【独自】日医・横倉会長　５選出馬意向愛知で２４人陽性と誤判定、検体の一部が飛散か…１人の遺体はすでに火葬尹前理事長　疑惑を否定…元慰安婦団体流用　議員活動に意欲

2020-06-09 17:33 :
샌즈카지노suu777.com URL :
編集

♯76757

執行猶予中にストーカー行為…ノートに女性の実名「脳挫傷」「金槌・手袋・包丁」 [群馬]夏秋キャベツ、出荷量５０年連続日本一　栽培技術が向上、販路拡大北の「短距離ミサイル」、日本海へ２３０ｋｍ飛行…韓国軍

2020-06-09 19:03 :
카지노주소casinojuso.com URL :
編集

♯76865

「国民投票法」会期中厳しく…衆院憲法審、今国会初の開催 [山梨]感染５０人経路不明４割超　新型コロナ　職場、親族間クラスターも [三重]公示地価２８年連続下落　下げ幅は縮小　高台と臨海部「二極化」

2020-06-09 20:32 :
카지노blog.tom-casino.com URL :
編集

♯76967

コロナ後　手頃な値段で…ウナギ登り　稚魚豊漁輸出管理の厳格化巡り日韓政策対話…改善状況について韓国側から説明か三井住友銀の特別ファンド、３０００億円の上限に…１兆円へ拡大

2020-06-10 20:58 :
부스타빗blog.mybustabit.com URL :
編集

♯77446

ブランドコピー
*当店の信用の第一
*商品の品質第一
*在庫情報随時更新!
*新品種類がそろっています。
*品質がよい、価格が低い、実物写真！
*100%品質保証！
*全品送料無料

♯79014

2021年の新素材-新作
高品質の追求超N品を良心価格で提供
HERMES（バッグコピー、財布コピー、時計コピー）
クロエ CHLOE　バッグなどです。
ご不明点がございましたらお気軽にお問い合わせください
100%品質保証！満足保障！リピーター率100％!
ロレックススーパーコピー,ROLEX時計コピーN級品販売専門店!

♯79326

大変わかりやすい説明、至らぬ私でお手間とらせてしまぃ、申し訳ございませんでした。
ありがとうございました。
ルイヴィトンコインケースヴェルニジッピーコインパース M93053 オレンジサンセット新品コンパクト財布ラウンドファスナー小銭入れカードケースレザーエナメル革ルイ･ヴィトン
色々あったのに、ご親切に説明して頂け、助かりました。
商品もめっちゃ気に入りました。
お世話になりました。
ありがとうございました。

♯79346

正規販売代理店,100%品質保証!
超激得通販!
【超人気新品】史上最も激安い!最安値に挑戦!
クリスマス賛発売!
超人気高品質100％品質保障!
今79％OFF、税金入れ、ベストプライスをお楽しみください
送料無料で販売、最大70％の割引
発売中高級品アウトレット割引を提供
割引80％オフまで
【正規品】激安専門店.
超安値登場！品質保証、最安値に挑戦！
オンラインストアオファー激安輸出
高品質とリーズナブルで販売
超人気【楽天市場】
オンラインストアは、ご来店ありがとうございます.

♯84203

スーパーコピー通販

スーパーコピー通販

2023-12-19 17:38 :
シャネルピアスヤフー URL :
編集

« next ホーム prev »