笑顔を創りたいＷｅｂ屋の日常 Ｗｅｂ業界からひょんなことで専門学校の先生に。そしてまたＷｅｂ現場に戻ったＷｅｄディレクターのブログ。情報デザインやＷｅｂの勉強をしています。 あくまで”僕が”です。そこ大変重要ですｗ 僕もまだまだ勉強中で、これが全て正しいと思えるほど見極めていません。 他にもあるだろうし、もっと大事なものもあるかもしれません。 それは各々考えてもらって（もしよろしければ教えていただいてｗ）、とりあえず同タイプの仕事している人の叩き台にでもになればなと思って挙げてみた次第です。 というのもですね、僕はWeb屋としてみるとなんか物凄く変な経歴・経験をしている人なのですねｗ　まあ、Web業界って割と他業界から来る人たくさんいますけどね。僕は印刷会社→大手Weｂ制作会社→専門学校教員（正規職員）→弱小ITベンチャーなので、なかなかこういう奴はいないと思いますｗ　教員とか普通はできま

マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか

Enter the address (URL) of a document that you would like to check: More Options Summary only Hide redirects: all for directories only Don't send the Accept-Language header Don't send the Referer header Check linked documents recursively, recursion depth: Save options in a cookie This Link Checker looks for issues in links, anchors and referenced objects in a Web page, CSS style sheet, or recursiv

来源：黑客技术 时间：2020-09-18 07:47 海拉尔暖通空调有限公司dz7if,霍邱暖通空调有限公司,潮州印刷有限公司,温州蔬菜有限公司,河源钢铁有限公司 商品货币上涨，特朗普称他愿在适当的条件下与伊朗总统鲁哈尼会面。澳元兑美元上涨0.28%至0.6775；盘中一度下跌1%。美元兑加元下跌0.22%至1.3254，纽市尾盘触及1.3251，为近一周来最低；加元受益于定盘相关的资金流、空头回补和趋险主题。纽元兑美元跌0.17%至0.6394；一度下跌1%至0.6342，这是近四年来最低水平。 周二前瞻 时间 区域指标前值09:30中国7月规模以上工业企业利润年率(%)-3.114:00德国第二季度季调后GDP季率终值(%)-0.114:00德国第二季度未季调GDP年率终值(%)016:30英国7月BBA房屋购买抵押贷款许可件数(万件)4.2722:00美国8月谘商会消费者信心指数1

SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Alyssa Gregory氏がSitePointにおいて38 Marketing Mistakes That You Don’t Want to Makeのタイトルのもと、陥りがちなマーケティングの失敗をまとめている。新しい事業にとりかかる場合、ある程度は試行錯誤を続けて失敗から学ぶ必要もあるが、あらかじめ事例から学ぶことで避けられるものもある。集められたマーケティングの失敗は陥りがちだが避けられるものとされており、こうした事例を知ることで失敗を犯さない手助けとなると説明されている。紹介されている失敗例は次のとおり。 一般的なマーケティングの失敗 マーケティングプラン、売り込みポイント、予算などの準備をしていない 特定の顧客層に絞らずにすべての

JavaScriptなしでCSSのみで実現するクールなドロップダウンのサンプルが公開されています。 次のように、明らかにJavaScript 使ってるんじゃないか？と思うのですが、CSSのみでelement:hoverを使って実現されています。 ソースコードも解説されているのでこのテクニックについて覚えておいてもよさそう。 以下のエントリを参照してください。 Incredible Drop Down Menu Solution With CSS Only | AEXT.NET 関連エントリ jQueryで幅の大きなドロップダウンメニュー作成チュートリアル セクシーなドロップダウンメニュー実装サンプル

Eコマースサイトの設計・制作時の間違いで、顧客を逃してしまう15のポイントと解決方法をSmashing Magazineから紹介します。 15 Common Mistakes in E-Commerce Design 下記は、そのポイントと解決方法を簡潔にしたものです。 原文ではキャプチャ入りで詳細に解説されています。 商品の詳細な紹介ページが無い。 商品の外観・材質・重量・寸法など詳細な情報を提供します。 連絡する手段が分かりにくい（提供されていない）。 ウェブサイトの全ページの見つけやすい場所に連絡に関する情報を掲載します。 購入のフローが長すぎる（分かりにくい）。 シンプルなレイアウトにし、入力→確認→完了のようにフローを簡潔にします。 購入時にサイトへの登録を必須にしている。 登録無しでも購入できるようにします。登録を入れる際は最後にオプションでいれます。 サイトの検索機能が役に立

有限会社タグパンダ 喜安 亮介 2009/11/17 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） Webブラウザ別CSSハック一覧表 前回の「IE 6で泣かないための、9つのCSSハック」では、仕様通りの正しいコーディングを行っているにもかかわらず、Internet Explorer（以下、IE） 6で見ると、レイアウトがズレてしまうなどのさまざまな問題を解決するための9つのテクニックを紹介しました。 今回は、IE 6とIE 7のためのCSSハックのテクニックを下記に分けて紹介します。 IE 6をハック（IE 6のみに効く、もしくはIE 6のみに効かないハック） IE 6のみに効くハック スタ

