フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと｜Pittan｜note
フロントエンドエンジニアとデザイナーさんは日々協力してプロダクトを作っていく関係にあります。デザイナーさんが作ってくれたものをエンジニアが素早く実現できるよう、いくつかエンジニアから意識してほしいことをまとめました。 なんでこんな話になったのか（前置きなので次の章まで飛ばしてOKです） デザイナーさんから「この画面をこんな風に作ってください」とXDやSketch、PSDなどいろいろな形で渡されることがあると思います。 僕の個人的な意見・経験ですが、いざ実装するぞとなったときに 「あれ…ここってどうしたらいいんだろう？」 と迷って作業のスピードが落ちてしまうことがとてもストレスに感じていました。できればノンストップでいきたいなあと思うわけです。 手が止まるたび、デザイナーさんに「ここってどうしたらいいですか？」と質問するのが何か新しい画面を作るときに必ず発生していました。 「（いつも聞いてる
コーディングガイド by @mdo
HTMLシンタックス インデントには半角スペース2個分のソフトタブを使用すること。これが全ての環境で全く同じように見せる唯一の方法。 ネストされた要素はかならず1段階だけインデント(半角スペース2個)すること。 いつもダブルクォートを使うこと。属性値に対してシングルクォートを使わないこと。 閉じタグの無い要素に対して、末尾のスラッシュは省く事。HTML5仕様に省略して良いと書いてある。 省略できる閉じタグを省略しないこと。(例えば</li>とか</body>)。 <!DOCTYPE html> <html> <head> <title>Page title</title> </head> <body> <img src="images/company-logo.png" alt="Company"> <h1 class="hello-world">Hello, world!</h1> </
完璧に分かる！コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)
作成：2014/01/27 更新：2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 １．仕様書の確認 ２．入稿データの確認・スケジューリング HTML5 マークアップ ３．テンプレート作成 ４．条件付きコメント ５．GCF＋キャッシュクリア ６．OGP記述 ７．ファビコン ８．アウトライン作成 ９．バリデーターをチェック CSS の設定 １０．ノーマライズスタイル レスポンシブデザイン設計 １１．モバイルファーストを基準に設計 １２．プログレッ
平穏にブログを続けるためのSEO知識
最近、私の周りのブロガーが、Google検索からの流入が激減したという話をよく耳にします。パンダアップデートやペンギンアップデートの影響です。過度のSEOを行っていると、検索アルゴリズムがアップデートされた時に、ランキングが急落しやすいです。ドーピングが切れるようなものです。 SEOとは検索エンジンの検索結果で一位を取ることではありません。検索エンジンからクロールされやすく、インデックスされやすいサイトを構築することです。その上でユーザーに有益な記事をポストして、信用を積み重ねることで、ランキングは上がっていくのです。 Googleの検索ランキングを気にせず、平穏にブログを続けるためのSEO知識をまとめてみました。 パンダアップデート・ペンギンアップデートについて知る Googleは、検索精度を上げるために、パンダアップデート・ペンギンアップデートという二つのアルゴリズムを導入しています。
再審査リクエストの処理にかかる時間と再審査リクエストで使うべき言語
[対象: 全員] Googleウェブスパムグループの隊長、Matt Cutts（マット・カッツ）氏からここ最近に提供のあった再審査リクエストに関する情報を2つ今日は紹介します。 「再審査リクエストの処理にかかる時間」と「再審査リクエストを書くときに使う言語」についてです。 1. 再審査リクエストの処理にかかる時間 再審査リクエストの処理にどのくらいの時間がかかるかをウェブマスター向けのビデオでMatt Cutts氏は説明しました。 要点をまとめます。 処理にかかる時間はまちまちだがだいたい1週間くらいから数日かかる。 再審査リクエストには3つのタイプの返信がある。 ガイドライン違反が解消されたことを確認できたので手動の対応を解除したと伝える返信。 依然としてガイドラインに違反した箇所が認められると伝える返信。つまり手動の対応は解除されていない。 手動の対応は行なっていないという返信。これは
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユーザーインターフェイスのデザインのヒント - Apple Developer
HTML & CSS コーディングガイドライン ver.0.9
