タグ

Web制作とあとで読むに関するpefusanのブックマーク (117)

  • Av-jyo.com

    The domain av-jyo.com maybe for sale. Click here for more information. Av-jyo.com Related Searches: Cloud Service Providers Secure Internet Browser Computer Internet Security Web Designing Courses AVI DVD Player Online Data Protection MatchMaking Services Related Searches: Cloud Service Providers Secure Internet Browser Computer Internet Security Privacy Policy

  • Webディレクターも知っておいた方が良いと思われるシステムの基礎知識 │ モノづくりブログ 株式会社8bitのスタッフブログです

    株式会社8bitのスタッフブログです。こんにちは。株式会社8bitの高です。 現在のWeb制作は静的なHTMLベースのWebサイトから、仕組みを持たせるようなものに変わっていっていると思います。 TwitterAPIなどを絡めたキャンペーンもそうですし、何かしらの形でプログラムが必要になってきています。 「エンジニアじゃないんだから分からない」「システムに関しては素人なんで。。」とディレクターの中には線引きをする方もいらっしゃいますが、ディレクターにもある程度のシステムに関する知識は必要になってきていると思います。 チームで制作をしていれば、自分に分からないことを他のメンバーの分かることで補うのは当然のことだとは思います。 ですが、主にクライアントと話しをしたり仕様を詰めるためにでていくのはディレクターです。 クライアントにしてみたら、その場で回答や解決を期待して打ち合わせを

  • CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ

    Webデザインをするときに、必ず使うスタイルシート。思うようなレイアウトを作るために、チェックしておきたいブロックレベル要素や、インライン要素のクセみたいなのをまとめてみました。後半はスタイルが反映されない原因のひとつ、スタイルの優先順位についてです。 Attention 記事公開時からいろいろと勉強して、この記事内で紹介している事柄で、間違った解釈をしていたなーと気がつきました。 この記事の中でいくつか追記してありますが、詳しくは、新しく書いた 11月7日の記事:CSSでレイアウトするなら絶対覚えておきたい配置のルール:フロートや絶対配置、z-index とかいろいろ を読んでみてくださいね! New Post Webサイトをデザイン、レイアウトするのに欠かせないのが CSS(Cascading Style Sheets、スタイルシート)ですね!今では CSS3 が話題を集めていて、CS

  • 嫌われまくりのIE6の現状と仲良く付き合う方法

    2017年7月14日 Web関連記事, 便利ツール TwitterでWeb屋さんのつぶやきを見ていると「IE6のせいで…」「IE6さえなければ…」なんて声がよく聞こえてきます。産みの親からも見放されつつあるInternet Explorer 6。一体なぜここまで嫌われているのか?どれほどの人が涙を流してきたのか?そんなIE6と付き合っていく方法は?IE6にまつわる情報を簡単にまとめてみました。 ↑私が10年以上利用している会計ソフト! IE6のシェア 2001年に世にリリースされたInternet Explorer 6。通称IE6。リリースされて10年たった今も色んな意味で話題のこのブラウザーを使っているユーザーは現在どれくらいいるのでしょう? マイクロソフトが(!)IE6撲滅のため「Internet Explorer 6 Countdown」というサイトで世界中でIE6がどれくらい使われ

    嫌われまくりのIE6の現状と仲良く付き合う方法
  • 10年後を生き抜くWeb業界の心得10か条 | JWDA通信 10年後のWEB業界でも役立つ情報を届ける

    Webはいつしか、人と人、もしくは企業やブランド間のコミュニケーションをフォローするメインストリームとなってきました。スマートフォン、タッチパッド、キオスク端末、ゲーム機などが世に輩出され、これまで端末ごとに完結していたサービスやデータ、情報もついにユナイトし始めました。Web業界においても、1つの流れがここで集結し、新たなステージへパラダイムシフトしています。そんななか、Web制作者のみなさんに伝えたいメッセージがあります。 Web制作の領域 と問われると、サイト構築ではコーポレート・ブランドサイト制作、ECサイト制作、ケータイサイト制作、プロモーションサイトやバナー制作などが挙げられます。さらに、メールマガジンなどのメールマーケティング、アクセスログ解析や市場調査、マイニングをはじめとしたマーケティングの分野も関係し、ブランディング、クロスメディア戦略、ビジネス戦略なども除外できません

    10年後を生き抜くWeb業界の心得10か条 | JWDA通信 10年後のWEB業界でも役立つ情報を届ける
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
    pefusan
    pefusan 2011/05/11
     IE9不具合
  • WEB標準デザイン、はじめの一歩 ~デザインからマークアップまで~

    第6回 岡山WEBクリエイターズのセッション1で発表したスライド内容を全文掲載。第6回 岡山WEBクリエイターズ セッション1『WEB標準デザイン、はじめの一歩 ~デザインからマークアップまで~』 岡山WEBクリエイターズ勉強会でお話した内容を、スライドとともに全文掲載しています。 テキストはあくまで原稿そのままですので、実際に喋った内容とは幾分異なる場合があります。 スライドのPDFをダウンロード 講師概要 SKPRODUCT代表。 デザイン、コーディング、PHPによるシステム構築、ActionScriptを使用したFlashなど、WEB制作全般を行うWEBアーキテクトです。 岡山の大手企業・学校などを中心にWEBサイトと独自に開発したCMSフレームワーク『SEED』の提供を行っています。 日は、WEB標準デザインはじめの一歩です。 WEB標準というと、技術的なことを想像される方

  • IE9ヤバイ。IE9の文字間隔・互換モード・DOCTYPE宣言について

    IE9文字間隔確認用サンプル 文字間隔や段落の間隔をチェックする為のサンプルです。とりあえずFirefox3.6とFirefox4でズレない事を確認。文字間隔のチェック用なので意味不明な文字が並んでいます。 ※追記・注意:下記ページはスタイルシートで少しだけ調整しています。 全くの未調整の場合、段落の高さが大きく異なったり、半角英数字のフォントが 文字コードで変わったり、かなり比較し難いものになったため。 後述しますが、英数字フォントにsans-serifを指定すると問題が発生するようです。 ※サーバー引っ越し後、以下リンクは文字化けするようになりました (修正予定なし) HTML 4.01 サンプル HTML 4.01+UTF8  HTML 4.01+EUC-JP  HTML 4.01+SHIFT-JIS XHTML 1.0 サンプル XHTML 1.0+UTF8  XHTML 1.0+

    IE9ヤバイ。IE9の文字間隔・互換モード・DOCTYPE宣言について
    pefusan
    pefusan 2011/05/09
     IE9不具合
  • 海外Webサイト・海外Web屋の特徴

    2013年3月23日 Web関連記事, 海外情報 以前「日向けのウェブデザインというのはあるのか?」という記事を読み、「逆に海外のサイトは具体的にどう違うかなあ?」と思ったので、私が感じた海外のWeb業界やサイトの違いを並べてみます。海外向けのWebサイト制作を考えている方、海外で働こうと思っている方の参考になればと思います! ↑私が10年以上利用している会計ソフト! 追記:ここで紹介する「海外」とは、私が滞在・就労経験のあるカナダとオーストラリアを指しています。 海外Webサイトの特徴 URLを直接入力 日ではURLバーに直接入力する人は少ないかと思われますが、海外では目的のブランド名がわかっている場合、とりあえず「.com」をつけてWebサイトを開きます。海外で .com が人気な理由はこのへんにありそうです。そのため、新たに会社やサービスを立ち上げるときは、そのブランド名とドメイ

    海外Webサイト・海外Web屋の特徴
  • HTML5, きちんと。

    HTML5の概要や目的について説明しています。セクション関連要素についても紹介しています。 2009年のCSS Nite vol. 40で話したときのスライドです。Read less

    HTML5, きちんと。
  • フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記

    みなさん、こんにちは お元気ですか?僕は元気です。 さて 最近よく、「いいね!」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP (Open Graph Protocol)と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー??とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す

    フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
    pefusan
    pefusan 2011/01/18
     Open Graph Protocol
  • 2010年のto-R人気エントリーTOP20

    2010年のto-R人気エントリーTOP20 今年も残りあとわずかということで、昨年に引き続きto-Rでアクセスが多かったエントリーTOP20をご紹介。 ブロックレベル要素の高さを揃えるheightLine.js jQuery基礎文法最速マスター jQuery版のLightBox「ThickBox」 vertical-alignの使い方 アルファ画像を扱うalphafilter.jsライブラリ VMware ServerにCentOSをインストール VMware Server のインストール Re:href="#" onclick の悪習 IE版のFirebug IE Developer Toolbar ページ内リンクをスマートにするsmoothScroll.js FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」 CSSで垂直中央を

    2010年のto-R人気エントリーTOP20
  • 大量の被リンクを集めたいなら知っておかないと損する記事のまとめ | ウェブ力学

    Googleの検索エンジンから評価されるためには、何だかんだ言っても被リンクが必要です。 スモールワードやミドルワードであれば、内部SEOを徹底することで上位表示させることは十分に可能ですが、ビッグワードでの安定した上位表示は被リンク抜きには考えられません。 そこで今回は、被リンクを集めるために知っておきたい記事をまとめました。「被リンク獲得のまとめのまとめ」と言った感じで読んで頂ければと思います。 被リンク獲得手法一覧 一昔前までは被リンク獲得と言えば、相互リンクや有料ディレクトリ・無料の中小ディレクトリへの登録といった手法が一般的でしたが、今ではソーシャルサイトの普及によって様々な方法を使って被リンクを獲得出来るようになりました。 まずは被リンクを獲得する手法をまとめた記事を紹介します。 被リンクを増やすためのサイト(国内一覧) 海外の被リンクを増やすためのサイト一覧 被リンク(バック

  • Internet Explorer 6問題の政治的解決に関する議論 - Zerobase Journal

    Internet Explorer 6というブラウザの存在は、エアコンのフロンや、建材のアスベストのようなもの、と考えてみたらどうか。その使用が社会全体の経済的負担になるという意味で。こういう思いつきから始まった議論を紹介します。 Internet Explorer 6というブラウザの存在は、エアコンのフロンや、建材のアスベストのようなもの、と考えてみたらどうか。その使用が社会全体の経済的負担になるという意味で。こういう思いつきから始まった議論を紹介します。 ※IE6の存在がウェブ全体にとって大きなコストになっている問題については、実務上関係しておられる方々におかれましては、日々痛感されていることかと思います。 Internet Explorer 6はHTMLの解釈がほかのWebブラウザと異なる点が多く、WebデザイナーたちはInternet Explorer 6を含めたクロスブラウザ対応

  • HTML5でWebページをマークアップするための基礎知識

    最近よく目にする「HTML5」という言葉。JavaScriptAPICSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいいのか」をお届けします 5からHTMLの“文法”が変わるって知ってた? 連載第1回の「Webの3つの問題を解決する「HTML5」とは何なのか」では、HTML5という技術革新の意義、そして連載の大まかな流れについてお話ししました。連載第2回である今回は、HTML5のマークアップを行うための基礎知識についてお話しします。 HTML5では、その文法が大きく変化しました。「HTMLが、どれほど普及しているか」「根底となる“文法”が変わってしまったら、どれほどの影響があるか」に想像が及ぶ方であれば、非常な驚きと不安を抱かれるかもしれません。

    HTML5でWebページをマークアップするための基礎知識
  • ウェブ制作者のためのベストエントリ33【2010年7月版】

    というわけで、しばらくまとめていなかったまとめ記事を再開し、私は元気ですとアピールしたい。 7月にあつめたブックマークのまとめです。 7月度必須ブクマベスト HTML5 Canvas Cheat Sheet 悩んだけど一応ベストへ。 HTML5 Canvas tagのチートシート。日常的に使うものでもないし、開発者向けになってしまうけど念のため。 OSを選ばないウェブデザイナーのための使えるウェブアプリ15*ホームページを作る人のネタ帳 7月に書いたけどついこの間のようだと思ったら、あんまり記事かいてないからそう思うんだきっと。 ついでにこちらも7月でした。 今日から現場で使えるjQueryのフォーム関連プラグイン15選 iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた スマホアプリ開発者ならブクマしておきたい一品です。 Googl

    ウェブ制作者のためのベストエントリ33【2010年7月版】
  • 人気がある8つのウェブデザインのスタイルから学んでおきたいポイント

    人気があるウェブデザインのスタイルは良い悪いに関わらず、効果的に機能し人々を魅了する何かをもっています。 それぞれの主な特徴とそれがなぜ機能するのか、8つのウェブデザインのスタイルについて紹介します。 A Detailed Look into Popular Styles in Web Design [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 1. Illustrations 2. Printed Paper 3. Realism 4. Imageless & Typography-Focused 5. Minimalism 6. Vintage Look 7. Large Images & Photo Backgrounds 8. Rich & Sleek User Interfaces おわりに はじめに さまざまなデザイナーがいるように、敬意をはらう多くのウェ

  • FlashとjQuery どちらで実装するか決める際の重要なファクター

    ウェブサイトを構築する際、FlashとjQueryは非常に魅力的なツールです。コンテンツを実装する際にどちらを使用すべきか迷うこともあると思います。 両方の特徴を把握し、実装する際に適切に選択するための重要なファクターを紹介します。 A Closer Look at Choosing Between Flash and jQuery 下記は各ポイントを意訳したものです。 はじめに 1. FlashとjQuery どちらにするか重要なファクター 2. jQueryとFlashサイトのショーケース まとめ はじめに HTML5の登場により、それがFlashを破るか否かに関わらずこれらはウェブコミュニティで議論の的でした。この議論が活発に行われる中、Flash vs. JavaScriptの話題は少し失われていました。 ここではJavaScriptの中から特に人気の高い「jQuery」をとりあげ

  • 文字コード(UTF-8,Shift_JIS,EUC-JP,ISO-2022-JP)についての俺的まとめ - 今日もスミマセン。

    「プログラマのための文字コード技術入門」を読んで自分なりに理解した点をザックリとまとめてみる。 それほど正確性を求めて書いているわけではないので、間違ってる可能性大です。 間違いなどあればコメントなど頂けるとありがたいです。 それぞれの文字コードはどう違うのか? 日語の文字コードは大きく以下の2つに分けられる JIS X 0208 文字集合をベースにしたもの Unicode文字集合をベースにしたもの JIS X 0208 文字集合をベースにした文字コードには、EUC-JP, Shift_JIS, ISO-2022-JP がある。 Unicode文字集合をベースにした文字コードには、UTF-8, UTF-16 などがある。 上で挙げた「文字コード」とは正確には「エンコーディング(文字符号化方式)」の事を指す。 文字符号化方式 文字集合って? 読んでそのまんま”文字の種類の集まり”。「キャラ

    文字コード(UTF-8,Shift_JIS,EUC-JP,ISO-2022-JP)についての俺的まとめ - 今日もスミマセン。
  • Webユーザインターフェースの "暗黙知" を意識していますか? : LINE Corporation ディレクターブログ

    暗黙知(あんもくち、Tacit Knowing)は、ハンガリーの哲学者・社会学者マイケル・ポランニー(Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、(全体的・部分的に)言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基的なところだけ

    Webユーザインターフェースの "暗黙知" を意識していますか? : LINE Corporation ディレクターブログ