タグ

makoto_69のブックマーク (998)

  • 実のある議論のために「Q&A力」をつける10の方法

    印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 効率良く正しい合意を得るための会議が、逆に仕事を滞らせるボトルネックになることが多くある。その原因には、惰性的に繰り返される的を射ない「質疑応答」があるのではないだろうか。今回は、正しくかつ素早く合意をし、決断を打ち出すために必要となる「正しく問い、正しく答えるチカラ」つまり質疑応答力を高めるための方法について考えてみた。 #1:疑問に思ったことは「逃げずに質す」 発展的な議論のためには、疑問に思ったら質問することから逃げてはいけない。つまらない質問だと思われて恥をかきたくないからとか、面倒くさいからとか、会議が伸びるのがいやだとか、そんな理由で質問から逃げているのだとしたら、建設的な議論は成り立たない。むしろ、足を引っ張ることになり、

    実のある議論のために「Q&A力」をつける10の方法
  • 文字の空きにこだわる1/9

    ◆カーニング*の基をグラフィックデザインの視点から整理し、文字間と行間について従来の王道とは異なる視点で整理してみてはどうでしょう。時にオートではなく手動で調整してみる事が大切です。 写植全盛の時代を体験している私でも、当時の文字組みのすべてを写植に依存していたわけではありません。輸出関係のパッケージ等の仕事に多く関わっていたため、インレタ**やモンセン書体清刷集***が必需品でした。つまり、自分自身でカーニング処理を行なっていたわけです。製品ロゴタイプなどであれば完全な書き文字が鉄則ですから、クロッキー帳のスケッチからイメージを描き起こし、最後はロットリングで輪郭を描き、内側はマジックインキで塗りつぶすといった手順でした。 もちろん、最初の頃は丁寧にポスターカラーや墨汁で塗りつぶしていましたが、ある時マンガ家の生原稿が、塗りつぶし部分に油性のマジックインクを使っていることを知り、その合

    makoto_69
    makoto_69 2010/09/20
    文字の扱い
  • HTML5を今すぐ使うためのコツや情報をまとめてみました - EC studio デザインブログ

    この数カ月でHTML5のサイトが国内にも増えてきました。先日10周年を迎えた EC studio のサイトもHTML5で制作しています。マークアップの面でのHTML5の導入となりましたが、難しいと思う以上に勉強になることが多くありました。(今も改善を続けています。) http://www.ecstudio.jp/ 個人サイト以外でHTML5を導入するのをためらっている人が多いと思うので、今からでも使っていくためのコツやノウハウをまとめてみました。 新要素をJavaScriptで生成する HTML5の新要素はIEでは未知の要素です。そのため記述していてもDOMツリーが構成されなかったり、CSSが適用されないという問題が生じます。 そこでdocument.createElement(要素名);により、ブラウザ(ユーザーエージェント)にとって未知な存在の要素を生成し、認識させることができます。

  • HTML5+CSS3用のブラウザのスタイルをリセットするテンプレートファイル -HTML5 Reset

    HTML5+CSS3の環境で汎用的に利用できるHTML・スタイルシート・スクリプトなどのファイルを一式にまとめたテンプレートを紹介します。 ファイル構成:コメント無し版 各ファイルの説明 index.html HTML5の要素を配置した汎用的に利用できるHTMLファイル。各スタイルシートファイルも埋め込まれています。 css/main.css @import用のスタイルシートです。 css/reset.css Eric Meyerの「Reset CSS」です。 css/core.css ベースとなるスタイルが定義されています。 css/_patches 各ブラウザ用のスタイルシートです。 css/_print プリント用のスタイルシートです。 js Modernizrがセットされています。

    makoto_69
    makoto_69 2010/09/18
    html5テンプレ
  • HTML5, きちんと。

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

    HTML5, きちんと。
    makoto_69
    makoto_69 2010/09/18
    ミツエーの人
  • HTML5 における HTML4 からの変更点

    この文書「HTML 5 における HTML 4 からの変更点」は、W3C の HTML ワーキンググループ による「HTML 5 differences from HTML 4 (Working Draft 22 January 2008)」の日語訳です。 規範的な文書は原文のみとなっています。この日語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。 原文が勧告 (Recommendation) ではなく、策定途中の草案 (Working Draft) であることにご注意ください。 原文の最新版 は、この日語訳が参照した版から更新されている可能性があります。また、この日語訳自身も更新されている可能性があります。日語訳の最新版は、W3C 仕様書 日語訳一覧 から参照することができます。 更新日: 2008-09-

  • http://www.designwalker.com/2009/11/html5.html

    http://www.designwalker.com/2009/11/html5.html
  • 手っ取り早く携帯サイトを作成する時のhtmlテンプレート - webの人 @ryryo

    最近phpをいじるがてら、ひさびさに携帯サイトに触れているためメモメモ。 携帯サイトで装飾を入れるとなるとi-cssが云々って話があったりしますが、正直テストサイトでそんな面倒なことをしていられないので、だいたい以下のようなhtmlで作成しています。 とりあえず携帯サイト作りたい時テンプレート <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.3) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Co

    手っ取り早く携帯サイトを作成する時のhtmlテンプレート - webの人 @ryryo
    makoto_69
    makoto_69 2010/09/18
    ガラケー持ってないんだわ
  • ブログアフィリエイトで稼ぐのに役立った「最強ツール」27選【保存版】

    検索キーワードを調べるツールまとめ キーワードを調べる決定版「Google キーワード プランナー」 Googleが運営するキーワードツールで、おおよその月間検索数や競合性が高いかどうかを調べることができます。 キーワードリストをダウンロードしておいて、そこから作る記事を考えるのが効率的。 一定の広告料を使わないと細かな数値は分かりませんが、Googleのデータを元に記事タイトルを決められるので、使ってない人は絶対使っておきましょう。 Googleキーワードプランナー キーワードの組み合わせが分かる「ラッコキーワード」 キーワードの組み合わせを探せるアドバイスツール。 Googleのキーワードプランナーほど細かなデータは分かりませんが、シンプルで使いやすいツールです。 ラッコキーワード 検索順位を調べるツールまとめ 業者も使う順位チェックツール「GRC」 他のツールだと毎回キーワードを入力

    ブログアフィリエイトで稼ぐのに役立った「最強ツール」27選【保存版】
    makoto_69
    makoto_69 2010/09/14
    初心者は知らない方がいい気がする
  • 番号付きリスト(<Ol><Li>・・・</Ol>)の数字を全角に。

    HTML5は<li>にvalue属性が持たせれる http://dev.w3.org/html5/spec/grouping-content.ht … 解釈間違ってるか? そこで、ついでにSelectorAPIも使ってjavascriptで <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>test</title> <style type="text/css"></style> </head> <body> <ol class="Z_ol"> <li value="1">aaaa<ol><li>xxx</li><li>yyyy</li></ol></li> <li value="2">b

    番号付きリスト(<Ol><Li>・・・</Ol>)の数字を全角に。
    makoto_69
    makoto_69 2010/09/11
    番号付きリスト(<Ol><Li>・・・</Ol>)の数字を全角
  • iPhone向けWebアプリを作ろう(2/4) - @IT

    iPhone搭載のSafariはデスクトップ版と基的には同じものだと書きましたが、実際には、携帯デバイス向けのWebブラウザとして独自の振る舞いがいくつか追加されています。また、イベントハンドラの扱いについても特徴があります。 iPhone向けのWebアプリケーションを作るうえでは、そういったiPhone版Safariの振る舞いについて理解しておく必要があるでしょう。「Safari Web Content Guide for iPhone」には、iPhone版Safariの特徴や注意点が詳しく書かれています。その中から、重要な部分をピックアップしてみました(以下の内容は、iPod touchに搭載のSafariにも同様に適用できます)。 ■ Web標準に対応 まずiPhone版Safariは、デスクトップ版Safariと同じWeb Kitエンジンを使っており、以下のWeb標準技術およびセ

  • iPhone用Webアプリ作るときのメモ - ずっと君のターン

    paiTouch作ってみて分かったこととか。 まぁググれば普通に出てくると思うんだけど一応まとめ。もしかしたら「iPhone用Webアプリ(ゲームとか)を作るため」って切り口はめずらしいかもしれない。 何はなくともviewport JSとかでゲーム作ってて、勝手な倍率で画面を表示されてうれしいことはないので、HTMLのヘッダ部に以下のように書いておけばいいと思う。 <meta name="viewport" content="width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> これで実寸で表示されて拡縮も止められる。 apple-touch-icon.png Webサイトを「ホーム画面に追加」したときに使われる画像。まぁなくても自動的にサイトのスクリーンショットが使われるんだけど、せっかくだから用意しよ

    iPhone用Webアプリ作るときのメモ - ずっと君のターン
  • web制作に役立つサイトまとめ - 肉汁が溢れ出ています

    引用元:web制作板 545 名前:Name_Not_Found[sage]投稿日:03/10/20 20:13 ID:??? 初心者向け ■はじめてのWEBドキュメント作り http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ ■初めてのホームページ講座 http://www.hajimeteno.ne.jp/index.html ■30分間HTML入門 http://kanzaki.com/docs/html/lesson1.html ■ISMT HOME 〜 メモ帳で作る超初心者のHP作成講座 〜 http://ismt.cside.com/ ■趣味Webデザイン http://deztec.jp/design/index.html HTML/WWW解説 ■好ましいHTML文書を書くための方法と考え方 http://www.asahi-net.

    makoto_69
    makoto_69 2010/09/09
    一気に目を通すのは正直面倒くさいけど
  • Twitterで悪質なスクリプトが流通、cookie盗難の恐れ

    Twitterでクロスサイトスクリプティング(XSS)の脆弱性を突いた不正スクリプトが感染を広げているという。ロシアセキュリティ企業Kaspersky Labが9月7日のブログで伝えた。 同社によると、この手口には悪質なJavaScriptが使われている。ユーザーが偽ツイートにだまされて不正なリンクをクリックすると、cookieが盗まれて外部のサーバに転送されてしまうという。 問題のリンクをクリックしたユーザーの数は相当数に上るとみられる。URL短縮サービスbit.lyの統計を見ると、攻撃に使われたうちの1つのリンクだけでもクリック数が10万を超えていたという。攻撃はブラジルから仕掛けられている可能性が大きいとKasperskyは推測する。偽ツイートはポルトガル語で、「Restartが事故に遭った」というデマを流す内容だった。Restartはブラジルの人気ポップバンドだ。

    Twitterで悪質なスクリプトが流通、cookie盗難の恐れ
    makoto_69
    makoto_69 2010/09/08
  • iPhone向けWebサイトの制作等に役立ちそうな情報まとめ - かちびと.net

    iPhone向けのWebサイトを制作する 際に役立ちそうな情報のまとめです。 情報が多くて混乱し始めたので、個人 的なメモ。iPhone関連のWeb制作情 報は基的に載せています。アプリ 制作とかそっち系はたいして無いの でご了承下さい。 個人的にグッと来たiPhone / iPad周りの情報をメモ的にまとめておきます。素材とかフレームワークとかTipsとかそういうの中心で、SDKとかObjective-C的な情報は無いです。順不同。 フレームワークとかスクリプト WebアプリとかiPhoneサイト向けのフレームワークとか。 jQuery Mobile スマートフォン向けのjQuery公式ライブラリ。リリースが待ち遠しいですね。 jQuery Mobile Sencha 以前触ってみたので記事にしました。HTML5とjsのみのWebアプリ向けフレームワーク。 Sencha Titaniu

    makoto_69
    makoto_69 2010/09/08
    dwt: 素材やフレームワーク、Tipsなど、膨大なリストです。
  • 商用サイトでも無料の国内外のWeb制作に使える素材サイト総まとめ・2009 - かちびと. net

    ローカル環境にストックしていた日国内、海外サイトで商用OKなWeb素材を配布しているサイトのリンク集が結構な量になってきたので出来る限り多くの方とシェアしたいと思ってエントリーします。 懐の広いクリエイターさん方に感謝します。このリンク集は商用サイトでも利用が可能(Commercial use)なWebサイトの素材情報です。一応確認はしていますが、ご利用の際はご自身の目で必ずライセンスや利用規約(Terms of Use等)をご確認下さい。サイトごとに利用規約も異なります。当サイトは一切の責任を負いかねます。 日国内、及び海外の商用OKなWeb素材配布サイトと日語で紹介された海外記事のまとめです。 2度手間を防ぐ目的でリンクにマウスオーバーすると画像をツールチップで表示するようにしました。多少表示に時間掛かるかもしれません。 写真 商用サイトでも利用できるロイヤリティフリー、パブリッ

  • 女子のための情報サイトデザイン21+4 – Commit Lab

    現在業務で女性向けの情報サイトのような物を作ってるのですが、デザインで少々詰まってましまいました。情報サイトとなると自然と文字数も多くなってゴチャゴチャしがちなうえに、元々女性的なデザインを意識して行った事があまりないので中々アイデアが出てこなくて困っていました。 いつも通りGoogle先生に訪ねてみたものの、案外見つからないんですよね。どうしようかなと悶々と悩んだ末に、ググれカスと言われるのを覚悟してwdscratchのフォロワーさん達に参考になりそうなサイトを教えて頂きました。 という事で今日はGoogle先生とwdscratchのフォロワーさん達が教えてくれた女子向け情報サイトをご紹介したいと思います。 今回協力して頂いた皆さん、当にありがとうございました。助かりました。 追記1:ひとつ掲載漏れがありましたので修正しました。 追記2:コメント欄でご紹介いただいたサイトを追加いたしま

    makoto_69
    makoto_69 2010/09/07
    女子的デザイン定番
  • crazyphoto.org - このウェブサイトは販売用です! - crazyphoto リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    makoto_69
    makoto_69 2010/09/06
    全部をチェックするの大変そう
  • IPアドレスなどのPC設定を自動で切り替え・変更 - NCSwitch

    企業・組織のネットワーク管理者やシステム管理者、ヘルプデスク担当者にとって、ネットワークの設定管理は重要な職務です。 LANに接続するルーターDHCPサーバー、ファイルサーバー、クライアントPCなどの各デバイスが正しく設定されていないと、ネットワークは機能しません。 一般的に、サーバーやルーターは、初期導入後に設定変更する必要があまりありません。しかし、ノートPCやタブレットPCについては、利用者の移動に伴って様々なネットワークを行き来するため、移動の度に設定変更が必要です。 例えば、出張時に、普段社内で使っているノートPCを宿泊先ホテルに持ち出した場合、IPアドレスの変更やプロキシサーバーの再設定を行わないとホテルで使えないケースが多いです。 出張から戻った後は、社内LANに再接続する為に設定を元に戻す作業も必要です。 このような設定変更は、パソコンに疎い利用者にとって難しい作業です。

    IPアドレスなどのPC設定を自動で切り替え・変更 - NCSwitch
    makoto_69
    makoto_69 2010/09/05
    子フレーム内のページが表示されたら強制的に親フレームも表示させるjs(試してない
  • フレーム分割したhtmlページの、子フレームに直接リンクしたときに、子フレームのみ表示されるのを防ぐテクニックがあったと思います (リンクは子フレームに貼ら…

    フレーム分割したhtmlページの、子フレームに直接リンクしたときに、子フレームのみ表示されるのを防ぐテクニックがあったと思います (リンクは子フレームに貼られたが、表示は親フレームも含めてされる)。その方法を教えてください。 依然どこかで読んだのですがど忘れしてしまいました。たしかJacaScriptでif (top==self) {top.location.href...とか書いたような。。。

    makoto_69
    makoto_69 2010/09/05
    フレーム悩ましき