「テキスト修正してサーバーにアップしたけど、今度は改行がおかしい・・・ また作り直して、アップしなおさないと・・・」 「このテーブル、項目が増えてもレイアウトが崩れないかなぁ・・・ 検証面倒くさいなぁ・・・」 「打ち合わせ中に、この画像を削除したパターンが見たいっていわれけど・・・ 今HTMLファイルもFTP情報もないしなぁ・・・」 こんなとき、リアルタイムでWebページを編集できたら便利ですよね。 そこで紹介するのが今回の方法です。 ブラウザのアドオンやエクステンションのインストールは一切なし! ブラウザに左右されない!(Firefox、IE8、Chrome、Opera共通) そんな便利な方法をご紹介します。 お気に入りに追加してWebページを編集する方法 下記のテキストリンクを「ドラッグ」し、 ブラウザのツールバーに「ドロップ」します。 このページを編集する ツールバーに入った「このペ
case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-02-15 >
前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 コーダー(もしくはディレクター?)さんは、デザインをパッと見て「このデザインで組めます!」「組めません無理です...」の判断が咄嗟にできるようになると素敵だと思います。 デザイナーさんは、これからあげるチェックポイントを頭の片隅にいれつつデザインしていただけると、コーダーからの戻しが少なくてすむようになるかと思います。 前置きはこのぐらいにして、早速本題へ。 以下が今回のサンプルデザインです。 「これをxhtml、3キャリ1ソースコーディングしてください」 と言われた場合で考えていきます。 前提条件は、 ・3キャリア1ソース ・xhtml ・文字コード:Shift-JIS ・改行コード:
2週間くらい前、会社の郵便受けにDMが入っていた。 それはHTMLのコーディングを下請けで請けますよという内容だった。 それだけであれば、同じような内容のものがたまにくるし、実際、どうしても人手が足りない時には外注したりもしている。 そのDMの問題点は、その価格だ。1ページ500円~とある。 なんだその500円ってのは。ハッピーセットか。 おまけに75%OFFの割引チケットまでついてやがる。なんだそれは。 ほかのコーディング下請け業のHPを見ても、価格差が歴然としていると思う。 うちはWebサイトの構築では、見積書に細目をあえて書かないことが多いが、クライアントから求められれば出すようにしている。 HTMLのコーディングは1ページ大体1万円もらっている。この1万円が高いのか安いのかはわからないが、この業界に入ったときは1ページ2万3万なんてところもよくあった。10年以上前の話。 10年で3
HTML5の開発に取り組んでいるWHATWG(Web Hypertext Application Technoloty Working Group)のブログ「Quality Assurance tools for HTML5 « The WHATWG Blog」で、HTML5文書を記述する際のクオリティチェックに使えるツールが紹介されていました。 どんなツールなのか、試してみることにしましょう。 Validator.nu (X)HTML5 Validator Validator.nuは、その名の通り入力されたHTML文書がHTML5として有効かどうかをバリデートしてくれます。入力はURLを指定するか、ファイルをアップロードするか、テキストをペーストするか、いずれかです。 YouTubeのHTML5用サンプルページを指定してみました。エラーメッセージとともにエラーの箇所を指摘してくれています
Webサイトを利用して収益化を目指す Web担当者は多くのすべき仕事があり、 すべき事が混同して知識や、行動に 混乱を伴うのは良くあることです。規制が 無いので誰かが作った言葉で更に混乱が 生じている可能性も否めません。 そこで、自分用ですが、すべき最適化を 挙げてみます。Web担当者の方にも 共通する事ではないかと思います。 中には「全部SEOだろ!」と思うかもしれませんが、あまり細かい事は気にしないで下さい。 参考URLは最善では無い可能性もあります。あくまでご参考までに。 もくじ URLの最適化 表示スピードの最適化 画像・イメージ・メディアの最適化 ソーシャルメディアへの最適化 ユーザーへの最適化 ページ印刷の最適化 リンク集の最適化 SERPs最適化 ※IE6以外はページの何処にいても右端に「上へ戻る」ボタンがあります URLの最適化 Webサイトのアドレスを最適化します。リンク
A) 同一サイト内でリンクを張り合う時、リンク先が統一さえされていれば、どちらでも問題ありません。 通常のサーバならデフォルトで / とアクセスした時は index.html ファイルを見に行くと思いますので、/ のままでいいでしょうし、検索エンジンは / と /index.html は同一と判断してくれます(URLの正規化)。 以前はファイル名が混在するだけでも問題が発生するケースがありましたが、検索エンジン側の技術が進化したことで、ある程度の混在問題は自動的に解消されます。しかし不要なトラブルを招かないためにも、サイト制作時にリンク先のURL指定は統一しておくことが望ましいです。 もし、各々のディレクトリで index.html 以外のものを利用している時(たとえば default.phpなど)は、.htaccess で DirectoryIndex を使ってファイルを指定しておきまし
はじめに Webページの表示結果がブラウザによって異なって見えるという問題。Web開発に携わる方なら一度は直面したことがあるのではないでしょうか。どのブラウザでもページが同じように表示されるようにするテクニック、いわゆる「クロスブラウザ対応」は現在のWebサイトが備えるべき緊急の課題となっています。 連載第一回目は、このクロスブラウザなデザインを実現するために、まず最初に押さえておきたいポイント「ブラウザの表示モード」を中心に解説します。 対象読者 XHTMLとCSSの基本を理解している方。 Web標準に準拠したクロスブラウザなレイアウトデザインに興味のある方。 必要な環境 表示確認用に、Web標準をサポートした複数のブラウザをご用意ください。本稿では、表示モードの切り替え確認に、Windows Internet Explorer6を使用して解説します。 クロスブラウザなデザインの基本的な
💡 Personal notes about somthing I'm interested in 1 : HTTPのリクエストを最小限にしよう 2 : CDNを利用しよう 3 : Expires Header を追加しよう 4 : Gzip 化しよう 5 : CSSはページの上に配置しよう 6 : スクリプトはページの下に配置しよう 7 : CSS expressions の使用は控えよう 8 : CSSとscriptは外部ファイルにしよう 9 : DNS lookups を減らそう 10 : Javascriptを最小化しよう 11 : リダイレクトを控えよう 12 : 重複するscriptを削除しよう 13 : ETags を設置しよう YSLOWの勉強のまとめ。最後に自分の所感をまとめておきます。 YSLOWにおける13の評価基準を一つずつ見てきてわかったことは、YSLOWとは、
ビーズスタジオは1997年Webデザイン事務所として始まりました。 現在は、デザイナーの気持ちのわかる選任コーダーが、貴社のWeb製作現場のお悩みを徹底サポートいたします。 ブログ/CMSをWordPressで構築。 無料で利用ができるワードプレスの構築案件を承っております。 インストールのみからオリジナルデザインからのコーディング~構築・カスタマイズまでご要望にお答えいたします。 web creators特別号 Webサイト制作 最新トレンドの傾向と対策――HTML5・スマートフォン・SNS・Webアプリケーション ・web creators編集部 編 ・価格1,890円(本体1,800円+税) ・A4変型判/152p ・ISBN978-4-8443-6245-6 ■内容紹介 これから必要になるWeb制作の技術と知識をこの1冊に凝縮!! スマートフォン/タブレット端末の普及とTwitte
大阪のデザイン・ホームページ制作会社アレグロマジックが提供するマジカルCSSはアクセシビリティ・seo効果が高まるWeb標準準拠のxhtml+cssのコーディング専門・コーディング代行サービスです。これまでに数多くのWebサイト制作実績を持つ「デザイン制作会社:アレグロマジック」がその豊富な経験を活かしてご提供するコーディング代行サービスです。 デザイン会社ならではの視点に立った専門のCSSコーディングスタッフがデザインに忠実でかつWEB標準にも準拠したハイクォリティなCSSコーディング代行サービスをご提供いたします。 W3C Web標準に準拠したXHTML+CSSでのコーディングをおこないます。正しいコーディングによりSEO対策とファイルのスリム化を実現します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く