タグ

webdesignに関するmongrelPのブックマーク (20)

  • 新人デザイナーに教えたいWebデザインの基本原則【整列】

    以前私は、デザインの勉強を一切したことの無いデザイナー志望の新入社員に、webデザインを教える教育係を任されたことがあります。 教育なんて簡単なんじゃないの?と安易に考えた私は、案の定痛い目を見たわけです。この日から1ヶ月間、私は毎日3時間残業する羽目になってしまいました。 人に教えるのは意外と難しく、何から教えたら良いのかすらわかりませんでした。ただやはり最初なんで基が大事だろうと思い、先輩達のアドバイスを受けながら、【デザインの基原則】を教えることになったわけです! 今まさに新人教育に困っている人がいれば、まずこの記事を読んでもらって見てください!新人デザイナーに教える手間が1.2時間はぶけるかもしれません!(記事がわかりにくければ読ませないでください。その時はごめんなさい) では、早速題に入りたいと思いますが、まずは私が新人デザイナーに初めに教えることにした【レイアウトデザイン

    新人デザイナーに教えたいWebデザインの基本原則【整列】
    mongrelP
    mongrelP 2012/04/28
    これWebデザイナじゃなくてもなにかしら配置を「デザイン」するなら普通に参考になるな。っていうかデザインってこういうことなのか、とちょっと感動した。
  • [CSS]CSS3で何ができるの? という時にみておきたいサイト集

    角丸、ドロップシャドウ、グラデーションなど多彩で面白いスタイルをCSS3では簡単な記述で実装できます。 CSS3でいったい何ができるのか、どのように記述するのかなど、ベーシックなものから実践的なテクニックまでサンプルやコードなど実装例が掲載されているサイトを紹介します。

    mongrelP
    mongrelP 2010/02/10
    縦書きはあるのかしら…?
  • 一風変わった『ものすごく使いにくそう』なフォント15選

    使いにくいはもちろん私の主観によるものです。 きっかけは『Magic Kingdom Font – Space Encounter』という、最近ブログを始めたばかりの人の記事だった。魔法の国のフォント??どういうことだろ・・・。 早速ダウンロードして『hatenaBookmark』とうったら以下のように仕上がった。 全く読めない(笑) こういうアイデア、なかなか面白いなぁと思い、他にも色々面白そうで、ちょっぴり使いどころにセンスが必要な奴をご紹介してみます。 面白素敵フォント集15選 Space Encounter Font | dafont.com 今回ご紹介した魔法の国のフォント。 この魔法文字を読むことは誰にも出来ないだろう。 これで今日から不思議ちゃんって呼ばれるかもしれない。 追記 フォント自体、宇宙言語(クリンゴン語とか)ネタです。 それを先に紹介したブログ主がDisneyで発

    一風変わった『ものすごく使いにくそう』なフォント15選
    mongrelP
    mongrelP 2009/06/20
    日本語でこれ系統っていうと怨霊フォントあたりか。
  • 札幌市中央区の歯科・歯医者さん|ミルキーデンタルクリニック|スタッフ紹介

    ミルキーデンタルクリニック診療案内|ミルキーデンタルクリニック院内設備 ミルキーデンタルクリニックスタッフ紹介|ミルキーデンタルクリニック院長紹介|ミルキーデンタルクリニック診療方針 インプラント|審美歯科|ホワイトニング|治療のポイント|治療あれこれ Copyrights (C)2005-2007 MILKY DENTAL CLINIC. All Rights Reserved.

    mongrelP
    mongrelP 2009/06/16
    何このキャバクラ。
  • 日本語組版処理の要件(日本語版)

    1.1 このドキュメントの目的 すべての文化集団は,独自の言語,文字,書記システムを持つ.それゆえ,個々の書記システムをサイバースペースに移転することは,文化的資産の継承という意味で,情報通信技術にとって非常に重要な責務といえよう. この責務を実現するための基礎的な作業として,このドキュメントでは,日語という書記システムにおける組版上の問題点をまとめた.具体的な解決策を提示することではなく,要望事項の説明をすることにした.それは,実装レベルの問題を考える前提条件をまず明確にすることが重要であると考えたからある. 1.2 このドキュメントの作成方法 このドキュメントの作成は,W3C Japanese Layout Task Forceが行った.このタスクフォースは,次のようなメンバーで構成され,ユーザーコミュニティーからの要望と専門家による解決策を調和させるために様々な議論を行ってきた.

    mongrelP
    mongrelP 2009/06/16
    あれ?普通に組板とかの入門として便利じゃね?
  • グーグルが賭けるHTML 5の未来 - @IT

    2009/05/28 「決してWebをあなどってはいけない」(Never underestimate the Web)。Google I/O 2009初日の基調講演でシュミットCEOに続いて登壇したのは、米グーグル バイス・プレジデントのビック・グンドトラ氏だ。ゆっくりと一語一語を区切りながら語り始めたグンドトラ氏の言葉には重みがある。彼は元マイクロソフト社員で、まさにWebをあなどっていた側にいたからだ。 グンドトラ氏はWindowsプラットフォームを唱道する立場にあった。彼に限らず、マイクロソフト社員の間には、ネイティブアプリケーションでなければできないことがあるとする見方が一般的だったという。「Keyholeという会社が出てきたとき、彼らが持つようなアプリケーションこそ、ネイティブでなければできないものだと言っていた。ところがグーグルは2004年11月にKeyholeを買収し、Goo

    mongrelP
    mongrelP 2009/05/29
    「また10年も待つのはやめにしましょう。Webをもっと先へと進めていこうじゃないですか」
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    mongrelP
    mongrelP 2009/02/13
    ちなみにニコニコ大百科はTinyMCEを改造してあるそうな。
  • モビットってどんな返済方法があるの? | 現金が必要な時に一番便利なネットキャッシングで即日借入【ネポ】

    カードローンって最近よく耳にするようになったのではないでしょうか。カードローンというのは消費者金融や銀行に申し込んでカードを発行してもらい、そのカードを使って提携のATMなどからお金を借りるというものです。金額は人によって決まっていますが、特に目的について制限されるわけではなく、1万円からなど比較的少額からの借り入れも出来るという便利な個人ローンなんです。 でもカードローンって当にたくさん種類があります。各銀行でもそれぞれカードローンがありますし、消費者金融だってそれぞれの商品としてカードローンを取り扱っています。モビットもカードローンの1つですね。モビットは三井住友銀行系の会社ですので、三井住友銀行のATMからの借り入れ・返済であれば手数料無料になるんですよ。 実際お金を借りたら返さなければいけないのですが、モビットはどのような返済方法があるのでしょうか。返済方法は3つ!口座引き落とし

    mongrelP
    mongrelP 2009/01/05
    途中からの投げやり度に吹くwww
  • 慶應義塾大学 湘南藤沢キャンパス(SFC)

    SFCの学生 様々なバックグラウンド、多様なアイデアを持った若者が集まっているSFC。現役の学生をクローズアップしています。 アーカイブ

    慶應義塾大学 湘南藤沢キャンパス(SFC)
    mongrelP
    mongrelP 2008/12/20
    Ajaxでやれるぐらいの技能はあると思うんだが。
  • SFCのサイトリニューアルの件について

    SFCのサイトが昨晩変更されたのですが,余りにひどすぎるので最初絶句してしまいました.コメントはweb2008-keio@sfc.keio.ac.jpに送って下さいとのことなので,文章をとりあえず書いてみました sfc site renewal 追記: Geekなページにもコメントがでているようです. 追記2: 大学からの回答を載せました. 政策・メディア研究科/SFC研究所 W3C の加藤文彦です. 新しい Web サイトを受けて,質問・コメントをしたいと思います.なお,このメールに対するご回答はSFCにいる学生,卒業生,教員などの間で広く共有するべきものだと考えております.そのため,頂いたご回答の内容を整理させていただいた後に公開することをご了承ください. 以下の5点が現時点で思いつく問題点です. アクセシビリティ Flash の使用 速いPCのみ対象 SEO ユーザビリティ まず,こ

    SFCのサイトリニューアルの件について
    mongrelP
    mongrelP 2008/12/20
    同じようなことこっちでもあったなw
  • [Think IT] 第1回:携帯サイトとPCサイトはここまで違う! (1/3)

    XHTML Mobile Profileに対応したHTML 連載では、「PCサイトを制作してきたけど、携帯サイトは初めて」といった企業や個人クリエイター向けにPCとモバイルの違いなどをふまえ、携帯サイトを公開するまでの入門的なノウハウを紹介していきます。 まず、今回はHTMLの種類やタグ、CSSなど携帯ブラウザによる違いと、画面サイズやキャッシュ容量などの端末による違いについて紹介していきます。 では、早速携帯サイトを作る上でマークアップの基となるHTMLについて説明します(図1-1)。携帯電話はPCと比べても非常に早い進化を遂げてきたため、どれも基HTMLを基準に作られていますが、携帯ブラウザ(iモード、EZweb、Yahoo!ケータイ)で表示可能なHTMLの仕様には実に多くの種類が存在します。 現在市場に出回っている機種ということに限定すれば、XHTML Mobile Prof

    mongrelP
    mongrelP 2008/10/08
    docomoさん、外部CSSとクッキーぐらい対応して欲しいです><
  • ウノウラボ Unoh Labs: CSSによるデザインワークと相性のよいHTMLって?

    yamazakiです。最近だいぶあたたかくなってきましたね。おかげで日中眠くて仕方ないわけですがいかがお過ごしでしょうか。 ウノウに入る以前も含めてそれなりに長いことHTMLCSSを書いてきたわけですが、今回は試みに、「だいたいこういうところに気を使われたHTMLだと、CSSでのデザイン適用やレイアウトがやりやすいな」というこれまでの経験則を簡単ですがまとめてみたいと思います。 まあ、このあたりはCSS書く人とHTML書く人の間でちゃんとルールを決めておけばいいだけの話なので、そもそも何の役に立つのか疑問といえば疑問ですが(笑 たとえばユーザがCSSを書いてスキンを作れるようなサービスを作る際、どういったHTMLにするかを決める、みたいな時には少し参考になる、かもしれません。 ID、クラスを適切に割り振って、要素がCSS側から一意に特定できるように たとえばグローバルナビゲーションとカ

    mongrelP
    mongrelP 2008/04/23
    spanはないわ……
  • 萌え系フォントのまとめ:phpspot開発日誌

    萌え系フォントのまとめ。 かわいらしい感じを出すのに最適な萌えフォントですが、沢山あるようなので調べてみました。 おひさまフォント まきばフォント あずきフォント うずらフォント 手書き風フォントAiko 手書き風フォント|はるか ダサ字 みかちゃんフォント あくびん ひま字 私たん さなフォン キャパニト ぽっぷまる 沢山あるものですね。これだけあれば萌えフォントには困らなさそうです。 ライセンス体系なんかは各自異なるので、確認してください。 他にもあったら教えてください。 参考ページ なつみかん。 | 脱力系フォントのまとめ

    mongrelP
    mongrelP 2008/04/07
    たしかUbuntoだとみかちゃんフォントがデフォで入るんだっけ?
  • Ruby on Railsを見習うASP.NET

    Microsoftでは、自社のWebアプリケーション開発システムであるASP.NETにMVC(Model View Controller)アーキテクチャを実装する取り組みを進めている。 同社は昨年12月、MVCのサポートを組み込んだASP.NETの最初のバージョンをリリースし、現在は同技術の完成度を高めたCTP(Community Technology Preview)リリースの開発に取り組んでいる。同リリースは、3月にラスベガスで開催される「MIX 08」カンファレンスで提供される予定だ。 MVCは主としてJavaの世界で用いられるアーキテクチャパターンであり、これを採用したものとしてはRuby on Railsフレームワークが有名だ。MVCは、「コントローラ」を媒介コンポーネントとして導入することにより、データアクセスとビジネスロジックをデータプレゼンテーションとユーザー操作から分離す

    Ruby on Railsを見習うASP.NET
    mongrelP
    mongrelP 2008/02/15
    いっそASPonRailsとしてしまえばいいのにw(たしかPerlはあったよな)
  • 1ピクセルのずれも許せないWebデザイナのためにResetting Again | エンタープライズ | マイコミジャーナル

    CSSがWebページデザインの主要技術になってから、WebデザイナはCSSの振る舞いに頭を抱えなかったことはない。もっとも悩ましいのは、同じCSSでもWebブラウザごとに表示が異なるところにある。なるべく同じ表示を実現しようと、一見すると奇っ怪にみえる設定を加えたり、意味がないような行を加えたり、背景色と同じ色の画像を調整用に追加したり、涙ぐましい努力は後を断たない。 世界中のWebデザイナやフロントエンドデベロッパが同じ悩みを抱えているから、Webブラウザ間の互換性を実現するCSSライブラリがいくつも登場したり、ベストプラクティスをまとめたCSSリファレンスドキュメントが登場したり、CSS擬似クラスといったテクニックが紹介されたり、IEのCSS/HTML非準拠に対処するライブラリが登場するといったことが相次いで起こっているわけだ。 しかし、ほかのライブラリに依存せずにいちから自力でCSS

    mongrelP
    mongrelP 2008/02/10
    そもそもピクセル単位の時点でアクセシビリとしてはどうなのよ、ってのは無粋ですかね?
  • 『10のJavaScript、Axaxタブメニュー』他、タブまとめ*ホームページを作る人のネタ帳

    タブメニューなにか良いのないかなと思って探していたら、10 Javascript Ajax Tabsというエントリが後々使えそうなのでご紹介しておきます。 タブに関するまとめは以下で。 10 Javascript Ajax Tabs とりあえず10のJavaScriptAjaxタブメニューエントリはこちらから。 エントリの中でも、以下のメニューが面白かったですね。 口で説明するのは難しいですが、タブをクリックすると上下にスライドしながら違う文章を持ってきます。 以下からサンプル&ダウンロード可能 タブメニューに関して 最近仕事のほうも忙しくなり、なかなか更新できないでいます。 そんなわけで、今回のようにタブを紹介するときにまとめて関連する記事を紹介する率も高くなってきました。 ピンポイント紹介ではなくなってきていますが、ご愛嬌と言う事でお願いします。 [JS]スムーズに切り替わるタブ型コン

    『10のJavaScript、Axaxタブメニュー』他、タブまとめ*ホームページを作る人のネタ帳
  • 漢字が使える日本語フォント 無料ダウンロード 46種類 : 4GALAXYのメモ

    56 10 09 2007 漢字が使える日フォント 無料ダウンロード 46種類 Japanese, Font 数少ない漢字が使えるフリーの日語FONTをサムネイル付で紹介。 使用する場合は各ページの利用規約に添ってご利用下さい。 モトヤ - トップページ 会員登録が必要です。 Holiday MDJP02 - トップページ キャパニト・アニト・セプテンバー・あられ・えれがんと・東くずれ - トップページ 会員登録が必要です。 切り文字 - トップページ モフ字 - トップページ S2Gシリーズ - トップページ あくあフォント - トップページ しねきゃぷしょん - トップページ じゃぽねくす - トップページ あずきフォント うずらフォント 怨霊フォント - トップページ あんずもじ - トップページ えるまーフォント - トップページ ウナオジャポン・鞦韆堂フォント・昭和ノスタル

  • python-hosting.com

    This domain may be for sale!

  • はてなダイアリー - はてなダイアリーガイド「CSSセレクタ」とは

    調べたい部分をクリックしてください。日記のテーマによってちょっと見栄えが違うと思いますが、勘で補ってください。日記画像は「はてなダイアリー日記」からです(元画像)。 (2004年9月25日作図) ※まだ作図できてませんが、とりあえずはてなダイアリーガイド「CSSセレクタ - profileモジュール」を登録します。(2004.10.9)

    はてなダイアリー - はてなダイアリーガイド「CSSセレクタ」とは
  • フリーフォント最前線

    「フリーフォント最前線」は2020年6月30日をもって公開終了となりました。 今までのご愛顧、ご協力ありがとうございました。

  • 1