ゼロから始めるレスポンシブWebデザイン入門スマートフォンやタブレット、PCなどあらゆるデバイスに対応する制作手法として注目されている「レスポンシブWebデザイン」。レスポンシブWebデザインの概念からサイト制作の基本まで、菊池 崇氏が解説します。
PC版とスマートフォン版テンプルナイツ統合のお知らせ - テンプルナイツ
HOME > 日記 > PC版とスマートフォン版テンプルナイツ統合のお知らせ 本日、PC版テンプルナイツとスマートフォン版及びタブレット版テンプルナイツを統合しました。 昨日まではスマートフォン版を「iphone.temple-knights.com」で運営していましたが、本日からは「temple-knights.com」となります。 1つのHTMLであらゆるデバイスに最適化 統合に際しては、今注目の1つのHTMLであらゆるデバイスに最適化したWebサイトを実現する制作手法「レスポンシブWebデザイン」を採用しました。 具体的には解像度が横1024以上をパソコン向け。横767以下をスマートフォン向け。横768以上1023以下をタブレット向けに最適化してあります。 解消した問題 今まではTwitterで「ツイート」した際のアドレスがPC版とスマートフォン版で異なっていたり、パソコン版からスマ
レスポンシブWebデザインとは (1/5)
スマートフォンやタブレット、PCなどあらゆるデバイスに対応する制作手法として注目されている「レスポンシブWebデザイン」。レスポンシブWebデザインの概念からサイト制作の基本まで、レスポンシブWebデザインによる制作案件を数多くこなす菊池 崇氏が解説します。（編集部） 本連載で紹介したレスポンシブWebデザインの基礎に加えて、画像や動画のレスポンシブ対応、パフォーマンス改善といった商用サイト構築のノウハウを大幅に加筆。さらに、解像度に依存しないレスポンシブWebデザインの考え方やスマートテレビ対応などの応用テクも盛り込みました。 レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック 定価：2,625円 (本体2,500円)／形態：B5変 (232ページ) ISBN：978-4-04-886323-0 レスポンシブWebデザイン（Responsive Web Design）
やらおんを陥れようとした萌通の正体について
やらおん・やられやく分裂騒動がほぼ判明しました。以下がその真相になります。 http://anond.hatelabo.jp/20110127225558この騒動を引き起こしたのは「萌通」のこと古林弘忠という人間です。彼の所業について以下にまとめます。 やらおんを陥れようとした事件とは？2011年01月15日ごろ「やられやくの管理人がブログでトレントファイルを販売している」という話題が盛り上がりました。 証拠の不自然さからスレは鎮火したのですが、古林弘忠はやらおんが犯人に違いないと「萌通新聞」上で告発しました。 古林弘忠のネット上で6年間の行動まとめhttp://affisearch.com/?q=2311075118337001これらは現在「萌通」が使っているアドセンスコードから芋蔓式に発覚しました。上記サイトからそれを確認できます。 2004年以前 RO内にてヒロディーンを名乗りロキ
2130703450443574201?keyword=HTML5
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
Webデザイナーが覚えておく、代表的なライセンスまとめ｜Web Design KOJIKA17
非常に緩いライセンスです。 1999年までのBSDライセンスには、初期開発者を表示する宣伝条項が含まれていました。 現在はこの宣伝条項のない新しいBSDライセンスを修正BSDライセンス (New BSD License)あるいは三条項BSDライセンス (3-clause BSD license) と呼ばれています。 BSDライセンスをベースに作成されたBSDスタイルのライセンスも多く存在します。 例として、Apache Software License, Sendmail License, PHP License, Python Licenseなど多く存在します。 三条項BSDライセンスの表記例 三条項BSDライセンスのテンプレートがありますので記載致します。 以下のような表記がある場合、三条項BSDライセンスとなります。 Copyright (c) <YEAR>, <OWNER> All
“口コミ”サイトに“自家製”レビューが潜んでいる
口コミの破壊力はメーカーも無視できない メーカーが新製品の宣伝で“口コミ”サイトやソーシャルメディアを利用する場合、その手法は主に2つに分類できる。 1つは、メーカー自らがTwitterやブログで情報を発信し、ユーザーとコミュニケーションをとる方法だ。担当者がメーカーの代表窓口となり、ユーザーとの双方向コミュニケーションを展開しつつ製品を訴求することで、その製品のファン層を獲得し、ゆくゆくはメーカーそのものの好感度を向上させることが期待される。ただ、売上に与える効果が数値化しにくかったり、成果が担当者に依存しやすいといった事情もあってか、その取り組みはメーカーによって大きく異なる。また、特定の担当者に依存ということは、サポートセンターと勘違いしたユーザーの不合理なクレーム対応に追われてモチベーションが下がり、業務が停止してしまうケースもある。いずれにしても運営に苦労しているケースが少なくな
今使えるCSS3の書き方まとめサイト | エンタープライズ | マイコミジャーナル
CSS3, please! - This element will receive inline changes as you edit the CSS rules on the left. Enjoy! CSS3の規約は現在策定段階にある。しかし、すでにどの主要ブラウザもCSS3に準拠する記述方法か、またはベンダプロパティとしてその機能を実装している。CSS3で提供される角丸め、影付け、グラデーション、透過、回転、Webフォント、スクリュー、スケール、トランジッションなどの機能は魅力的だ。浸透しつつあるプログレッシエンハンスメントのデザイン実装方法論を採用するなら、基本となるデザインをCSS2.1で整え、CSS3の機能で最新ブラウザ向けに一歩先のデザインを提供するというのは悪くない選択肢といえる。 ただし問題がある。CSS3は依然として策定段階にあるため、同様の機能は提供されているものの
高木浩光＠自宅の日記 - DPI行動ターゲティング広告の実施に対するパブリックコメント提出意見
■ DPI行動ターゲティング広告の実施に対するパブリックコメント提出意見 「ネット全履歴もとに広告」総務省容認 課題は流出対策 - ビジネス・経済, 朝日新聞, 2010年5月30日 「ネット全履歴もとに広告」総務省容認 課題は流出対策 - ネット・ウイルス - デジタル, 朝日新聞, 2010年5月30日 この記事が今日の朝日新聞朝刊1面に出ている。紙の方の記事では「行動ターゲティング広告」と「米英では頓挫」のキーワード解説が載っている。 これは、総務省の「利用者視点を踏まえたICTサービスに係る諸問題に関する研究会 第二次提言」のことだろう。「ライフログ活用サービスに関する検討について」の中に「ディープ・パケット・インスペクション技術を活用した行動ターゲティング広告について」という節がある。（電気通信事業者の取扱中に係る通信の傍受のことを指して「ライフログ」を呼ぶのには強い違和感がある
asahi.com（朝日新聞社）：「ネット全履歴もとに広告」総務省容認 課題は流出対策 - ビジネス・経済 （1/2ページ）
インターネットでどんなサイトを閲覧したかがすべて記録される。初めて訪れたサイトなのに「あなたにはこんな商品がおすすめ」と宣伝される――。そんなことを可能にする技術の利用に、総務省がゴーサインを出した。ネット接続業者（プロバイダー）側で、情報を丸ごと読み取る技術を広告に使う手法だ。だが、個人の行動記録が丸裸にされて本人の思わぬ形で流出してしまう危険もある。業者は今後、流出を防ぐ指針作りに入る。 この技術は「ディープ・パケット・インスペクション（ＤＰＩ）」。プロバイダーのコンピューター（サーバー）に専用の機械を接続し、利用者がサーバーとの間でやりとりする情報を読み取る。どんなサイトを閲覧し、何を買ったか、どんな言葉で検索をかけたかといった情報を分析し、利用者の趣味や志向に応じた広告を配信する。 ＤＰＩは従来技術に比べてより多くのデータを集められるため、こうした「行動ターゲティング広告」に利
テーブルを見やすく、使いやすくするためのアルティメットガイド
ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「（エクセルでいうところの）行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1. 列を交互にスタイリング 2. 列をフルに 3. テーブルのセクション 4. ソート 5. フィルタリング 6. ページネーション 7. スクロール 8. 固定されたヘッダ 9. ヘッダのないテーブル 10. 拡張可能な列 11. 列のアクション 12. マルチプルな列のアクション はじめに テーブルは構造化されたデータをみせるものです。そして、その目的はデータを読みやすくし、走査しやすく、簡単
集英社のスポーツ総合雑誌 スポルティーバ 公式サイト web Sportiva | ドロップアウト
本ホームページに記載の文章・画像・写真などを無断で複製することは法律で禁じられています。全ての著作権は株式会社集英社に帰属します。 copyright(C)2007-2009 shueisha INC.
公共料金・金融機関などへの住所変更等手続きを一括で行えるサイト（関東版＆関西版） | ライフハッカー・ジャパン
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
テーブルのユーザビリティを飛躍的に向上させる「Chromatable」:phpspot開発日誌
テーブルのユーザビリティを飛躍的に向上させる「Chromatable」。 Chromatableはテーブルのヘッダーを固定させ、テーブルの要素にスクロールバーを付けることができるjQueryプラグインです。 普通のテーブル Chromatableで初期化 次のようにスクロールしてもヘッダー位置はそのままで非常に分かりやすい。 実装方法 実装方法も超簡単で、JSコード自体はたったの１行で実装可能。 <!-- ライブラリ読込み --> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery.chromatable.js"></script> <!-- 初期化方法１ --> <script> $(document).ready(functio
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【ネット著作権】規約間競争が始まる？ FacebookやTwitterなど人気サイト利用規約を読み比べる 
https://jp.techcrunch.com/2011/03/22/20110321sendoid-finally-sharing-big-files-isnt-a-huge-pain/
Windowsと共存可能なWeb閲覧専用の軽量OS「Splashtop OS」v1.0正式版が無償公開
IDEA * IDEA
IE6/7/8でWebサイトの見栄えを見比べ「Microsoft Expression Web SuperPreview」NOT SUPPORTED