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

    16
    コメント

    1:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 17:41:24.70ID:flJZIImcH.net
    最近クソみたいなデザインとグッチャグチャのソースコード書いてる
    ミーハー丸出しアフィサイトが増えてきて鬱陶しいから、
    これからサイト作る初心者用にサイトを紹介していく
    これ以上俺のウェブサーフィンライフを邪魔すんじゃねえぞ



    2:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 17:42:31.08ID:flJZIImcH.net
    まずはドットインストール
    SnapCrab_NoName_2015-2-8_2-25-13_No-00

    http://dotinstall.com/

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



    3:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 17:43:00.86ID:dEC9e03/0.net
    支援


    4:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 17:44:28.65ID:flJZIImcH.net
    次、wordpress
    SnapCrab_NoName_2015-2-8_2-25-32_No-00

    http://ja.wordpress.com/


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



    6:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 17:47:31.80ID:flJZIImc+.net
    wordpress関連で高橋のり様のwebデザインレシピ
    SnapCrab_NoName_2015-2-8_2-25-51_No-00

    http://webdesignrecipes.com/


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



    7:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 17:52:27.16ID:flJZIImc+.net
    wordpressなんて使わねえ。俺はちゃんとhtmlとcssで頑張るんだと
    そう主張するやつ。悪いことは言わねえ、ブートストラップを使え。
    SnapCrab_NoName_2015-2-8_2-26-5_No-00

    http://getbootstrap.com/


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



    9:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 17:55:18.89ID:flJZIImc+.net
    基礎がわかったら次はデザインの優れたサイトを見て、だいたいの作りたいイメージをつくれ
    SnapCrab_NoName_2015-2-8_2-27-16_No-00

    http://w3q.jp/t/3903


    SnapCrab_NoName_2015-2-8_2-27-28_No-00

    http://www.ikesai.com/


    SnapCrab_NoName_2015-2-8_2-27-39_No-00

    http://gooddesignweb.com/


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



    13:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 18:02:11.77ID:Zfpzv4Ena.net
    html挫折した俺が通りますよ


    14:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 18:03:39.29ID:flJZIImc+.net
    >>13
    htmlがわからなくてもテンプレさえあればなんとかなるよ
    一応貼っておく
    SnapCrab_NoName_2015-2-8_2-27-50_No-00

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



    11:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 17:59:50.91ID:flJZIImc+.net
    ページ内で必要なアイコンやら見出し素材を紹介する

    まずはLigature Symbols
    SnapCrab_NoName_2015-2-8_2-28-2_No-00

    http://kudakurage.com/ligature_symbols/


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



    12:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 18:02:02.62ID:flJZIImc+.net
    見出し素材のサイト
    SnapCrab_NoName_2015-2-8_2-29-6_No-00

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


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



    15:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 18:06:59.08ID:flJZIImc+.net
    次に写真素材だ
    トップ画像を作るために必需品となる
    イラレやフォトショでロゴを作れないやつは画像に適当に文字さえ入れとけばそれっぽくなる

    まずは海外のハイセンスな画像サイトを紹介する。少し重いが我慢してくれ
    SnapCrab_NoName_2015-2-8_2-30-4_No-00

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



    16:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 18:08:19.90ID:flJZIImc+.net
    日本の有名画像素材サイト足成
    俺はあまり好きじゃないが、ここを避けては通れない
    SnapCrab_NoName_2015-2-8_2-30-45_No-00

    http://www.ashinari.com/



    17:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 18:09:30.65ID:flJZIImc+.net
    背景用の画像に役立つのがこのテクスチャーキング
    SnapCrab_NoName_2015-2-8_2-31-1_No-00

    http://www.textureking.com/


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



    18:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 18:12:22.39ID:flJZIImc+.net
    あとこれはトップ画像に応用することができると思って最近注目してる
    シアターグラフというサイト

    SnapCrab_NoName_2015-2-8_2-31-9_No-00

    http://theatergraph.com/


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



    19:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 18:17:16.77ID:flJZIImc+.net
    一応動画素材と音声素材のサイトも紹介する。ページが重くなるので
    あまりおすすめはしない

    Videzzy(動画)
    SnapCrab_NoName_2015-2-8_2-32-7_No-00

    http://www.videezy.com/

    Mazwai(動画)
    20150208023235

    http://mazwai.com/

    Distill(動画)
    20150208023307

    http://www.wedistill.io/

    SoundLabel(音楽)
    20150208023442

    http://www.snd-jpn.net/free_sound/

    こんとどぅふぇ(音楽)
    20150208023452

    http://conte-de-fees.com/



    20:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 18:20:52.42ID:flJZIImc+.net
    フォント関連
    糞みてえな明朝体フォントを使ってるサイトはどれだけフォントが重要かを理解していない
    フォント次第で印象は200%変わる。
    英語を使うならGoogleフォントを使え
    ほとんどここで使いたいフォントが簡潔する。
    20150208023529

    https://www.google.com/fonts


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

    http://fontfree.me/



    21:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 18:22:33.86ID:flJZIImc+.net
    これだけ網羅すればなんとかなる。
    あとはコリスの更新情報に目を通すのは必須
    未だにここなしではやっていけない
    20150208023550

    http://coliss.com/



    25:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 18:25:22.52ID:flJZIImc+.net
    じゃあこっからは脈絡なく適当に貼っていくぞ

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

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



    26:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 18:27:27.21ID:ZfdvfqG30.net
    jQueryの便利なサイト教えて


    28:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 18:29:42.56ID:flJZIImc+.net
    >>26
    20150208023609

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



    29:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 18:31:35.49ID:ZfdvfqG30.net
    >>28
    サンクス



    27:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 18:28:11.09ID:flJZIImc+.net
    20150208023618

    https://zenback.jp/

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



    30:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 18:33:08.23ID:flJZIImc+.net
    jQueryプラグインのサイトも一応
    20150208023630

    http://www.unheap.com/

    20150208023650

    http://bestofjquery.com/



    31:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 18:37:59.32ID:flJZIImc+.net
    最近なにかと騒がれているAvocode
    20150208023638

    http://avocode.com/

    コーディング作業に革命をもたらすとかもたらさないとか


    32:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 18:41:06.15ID:flJZIImc+.net
    20150208023726

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


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



    33:以下、\(^o^)/でVIPがお送りします: 2015/02/06(金) 18:49:26.85ID:lT1LTGwL0.net
    これから勉強しようとしてたからありがたい




    エ口サイトをたらい回しにされた挙句仏壇サイトに飛ばされた

    駅前で禿の俺に美容院の子がチラシ渡したのでどういう事か聞いてみた

    可能姉妹「ええ、できますわよ?」

    この画像ワクソロッッッッッタwwwwwww



    キニ速の全記事一覧

    この記事を読んだ方はこんな記事も読んでいます

    人気記事ランキング

      おすすめサイト最新記事一覧

      コメント

      1.気になる名無しさん2015年02月08日 05:33  ▽このコメントに返信

      ちょんわー!

      2.気になる名無しさん2015年02月08日 05:40  ▽このコメントに返信

      豊丸「イグ~イグ~」

      3.気になる名無しさん2015年02月08日 08:46  ▽このコメントに返信

      ほんとに初心者向けだね
      これから勉強する人にとってはいいんじゃないかなー

      4.気になる名無しさん2015年02月08日 09:01  ▽このコメントに返信

      ※3
      タイトルも読めないのか

      5.気になる名無しさん2015年02月08日 10:33  ▽このコメントに返信

      出来ない人間がもっと出来ない人間にドヤって教えてる
      そんな姿が浮かんだ

      6.気になる名無しさん2015年02月08日 10:34  ▽このコメントに返信

      テンプレがいっぱいあって今は便利だな~

      7.気になる名無しさん2015年02月08日 10:51  ▽このコメントに返信

      仕事で使っちゃまずいようなサイトが結構あるな。
      個人サイトならともかく、デカい仕事したいなら制作側のリテラシーは高く保たないと、

      8.気になる名無しさん2015年02月08日 12:27  ▽このコメントに返信

      この手のWEB上のサービスは中止してしまって、その後の更新に支障をきたしたり振り回されるようだと困るな
      まあFrontPageとかだってExpressionWebになって最後は廃盤になったから買ったソフトでもあるけど
      最低限OS切り替えまでは確実に動くからまだ見通しは立つし

      9.気になる名無しさん2015年02月08日 12:33  ▽このコメントに返信

      くふ

      10.気になる名無しさん2015年02月08日 20:00  ▽このコメントに返信

      典型的な勘違い君で笑った
      管理人さん晒し上げ記事ごくろうさん

      11.気になる名無しさん2015年02月08日 22:55  ▽このコメントに返信

      ここまで意識高いゴミ

      12.気になる名無しさん2015年02月08日 23:41  ▽このコメントに返信

      スマホやHTML5が出だす前にWeb関連の仕事辞めたんで、曖昧な意識高い系のコメント出されてもわかんないんだが…。
      再度趣味で勉強しようと思ってるから、批判コメしてる人は具体的にどこがダメなのか言ってくれよ。
      上から目線で自分だけいい気になられるぐらいなら、情報くれるスレ主の方がよっぽど有り難い存在なんだけど…。

      13.気になる名無しさん2015年02月09日 21:47  ▽このコメントに返信

      これは嬉しい!

      14.気になる名無しさん2015年02月10日 01:36  ▽このコメントに返信

      ドットインストールのステマ

      15.気になる名無しさん2015年10月15日 17:28  ▽このコメントに返信

      浅島平一

      16.気になる名無しさん2015年10月20日 10:50  ▽このコメントに返信

      内田雄太
      柴田裕太
      酒井祐樹
      宮崎悠翔
      木内浩太郎
      横山悠斗
      高木悠大
      安藤悠太
      宮本悠生
      大野悠仁
      工藤悠人
      谷口悠真

      キニ速の全記事一覧

      週間ページランキング

      最新記事
      記事検索
      カテゴリ別アーカイブ
      月別アーカイブ
      はてなブックマーク
      3日間集計逆アクセス
      Copyright (C) 2011 キニ速 -気になる速報-. All rights reserved. ブログパーツ