userinjapanのブックマーク - はてなブックマーク

Web屋が使う３４個の「シンプル・簡単・便利」なウェブツールまとめ
作成：2012/10/29 更新：2016/10/22 Tool > 低スペックPCやウィンドウ幅の狭いノートを使っている場合、ソフト立ち上げを躊躇してしまう時がありませんか？そんな人に「シンプル、軽い、簡単」のウェブ上で使えるツールをご紹介。ブラウザ内で開けるので無駄なスペースを取られません。 ※こちらの記事は2012年に書いたもので、情報が古くなっております。比較的最近のツール系のまとめは、Web制作に役立つトレンドのツール一覧と以下の２つご覧ください。（※ 2015/06/25 2015/06/28追記） Node.jsとgulpをインストールして使うまでの入門記事これからGit を始めてみようという人のための使い方と入門フロー特にウェブ屋さんやブロガーさん達が使っているのをピックアップ。もちろん僕も頻繁にガシガシ使ってるので「ツール用ブックマーク」としてこのページを作りました
userinjapan 2015/06/25
webservice

links
リンク
Web制作者が捗る！知識が増える2014年トレンドまとめ
作成：2014/06/9 Web制作 > トレンド感のある動きや、洗練された見え方を実現するために、知っておきたいことや方法など。Web制作の現場で知っておくべきことをまとめました。全部取り入れるのは無理ですが、押さえておくことで今以上に見栄えのするサイトを作れると思います。ここ最近のトレンドをおさらいしたいときに。エンジニア速報は Twitter の@commteで配信しています。もくじファーストビューで使いたいエフェクト１．ロングシャドウ２．ポリゴン３．ラージフォトスタイル４．ブラーエフェクト５．フルスクリーン動画６．画像シーケンス脱ビットマップ画像７．SVG ８．Webフォントを円で囲む配色・フォント９．配色(フラットデザイン) １０．タイポグラフィ(フラットデザイン) １１．フォント(フラットデザイン) 効果１２．Infinite Scroll(無限スク
userinjapan 2014/06/09
webdesign

html

css

javascript

#links
リンク
完璧に分かる！コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)
作成：2014/01/27 更新：2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。エンジニア速報は Twitter の@commteで配信しています。もくじコーディング前の準備１．仕様書の確認２．入稿データの確認・スケジューリング HTML5 マークアップ３．テンプレート作成４．条件付きコメント５．GCF＋キャッシュクリア６．OGP記述７．ファビコン８．アウトライン作成９．バリデーターをチェック CSS の設定１０．ノーマライズスタイルレスポンシブデザイン設計１１．モバイルファーストを基準に設計１２．プログレッ
userinjapan 2014/01/28
webdesign

html

css

wordpress
リンク
1