タグ

designに関するpicnicgraphicのブックマーク (41)

  • Phiculator, the Golden Ratio calculator from Thismanslife : Design, Graphics, Photography // James Mellers, Nottingham UK

    Thismanslife : Design, Graphics, Photography. James Mellers, Nottingham, UK. This mans life, Phiculator, webdesign, web design, web design nottingham, website design nottingham What on Earth is Phiculator? Phi, the Fibonacci sequence, the golden ratio, the golden section, the golden mean, the divine proportion. It’s known as many things, but the ratio they all refer to is the same, 1 : 1.61803399

    picnicgraphic
    picnicgraphic 2008/06/05
    「シンプルに黄金比レートを算出できるツール/via*Re:Creator’s Kansaiさん」
  • 逆引きCSSハック(IE8,Firefox,Opera,Safariを含めたブラウザ別CSSハック)

    cat888 live เว็บไซต์ของเราได้รับการรับรองว่าเป็นเว็บพนันที่มีคุณภาพเยี่ยมที่สุดในประเทศไทยสำหรับการพนันออนไลน์ เว็บพนันที่มั่นคงและปลอดภัยที่สุดสำหรับการเดิมพันออนไลน์ที่ทำการเงินอย่างมั่นคงและปลอดภัยและรับรองความเป็นส่วนตัวของคุณในการเล่นเกมพนันที่นี่. ทางเรามุ่งเน้นให้ประสบการณ์การพนันออนไลน์ที่ไม่ซ้ำซากและน่าสนุกที่สุดเลยค่ะ! cat888 หวย เมื่อคุณมีความระมัดระวังในการพนันออนไลน์ คุณจะมั่นใจได้ว่า

  • サイドバーの行方 : could

    サイドバーはブログが広まる前から存在していたコンポーネント。メインコンテンツ以外の情報を上部に載せることが出来るので、多くのサイトでサイドバーが採用されています。実装も簡単に出来ますし、3カラム、4カラムと増やすことも出来るわけですが、実装の敷居も低いのでただの賑やかしになってしまいがちの部分でもあります。情報の配置の仕方によって、情報が活かされるときもあれば、そうでないときもあります。サイドバーもメインコンテンツ以外の情報を放り込む場所ではなく、的確な情報が載る場所として扱わなくてはいけません。 ブログのサイドバーで必要なもの サイドバーによくある情報は 最近のエントリーリスト 最近のコメントリスト アーカイブリスト カテゴリリスト タグクラウド Feed をはじめとした購読ボタン ウィジェット諸々 アクセス解析やサイトコンセプトによってサイドバーの使い方も変わってきます。このサイトは

    サイドバーの行方 : could
    picnicgraphic
    picnicgraphic 2008/04/01
    「「最近のエントリー」のリストも「同タイプの最近エントリー」のほうが適している場合も/フッターのほうが適しているもしくはその逆も考えられる」
  • タグクラウドのサンプル作ってみた

    タグとかめんどーだから、入れる気無かったんですけど、今更になって悪くないかも?とか思い始めたので、試しにタグクラウド設置してみました。 トップページの下の方におりますが、あんまり古いエントリーとか、タグ付け自体が適当だったりするので、あんまり使い物にならないかもしれません。。。永遠のベータ版です。 で、まぁかっこ良さげなタグクラウドを頑張ってつくろーとkiai出して作ってる途中に、ふと3ping.orgさんを思い出し、過去記事をあさってたらTag Cloudのスタイルというエントリーがありました。 んで、被ってる感じバリバリだからいっかーとか思ったんですけど、何となく作っちゃったんで公開っていう流れです。えぇ。 にしても3つほど作ったら疲れました。 ダウンロードとか実際の表示を見たい方は以下より。 サンプルの実際の画面 サンプルダウンロード(zip:17kb) スタイルシート タグクラウド

    タグクラウドのサンプル作ってみた
    picnicgraphic
    picnicgraphic 2008/03/11
    その1がドットでかわよい(少ないタグほど上に来る工夫)。その2はfirst-letterを利用したデザイン(一見さんが探しやすそう)。
  • ミニコミとデザイン

    文章系の同人誌/ミニコミの制作Tips集。主に小説、雑誌を作りたい人向け。

  • http://www.yasuhisa.com/could/entries/001211.php

    picnicgraphic
    picnicgraphic 2008/02/19
    「どうつくるかではなく、どう使われるかを考える/紙とWebのコンテンツの消費のされ方は根本的に違うということに気付く/この使われ方の違いが媒体の違いでもあり、アプローチも変えなければならないひとつの要因」
  • Webデザイン・デザイナーに役立つネタのまとめ | デザインフィードデータベース

    Webデザイン・デザイナーに役立つネタを収集して、データベースにまとめて公開しています

    picnicgraphic
    picnicgraphic 2008/01/14
    「最近Webデザインのネタ多くない?しかも次から次にペース早くないッスか?ならせめて注目ネタくらいは自動保存しとこうぜ!んで取り出しやすい検索ロジックもつけて、後でも使えるナレッジベースにしちゃおうぜ!」
  • 専門用語辞典 | 宣伝 | 広告 | デザイン | PR/AD/Design Dictionary | デザイン資料 | Black design

    宣伝/広報・広告・デザイン業界でよく使われる用語を集めた専門用語辞典です。 デザイン・ポータルサイトとなるべく、新着用後や関連情報も随時追加していきます。 どうぞお役立てください。

  • 使いやすさ研究所 ホームページ

    使いやすさ研究所では、「使いやすさ」の様々な情報発信を行っています。使いやすさ研究所は、カタログに氾濫する「使いやすさ」「わかりやすさ」を単なるキャッチ・コピーで終わらせない為の様々なテスト・サービス、開発支援、コンサルティングを行っている株式会社 U'eyes Designが提供する情報発信サイトです。 U'eyesDesignでは、iPhone評価レポートを販売しております。  7/11(金)のiPhone上陸に伴い、多くのメディアでの評価が予想されます。それに対しレポートは、独自進化と揶揄される国産ケータイ文化とその使い勝手に慣れ親しんだ『実際のユーザ』が、どのように感じるのか、発売直後の評価(ショートターム)と1週間ほどの日常使用後の評価(ロングターム評価)の2タームに分けて実施するユーザビリティ評価を通じ明らかにします。 詳しくはこちらをご覧ください。

    picnicgraphic
    picnicgraphic 2007/11/02
    「「使いやすさ」「わかりやすさ」を単なるキャッチ・コピーで終わらせない為の様々なテスト・サービス、開発支援、コンサルティングを行っている株式会社ユー・アイズ・ノーバスが提供する情報発信サイトです」
  • D+|デザイン系ブログポータルサイト「ディータス」

    我院乐虎国际娱乐app项目自2000年启动和英国兰卡斯特大学的合作以来,已有17年的历史。作为中国第一家从事乐虎国际娱乐app项目的办学机构,我院拥有丰富的办学经验及成熟的国际...[ 详细 ] 北京外国语大学简介 北京外国语大学坐落在北京市海淀区西三环北路,在三环路两侧分设东、西两个校区,是教育部直属、“985”优势学科创新平台和首批国家“211工程”建设的全国重点大学,是目前我国高等院校中历史悠久、教授语种最多、办学层次齐全的外国语大学。 北京外国语...[ 详细 ]

    picnicgraphic
    picnicgraphic 2007/10/24
    「ブログというツールを使って、デザインに興味がある全ての方々とインタラクティブに情報を提供&共有し合うことが目的」出されたテーマに合った記事があれば指定のURLにTB。#個人的に興味ある。
  • Tag Cloudのスタイル - 3ping.org

    タグクラウドの必要性についての是非はここでは置いておいて、このアイテムのデザインって色々考えさせられますね。 Vicuna CMSでも真面目に対応しようと重いケツを上げましたので、とりあえずサンプルとなるCSSスタイルを色々と書いてみました。 表示例とCSSファイルを置いておきましたので、気に入った表示があったらどうぞ使って下さい。 2007.10/21 追記・編集 Tag Cloud 10,11,12で.level5のフォントサイズが.level4と同じになってたのを修正 応用編としてTag Cloud 13を追加 単純に該当する記事が多いタグが他より目立てばいいだけなので、大抵のスタイルは大小の区別で表示しているけど、それだけじゃちょっと味気ない気もするので サイズ 色 明暗 彩度 色彩 形 というところでタグの強弱をより強調してみました。 HTMLは以下のような要素とクラス名で作って

    picnicgraphic
    picnicgraphic 2007/10/22
    Tag Cloud11の背景とすき間の感じがアナログちっくになってかわよい。
  • Online CSS Scrollbar Color Changer

    Online CSS Scrollbar Color Changer Change the scrollbar colors in an HTML page Use the controls below to change the color of your HTML scrollbars for Internet Explorer. Enter your colors in hex format, e.g. "FF0033" or click the color chip for a popup color picker. The CSS for the scrollbars that you create is displayed automatically below. Copy it into your HTML page to easily change the scrollba

    picnicgraphic
    picnicgraphic 2007/10/04
    「スクロールバーのデザインをWYSIWYGで確認しつつデザイン」できる/via*phpspot開発日誌さん
  • GitHub - lipidity/FancyForm: (deprecated) JavaScript checkbox replacement

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - lipidity/FancyForm: (deprecated) JavaScript checkbox replacement
    picnicgraphic
    picnicgraphic 2007/08/30
    「mootools.jsのプラグインで外部ファイルとして指定するだけで、フォームのラジオボタンやチェックボックスをかわいいデザインに変更するスクリプト/via*コリスさん」
  • モバイルサイトのデザイン : LINE Corporation ディレクターブログ

    こんにちは、『livedoor 歌詞』や『livedoor グリーティング』を担当している吉沢です。 今回は、モバイルサイトのデザインの決め方、デザイナーとの仕事の進め方をご紹介したいと思います。 モバイルサイトのデザインというと、画面が小さいし容量制限も厳しいし、デザインのやりようがないのでは? と思うかもしれません。 確かに 1 年程前まではそんな状況だったのですが、世間的に 3G 端末が普及し、容量制限の緩和、通信速度の向上とモバイルサイトを華やかに魅せる環境が整いつつあります。 そこで『ケータイ livedoor』も昨年後半あたりから少しずつ 3G 端末をメインとした開発を行っており、今ではモバイルサイトの“こったデザイン”が必須となっています。 これまで、サイト開発時にディレクターがデザイナーにお仕事を依頼するタイミングは、サイトのリリース直前という場合がほとんどでした。最後の仕

    モバイルサイトのデザイン : LINE Corporation ディレクターブログ
  • All things Apple. Past, present and future.

    Our goal is to create unique, meaningful, immersive and interactive experiences that are always generated using the story as the starting point. We don't design technology and fit content into it. interactive, rob reid, immersive, design, interpretive, martello media, martello, gpo witness history, touchscreen, UX design, cool planet experience, Killarney house

    picnicgraphic
    picnicgraphic 2007/07/22
    apple.comサイトデザインアーカイブ。
  • 名刺・パッケージのデザイン・印刷のKirapri(キラプリ)

    名刺・パッケージのデザイン・印刷のKirapri(キラプリ)では色彩豊かで洗練された美しいデザイン、薄くて弾力性があり耐久性に優れた素材、これまでの名刺の概念を覆す新しいスタイルの名刺をご提案しております。キラプリ名刺の材質であるPETは、繊維、フィルム、ボトルとしての機能が優れており、最近、伝導性フィルムなど、電気電子分野及び清涼飲料水のボトルとしての需要が急増しており、強化PETは優れた強度及び耐熱性をいかして、自動車、電機分野での金属、ペノールスジ、ディアリルプタレートにかわる用途として使用されている。

    picnicgraphic
    picnicgraphic 2007/07/18
    いろんな名刺作れちゃうよの巻。銀とか金とか。
  • http://youmos.com/news/jsscrolling

    picnicgraphic
    picnicgraphic 2007/07/13
    スクロールをデザインしよ。
  • 第1回 安定とスピードのデザイン | gihyo.jp

    ビジュアルデザインと機能性 ビジュアルデザインと機能性。ウェブサイトやアプリケーションのデザインでは、この2つは密接な関わりを持っています。 多くの人は、ビジュアルデザインと聞いて、ものを美しく(もしくは格好良く、楽しく)見せるためのデザインを連想するかもしれません。まさにそれはデザイナーの仕事です。世の中をより美しく、格好よく、楽しくすることは、人が関わるものを生み出すデザイナーにとっての使命です。それをないがしろにすれば、何のためのデザインか、何のためのデザイナーか、と問われることになるでしょう。 ただし、道具の世界では、デザインが機能性に直結しています。人は道具を使うとき、はっきりした目標を持って扱います(はさみを使って紙を切る、蛇口をひねって水を出す等⁠)⁠。そういった目標をどれだけ達成できたか、ストレスなく達成できたかという観点=機能性は、道具の価値に関わってきます。ウェブサイト

    第1回 安定とスピードのデザイン | gihyo.jp
    picnicgraphic
    picnicgraphic 2007/06/28
    del.icio.us:リンク判別・文化圏による異なる印象を与えない/Flickr:投稿画像以外の要素が邪魔にならないデザイン・色を抑えナビにアイコンを添え認識のし辛さ克服/digg:テクスチャを使い擬似的アイコン・カテゴリ毎の差別化
  • 名刺にもタグクラウド

    書評を続けてしまったので、ちょっと息抜き。最近タグクラウドが意外なところに使われる例が出てきていますが(例えば新聞にタグクラウド)、こんなデザインに使った方がいるとか: ■ Creating a new Business Card (Abduzeedo) ブロガーの Fabio Sasso さんが、ご自身の会社"ZEE"のためにデザインした名刺とのこと。早速どんなものか見てみると……(以下の画像は上記記事から転載したものです) これが表で: これが裏: 表側もカッコイイのですが、裏面にはタグクラウドが。あー、これカッコイイ!色も水色+白で Polar Bear Blog と一緒だし、パクってしまいたい誘惑に駆られ……けどノンジャンルのブログじゃ、カッコいいタグクラウドにはならないか。 例えば自分のブログURLを入力すると、文章とCSSを解析して自動的にタグクラウド付きの名刺デザイン(カラー

    名刺にもタグクラウド
    picnicgraphic
    picnicgraphic 2007/06/26
    裏面にタグクラウド。
  • optgroup 要素を CSS でひと工夫してみる | WWW WATCH

    フォームの入力コントロールの中で、select 要素によるセレクトメニューは、選択肢の数が一定以上増えると選択したい項目を探し出すのがちと面倒になります。そんな... フォームの入力コントロールの中で、select 要素によるセレクトメニューは、選択肢の数が一定以上増えると選択したい項目を探し出すのがちと面倒になります。そんな時のために optgroup 要素が存在するわけですが、こいつを使用した上で、CSS をあてて見た目を装飾する方法と、一部ブラウザでの注意点などを簡単にまとめてみました。 基的なことのみで、すごいかっこいい見た目を実現とかそういうのではありませんので、期待せずにどうぞ。 例えば都道府県などの選択をさせる際を想定すると、マークアップ自体はこんな感じになりますよね。面倒なので全部は書きませんが。 <select name="location"> <optgroup la

    optgroup 要素を CSS でひと工夫してみる | WWW WATCH
    picnicgraphic
    picnicgraphic 2007/06/26
    Fxなどでは背景画像も表示できる・optgroup要素へのborderやpadding指定が反映/Operaはoptgroup要素のlabel属性値をデフォルトだと白い文字色で書き出すので注意。