2012年 08月 24日 5つのサイトストラクチャ（Webサイト情報構造）を実際のサイトと照らしあわせて考える カテゴリ： IAシンキング Webデザイン タグ：IAシンキングWebサイト構築 サイトストラクチャとはWebサイトの構造のことです。サイトストラクチャを考える際には、作るサイトの目的に合わせた設計が必要なのは言うまでもありません。では、その目的に合わせた設計とはどういうものでしょうか？それを考えていきたいと思います。 1.サイトストラクチャ（サイトの構造）パターンについて 2.5つのパターンの解説 3.サイトの全体像と部分的な構造 サイトストラクチャ（サイトの構造）パターンについて Webサイト制作にあたり、サイトの設計で多く採用されるものとして5つパターンがあります。 階層型分類構造 ファセット型構造 Web型構造 直線型構造 ハブ＆スポーク型構造 名称だけを見てもピンと来
スマートウォッチはさまざまなブランドから発売されており、とても注目を集めています。しかし、具体的にどのような機能があるのか分からない方もいるでしょう。また数多くの種類があり、どれを選ぶか迷う方も多いですよね。そこで今回は、スマートウォッチの基本的な機能や、おすすめのブランド・商品についてご紹介します。 ＃健康管理 多くのスマートウォッチには、歩数を計測する機能があります。その機能を使用すれば歩数やカロリーなどが計算できて、健康管理に役立つでしょう。 ＃通知機能 メールやSNS（Faceboook、Twitter、Instagramなど)の通知を受け取ることができます。会議中や食事中などでも気軽に確認できるでしょう。 ＃電子マネー決済 対応しているスマートウォッチであれば、さまざまな電子マネー決済が使用できます。財布を取り出さなくてもいいため非常に便利です。 ＃音楽再生 スマホをカバンやポケ
HTML5やCSS3が使えるか等、かなり詳細までブラウザ分析できるPHPライブラリ「Detector」 2012年06月19日- Detector [BETA] - combined browser- & feature-detection for your app HTML5やCSS3が使えるか等、かなり詳細までブラウザ分析できるPHPライブラリ「Detector」 UserAgentから、そのブラウザがモバイルブラウザであるか、タブレットであるか、ボットであるかといった事を調べられる他、HTML5のどの機能が使えるのかといったものまでを解析してくれるPHPライブラリです。 モバイルサイトを作る際なんかで詳細にブラウザを区別したいような場合に使うことができそう。 ちょっと、そこまでやってくれなくてもいいんだけどなぁ、というぐらい詳細な解析をしてくれるのが特徴 どのぐらいの軽快さという部分
Get affordable and hassle-free WordPress hosting plans with Cloudways, now offering 40% off for 4 months, and 40 free migrations. The following post is written by Brandon Pierce. Brandon saw some nicely designed buttons by Wouter on Dribbble and set about building them with CSS. They came out nicely and he agreed to post about the process here. Here’s what we are going to make in this tutorial: Vi
紙のノートっぽいWEBデザインでコンテンツを綺麗にラインに合わせられる「Baseline.js」 2012年06月25日- Baseline.js | Vertical rhythm made easy 紙のノートっぽいWEBデザインでコンテンツを綺麗にラインに合わせられる「Baseline.js」。 昔試したことがありますが、文字と背景画像のラインを合わせるのは画像などが絡むと容易なことではないですね。 文字がラインにかぶったりしてせっかくのノートっぽいデザインが台無しです このプラグインを使えば、綺麗に整列させることができるみたい。ライン間の幅を指定することで、コンテンツを自動でリサイズしてくれます これで途中に画像が入ろうと、画像もリサイズしてくれちゃうので、メンテナンス不要。 ノートっぽいこうしたデザインにしたい場合は使えそうです。 関連エントリ レイアウトに関する強力なjQuer
マイページピグアメブロ芸能人ブログ人気ブログAmeba新規登録(無料)この記事は削除されているか、 または未来記事設定（現日時以降の公開）された記事のため表示できません。「タグを貼るだけ」で あなたのブログが収益源に！？ WordPressもサクサク おすすめレンタルサーバーこのブログの読者読者数: 8,984 人 読者になる テーマやったこと・行ったとこ ( 3 )買った・使ってる・持ってるもの ( 2 )仕事・備忘録 ( 1 )雑記 ( 1 )--- ( 0 )一覧を見る 最新の記事アメーバプロフィールのカバー画像の最適サイズを考えながら設定してみました長財布に入るカード型のハンコがとっても便利！…というほどではないかもしれません(汗PhotoshopとIllustratorの月額課金が嫌なので代替品を探してみましたAndroidスマホをヤフオク！で売ったら「Device Protec
世の中には何千種類ものフォントがある。 ぼくはせいぜい、明朝体とゴシック体ならその違いが分かるかなという程度だけど、印刷業界などのプロになると、「モリサワの見出ゴMB31」のようにピンポイントにその書体を識別できるらしい。 なんだか呪文のようでかっこいい。 雑誌や看板など、まちの中にあふれるフォントの名前を、詳しい人に教えてもらいました。 （text by 三土たつお） 先生はDTPをやっている友人です 今回の企画はそもそもDTP（デスクトップパブリッシング）をやっている友人との雑談から生まれたものだ。 仕事でよく使う範囲のフォントなら、たいてい言い当てることができるのだという。 というわけで、話の発端となった友人のＮ川さん（写真左）、そして同業のＯ原さん（写真右）に協力してもらい、例によってまちを歩きながら、見かけた文字についてそのフォントを調べていくことにする。
4コマ（時に3コマ）のハリネズミくんシリーズ。テキストをタイプしていましたが（読みにくいかもしれませ...
高卒でバカなのに最高に楽しい僕の生き方と守りぬいてきたこと 200.1k件のビュー 自分のやりたい事を仕事にしてる僕らに見られる10個の特徴 125.7k件のビュー 今更聞けない？！WEBデザイナーなら最低限知っておきたい有名フォントの数々 108.7k件のビュー 現代における留学が無意味だと思う5つの理由と、目標とすべき5つのこと 83.8k件のビュー 『海外に住めば英語は出来るように成る』は本当か？５年間カナダに居座った僕が体感したTOEICとかの意味 82.1k件のビュー 英作文に時間をかけるな！英語圏のWEB制作現場でよく使われる英語表現テンプレート集！【メール編】 60.5k件のビュー 超かっこいいタイポグラフィを駆使した映像の数々！息をのむ程魅入った映像総まとめ 48k件のビュー チーム間のコミュニケーションを円滑にしたい時に試してみるべきツールやWEBサービス色々 46.3k
当事者からみたユニバーサルデザイン (1) 色覚障害 黒須教授のユーザ工学講義 12月19日 読了までに約8分 筆者はいわゆる色盲である。自然物は致し方ないとしても、人工物については、色覚障害者のことを考えて対応してもらいたいものだ、とつくづく思う。 このサイトについて UXリサーチや市場調査の手法やコツ、結果や知見を紹介しています。 詳細 新記事公開は、Twitter・Facebook・RSSで随時、メルマガで月1回通知します。 Twitter Facebook RSS メルマガ チェックボックス：デザインガイドライン ニールセン博士のAlertbox 12月10日 読了までに約8分 チェックボックスは、ユーザーがリストから1つまたは複数を選択するか、あるいは何も選択しないことを可能にする要素である。チェックボックスは単独でも、チェックボックスリストや入れ子型のチェックボックスリストとし
プログラムなしで会員制サイトを構築できる 会員制コンテンツなどの通常はプログラミングが必要な仕組みもプログラムを一切書かかずに構築できます。 プログラムを書いたりロジックに悩む時間がなくなり、素早く目的のサイトを構築します。 さまざまな補助機能とともにフォーム機能が標準搭載 サイトの任意の場所にフォームを設置でき、入力データのチェックやコンバート機能を搭載。複数ステップのフォームも作ることができます。 さらに外部連携機能を使って、フォーム機能を拡張してデータを活用することができます。 テンプレートにロジックを持ち込まない a-blog cms のカスタマイズでは独自のテンプレート記法を採用しており、テンプレートにプログラムのロジックを持ち込みません。 これにより、PHPなどのプログラムを書くことによるセキュリティリスクを排除し、HTMLと独自のテンプレート記法を使ってWebサイトを自由に構
「マイクロフォーマット」感想：マイクロフォーマットは漸進的にセマンティック・ウェブを実現中 » du pope : NAKANO Hajime’s Blog
「マイクロフォーマット」感想：マイクロフォーマットは漸進的にセマンティック・ウェブを実現中 Posted on 2008年8月29日. Filed under: 未分類 | タグ: マイクロフォーマット, 読書, microformats, Semantic Web, 本 | 書籍「マイクロフォーマット Webページをより便利にする最新マークアップテクニック」を読んだので、感想を書く。 マイクロフォーマット Webページをより便利にする最新マークアップテクニック （John Allsopp, 木達 一仁, 株式会社ミツエーリンクス, 浅野 紀予） 新しもの好きのウェブ界隈の人にとっては、マイクロフォーマット(microformats)って“今さら”感があるかもしれない。 ぼくも、たとえばEdgeio(2007年12月に閉鎖され、現在はブログのみ残っている)のようにマイクロフォーマットを利用
仕様ドラフト 2005-01-10 編者/作者 Tantek Çelik Kevin Marks 原案 Derek Powazek 短縮URL http://tr.im/reltag 著作権 © 2004-2024 by the authors. この仕様の著作権は、ページ編集に関わった人全てが保有しています。 しかし、著者はこの仕様をGMPGやIETF、W3Cなどの標準化団体に提出することを考えています。この仕様に貢献したい場合は、これらの団体が持つ著作権に対する方針やポリシー（例:GMPG Principles）を読み、ライセンスに関する規定（例:CC-by 1.0や後のバージョン）を理解した上でお願いします。 Tantek: I release all my contributions to this specification into the public domain and
#TexturesFree Texture Packs: Collection of Old Paper TexturesThis collection of free old paper textures will surely help you in your current and future design projects. Download these textures now. Paper textures, whether old paper textures, lined paper textures, crumpled paper textures, ripped paper textures or torn paper textures, are one of the most helpful and necessary design elements as it e
違法ダウンロード刑罰化への津田大介氏の国会参考人発言を書き起こしました 2012-06-20 平成24年6月19日の文教科学委員会における、津田大介氏の参考人発言を書き起こしました。津田氏の発言は非常にわかりやすく、書き起こしたら違法ダウンロード刑罰化問題について理解する人が増えるのではないかと思ったからです。 なお、見出しの追加は僕によるものです。また発言内容に関して、一部てにをはの加筆修正、前後重複する発言の一部修正、そして「あー」「まあ」「やはり」などは相当数削除しました。 期間限定ですが、ニコニコ生放送でタイムシフト視聴が可能です。津田大介氏の発言は3:36:00頃から20分間ほどです。かなり長文なので、動画が観れる方は読むより観るほうが早いかもしれません。ではどうぞ。 目次 1 前段、自己紹介2 2006年から2009年の議論の状況としては、刑事罰はバランスが悪い3 政治家の先生
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
2017年7月14日 便利ツール 久しぶりに自分がブックマークしているサイトを整理してみました。昔から変わらず愛し続けているWebサービスやチュートリアルサイトなど多数あったので一挙にご紹介します！有名どころからあまり知られていないけど便利なサイトまで、多数あるので時間のある時にじっくり見てみてください！ ↑私が10年以上利用している会計ソフト！ ブックマークしているサイト 目次 Webサービス デザイン関連 画像関連 CSS jQuery WordPress フォント スマートフォン 配色関連 HTML5 メルマガ Webサービス 1. Sendoid Sendoidは会員登録不要のファイル送信サービス。ファイルをアップロード後にURLが生成されます。パスワード設定可。 2. HTMLエンコードフォーム HTMLエンコードフォームは特殊記号などをエンコード・デコードしてくれるWebサービ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
