タグ

web制作とまとめに関するmatsuko1103のブックマーク (10)

  • http://www.cmmntr.com/m/58

  • コーディングのスピードを上げる為の6つの方法

    2017年7月25日 Webサイト制作, 便利ツール 今より少しでもコーディングを早くできれば、細かいデザインや機能にも時間をかけて取り組めそう…という事で今回はコーディングのスピードを上げるためにできる事を紹介します。便利なツールを使ったり、ちょっとやり方を変えるだけでより早くコーディングができるようになると思います! ↑私が10年以上利用している会計ソフト! 1. コーディング手順を簡略化する これは自分のコーディング能力を高めて手順を省く、便利なツールを使って手間を省くという事です。例えば私は昔このような手順でコーディングを進めていました。 CSSのレイアウトをノートに書き出す レイアウト部分(ヘッダー・メイン・サイド・フッター)のHTMLマークアップ CSSでレイアウト部分のスタイリング 表示確認 うまく表示できない箇所の修正 ヘッダー内のHTMLマークアップ CSSでヘッダー内の

    コーディングのスピードを上げる為の6つの方法
    matsuko1103
    matsuko1103 2010/11/02
    簡潔にまとまっててすばらしい。始めにどういうコードになるかざっとイメージするのは重要。
  • もう使えない・古いSEOの知識 2010 (前編) ::SEM R (#SEMR)

    もう使えない・古いSEOの知識 2010 (前編) かつては真実だったけれども、今は違うSEO知識まとめ 第1回。 公開日時:2010年04月05日 15:12 先日の最新ではないSEOに関連して、今度は、もう古いSEOの話。はてなに投稿された質問について。SEOについて考えて見ましょう。 SEO対策について質問です。SEOをやっている人などから以下の項目のようなことを聞くのですが、ソース(出所)を見たことがありません。以下のどれかについて可能な限り信頼できるソースか、または納得できる根拠をお教えいただけますでしょうか。 ●.htaccessでURLを書き換えた(スラッシュ終わりなどにした)方がいい ●拡張子はphp(動的なもの)などよりhtml(htm)の方がいい ●ドメインは「wwwあり」の方がいい ●サブドメインよりディレクトリ分けの方がいい ●h1を入れるならbody直下が一番いい

    もう使えない・古いSEOの知識 2010 (前編) ::SEM R (#SEMR)
  • CSS適用前のIEのスタイル情報をまとめた『IE CSS』 | 100SHIKI

    資料として便利そうなのでエントリー。 IE CSSはスタイルシート適用前にInternet Explorerがそれぞれの要素にどんなスタイルをあてているかをまとめたサイトだ。 しかも丁寧に、IE6、IE7、IE8、IE9毎にまとめてくれている。 実際にはCSSをリセットしてからサイトを作る人も多いかと思うが、IEは昔から広く使われていたので、いわゆる「標準的なインターネットっぽいスタイル」を知りたいときに便利かもしれないですな。 デザイナーさんやWebサービスを作る人は知っておいていいかもですね。

    CSS適用前のIEのスタイル情報をまとめた『IE CSS』 | 100SHIKI
    matsuko1103
    matsuko1103 2010/04/05
    IEでのCSSの初期値。IE6からIE9まで。
  • ウェブデザインの見栄えをよくするための7つのキーワード | コリス

    7 Key Principles That Make A Web Design Look Good下記、そのポイントを意訳したものです。1. バランス2. グリッド3. カラー4. グラフィック5. タイポグラフィ6. ホワイトスペース7. コネクションおわりに1. バランスバランスで一番大切なことは、デザインが一方向に偏らないことです。対称あるいは非対称のものでもウェイトにはバランスをおくようにします。実例: Subtractionこのグラフィックの重要なポイントは右のクロスです。このクロスはビジュアルのウェイトに大きな影響を与えています。 この小さなクロスがどれだけグラフィックのバランスに効果があるかは、あなたの手でクロスを隠して見てください。これが非対称のバランスと呼ばれるものです。ビジュアルのサイズやカラーをコントロールし、ウェイトを調整することができます。 仮にクロスのカラーがオ

  • ディレクターなら押さえておきたいモバイルSEO34項目 : LINE Corporation ディレクターブログ

    ディレクターの渡邉雄介です。 ディレクターブログで以前に何度かモバイルSEOについて言及していますが、今回は、モバイルコンテンツ制作に関わるディレクターが最低限押さえておきたいSEOの進め方と、34個のチェック項目を紹介したいと思います。 SEO、その前に SEOを行うとき、まず最初に何をしていますか? 「さっそく実施する」とお答えになる方もいるかもしれませんが、私は最初は何も手を付けず、現状の数値の把握から始めています。 たとえば、ページ内に特定のキーワードの出現回数を増やして、そのワードの検索順位の向上を目指しているような場合、施策を実施する前に最低1週間は過去の順位の推移・平均をみておかないと、結果どれだけ向上したのか、適切な検証ができません。 モバイルはPCと違って、まだまだ解析できる項目が限られているため、SEOの実施後にどれだけの変化があったのかを適切に検証をするには、実施前の

    ディレクターなら押さえておきたいモバイルSEO34項目 : LINE Corporation ディレクターブログ
  • 第65回 [図解]Webサイト構築プロジェクト・ワークフロー - Webデザイン エンジニアリング:ITpro

    今回は,Webサイト構築プロジェクトのワークフローを俯瞰してみたいと思います。実際にクライアントから声がかかる場面から納品,つまり開発案件の完了までを12の「ステージ」に分けて図解してみました。思考のプロセス/人的配置/タスク/ツールなども一緒に記しています。少し大きな図になってしまいましたが,ご参考になれば。 図は,一番上は「4つのステップ/3つのタスク/12の要素(第62回 持続可能なWebサイト開発を支える12の要素)」。その下は,人的配置をロール(役割)ごとに記述しています。その下は,大まかなタスクのレベルです。それぞれの期間内に処理すべき項目を列挙しています。その下が,「ステージ」。プロジェクト全体を12のステージに分類して作業内容を整理しています。基的には,その流れの順で進んでいきます。その下は,それぞれのステージのアウトプットのイメージで,更にその下にはよく使うファイルアイ

    第65回 [図解]Webサイト構築プロジェクト・ワークフロー - Webデザイン エンジニアリング:ITpro
  • http://gerenuk.crazyphoto.org/2009/06/16/738/

  • 機種依存文字劇場

    特定機種にのみ存在する文字のこと。 有名なものとしては98文字(PC-9801外字)などが該当する。これは丸付き数字、ローマ数字、98罫線などがそれである。 また98拡張漢字のもととなったIBM拡張漢字などもある。 これらはすべてWindowsでも表示可能なため、外字であることに気付かずに使用してしまう事例が増えてしまい、問題を起こすことが多い。また、Macintoshにも機種依存文字は存在する。 機種依存文字は特定の機種や環境(OS)に依存する文字であり、同一環境以外で表示させた場合、機器の誤動作(突如フロッピーディスクをアクセスする等)や、全く異なった文字に化けたりするため、使った場所には往々にして論争が起こる。また汎用的な文書の流通を目的とする場合には、当然ながら使用する事はできない。

    matsuko1103
    matsuko1103 2009/06/10
    機種依存文字いろいろ
  • Webサイトを作ったらまずやるべきことチェックリスト | Web担当者Forum

    今日は、Webサイトを作ったらまずやるべきことのチェックリストを紹介しましょう。サイトは作るまでも大切だけど、作ってからのアクションも同じかそれ以上に大切。 すでにサイトを運営している人は、やってないものがないか確認してみましょう。 サイト運営日記をスタートする(変更点を日付と一緒にメモしていく)XMLサイトマップを作って更新内容が含まれるようにするGoogleウェブマスターツールにサイトを登録する → https://www.google.com/webmasters/sitemaps/XMLサイトマップを登録するURLのwwwあり/なしの統一を指定するサイトリンクの表示をチェックして調整(以降随時)Yahoo!サイトエクスプローラーにサイトを登録してXMLサイトマップを登録する → http://siteexplorer.search.yahoo.co.jp/live Webmaste

    Webサイトを作ったらまずやるべきことチェックリスト | Web担当者Forum
  • 1