IE共通の9つのCSSバグをそれぞれ解決する方法がNettutsにて紹介されています。 どれも、なんでだろうと頭を悩ましそうな問題なので解決法を知っておくと簡単に対処できそうです。 1. センタリングが効かない問題 margin: auto を指定した場合の期待する結果 IEの場合以下のようになりますが↑にするための解決法が書かれています 2. 横に並べたいリストが階段状になってしまう IEの場合以下のようになってしまいますがこの解決法も記載されています 3. ダブルマージンフロートバグ マージンの指定が期待通りに出ている例 ↓ IEの場合、margin: 30px 0 0 30px;  で定義した値が正しく適用されない例も解決法があります 4. heightの高さ指定が効かないバグ height:2px を指定した場合の想定する表示 IEはなぜか2pxにならないのでこれも解決法が示されて

※1.17以前のバージョンに脆弱性が確認されました。ご利用の方は必ずダウンロードページより 1.18以降にアップグレードして頂きますようお願い致します。 Research Artisan Lite は、「PHP」で記述された高機能でわかりやすいオープンソースのアクセス解析ツールです。無料でダウンロードして自由に使うことができます。 導入はとても簡単。ダウンロードからインストールまで約10分で済みます。プログラミング知識は必要ありません。インストール後は発行される解析用タグをサイトに貼り付ければ、リアルタイムにアクセス解析が可能です。 サイト運営には欠かせないアクセス解析。しかし、以下のような思いや悩みをお持ちではありませんか？ Google Analytics等のアクセス解析サービスを利用しているが、いまいちわかりにくい。 アクセス解析サービスを利用しているが、サーバー負荷やアクセスログの

Everyone would agree that usability is an important aspect of Web design. Whether you’re working on a portfolio website, online store or Web app, making your pages easy and enjoyable for your visitors to use is key. Many studies have been done over the years on various aspects of Web and interface design, and the findings are valuable in helping us improve our work. Here are 10 useful usability fi

IE6のCSSやJavaScriptなどのバグや仕様で困った時の解決方法をまとめたチートシートをVirtuosi Mediaから紹介します。

SEO業者からの営業電話対応マニュアル:京都のSEOコンサルタント松尾茂起のブログ 京都のSEOコンサルタント松尾茂起のブログTOP > > SEO業者からの営業電話対応マニュアル 「SEO業者」という言葉が「SEO会社」より使われている気がする昨今。 なぜ「web制作会社」は「web制作業者」ではないのか。 「業者」と「会社」という、二つの言葉の間に隠された社会の謎を解明する、京都のSEOコンサルタント松尾です。 いきなりですが、先週、他社SEO業者さんからの電話がかかってきました。 その営業さんの語り口調がなかなか流暢で、一時、メールのやりとりをする仲となりました。 ただ、サービスの詳細を聞いたところ、自社と属性が合わなかったので導入を辞めましたが、営業担当の人に対して「おおっ」と思ったのは久々かもしれません。 そんなことがあり、今回は「SEO業者の営業電話対応マニュアル」を取り上げて

このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。

SEOに初めて触れる方の為に、とりあえずこれだけはやっとけというSEO対策をまとめておきます。 成果を出すためのホームページ制作に必要不可欠な、企業サイト管理者として最低限やらなければならないSEOに的を絞りました。 １．キーワード選び フェレットプラスやキーワードアドバイスツールプラスで、自社サービス（商品）と関連性のある言葉で、月間検索数が5,000〜30,000ぐらいのミドルキーワードを探します。（上記ツールの検索数は、2007年当時のYahooデータですのであくまで目安です） 同時にGoogleキーワードツールでも検索ボリュームを確認します。Yahooのデータと比べて検索数が極端に少ない場合はキーワードを選び直します。 キーワードが決まったら実際にYahooとGoogleで検索してみて、1ページを強そうなサイトたちが埋め尽くしていた場合にはキーワードを選び直します。他にもキーワード

CSS2/DOM - Styling an input type="file" input type=fileをCSSでクールにスタイルするサンプル。 input type=fileのファイル選択ボックスをスタイルしてクロスブラウザで動作させるのはそれなりに大変そうなのですが、そのサンプルが公開されています。 綺麗にデザインされたサイトなのに、ファイルの部分だけ「参照」ってなってて普通のボタンだとかっこ悪いかもという場合にこのサンプルが使えそうです。 実際にスタイルされたボックスは以下。 ファイル名が入る部分も角丸になっていて、ボタンもなかなかクールに仕上がっています。 一応ですが覚えておくとよさそうなテクニックですね。 関連エントリ JavaScriptでHTMLフォームの劇的ビフォアアフター「Jqtransform」 CSSでデザインされたテーブルレスでクールなフォームサンプル クリー

A Simple jQuery Stylesheet Switcher 5分で実装可能なページの文字サイズ変更＋クッキーに保存サンプルが公開。 ページで、小・中・大のように文字サイズを変えられるようにしておくと便利ですね。 asahi.com の導入例 実装方法が、微妙に面倒という場合もこのサンプルを使えば簡単に実装できる筈です。 文字サイズに限らず、CSSを丸ごと変えてしまえるので、スタイルを変更して保存ということも簡単に出来ます。 デモページ HTMLは、次のように、href は # ですが、rel属性に付け替えたいcssを指定しておきます。 <ul id="nav"> <li><a href="#" rel="/path/to/style1.css">Default CSS</a></li> <li><a href="#" rel="/path/to/style2.css">Larg