タグ

デザインとwebに関するOKU_s62のブックマーク (6)

  • 5000兆円欲しい!.css

    About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-

    5000兆円欲しい!.css
  • ネット上の遺産「阿部寛のホームページ」がついに移転 懐かしすぎるデザインは据え置きの歴史的英断

    デザインが懐かしすぎることから一部で「ネット上の遺産」として親しまれている俳優・阿部寛さんの公式サイト「阿部寛のホームページ」。同サイトがとうとう新サービスに移転したものの、例のデザインがそのまま残されたことでファンの間で喜びの声があがっています。 阿部寛のホームページ 「阿部寛のホームページ」の特徴といえば、人気俳優の公式サイトとは思えないほどシンプルなデザイン。コテコテのフレーム設定、背景にずらりと並ぶ「ABE Hiroshi」の文字、テキストリンクの羅列が中心の武骨な情報更新など、あふれだす「90年代後半のホームページ感」でネット民に愛されてきました。 情報はしっかり最新のものに更新されています 移転はこれまで利用していたニフティのホームページサービス「@homepage」の終了を受けてのもの。移転をきっかけにデザインに手が入ることを心配する声もありましたが、今までどおりの味わい深い

    ネット上の遺産「阿部寛のホームページ」がついに移転 懐かしすぎるデザインは据え置きの歴史的英断
  • 時刻表っぽいフォント — DiaPro

    DiaPro の特徴 DiaPro は印刷用だけでなく、Web Font としてもきれいな表示ができます。たとえば乗り換え案内サイトや携帯アプリでは役に立つでしょう。 DiaPro の記号は OpenType の合字(リガチャー)として定義されています。そのためフォントの適用ができない場合(サーチエンジンのSEOなど)でも意味が読めます 以下のブラウザはテスト済みです:Chrome(Win・Android)・Firefox・Safari(Mac・iOS)・IE10以上 太い数字 時刻表数字を2種類提供しています。 太い数字は、全角数字に置いてあります。また、半角数字の OpenType フィーチャー「タイトル文字(titl)」でも表示可能にしています。 Adobe CS/CC または LibreOffice であれば、半角数字に対し OpenType の「タイトル文字」フィーチャーを適用し

  • いとうまい子と阿部寛が教えてくれた“ダサすぎる公式HP”の素晴らしさ! 〜最強のSEO対策〜 - TOCANA

    タレントで女優のいとうまい子(49)が、1月26日放送のバラエティ番組「有吉反省会」(日テレビ系)に出演したことをきっかけに、自身初となる大胆なビキニ姿を披露、実年齢に対して、あまりに美しすぎると話題になっている。 ■アイドル商法の先駆者、AKBの大先輩!? 今回話題になった写真は、いとうまい子が10年以上前から取り入れていたという「AKB商法」によって、自身のカレンダーの特典になっており、5部以上購入するとついてきて、9部購入すれば5種類あるビキニ写真をすべてコンプリートできるそうだ。しかしこのサイト、見ての通り、トップページにデカデカと表示されるビキニ写真にかけられたモザイクが一層怪しさを醸し出しており、サイトデザインも二昔ほど前の雰囲気で、これが一流芸能人の公式サイトかと信じがたくなるものだ。 ■公式ホームページ開設は1995年! そのセンスは時が止まっている…! この公式サイトは

    いとうまい子と阿部寛が教えてくれた“ダサすぎる公式HP”の素晴らしさ! 〜最強のSEO対策〜 - TOCANA
  • ユーザーの反応に「完全に狼狽した」 はてなブックマーク、リニューアルの意図と背景

    「完全に狼狽(ろうばい)した」――「はてなブックマーク」(はてブ)リニューアルのディレクターを務めたはてなのディレクター・伊藤博典さんは、リニューアルに対するユーザーの反応を見た感想を率直にこう語る。 1月8日、はてなブックマークのトップページとカテゴリーページをリニューアル。アルゴリズムを刷新し、同じ記事が長く滞留しないようにしたほか、デザインも一新。ブルー一色のリスト風の記事一覧からカラフルな配色に変え、一部ページではタイルを並べたようなデザインに刷新した。 大幅なリニューアルは2008年以来、4年ぶり。思い切った刷新を評価する声がある一方、ドラスティックな変更に対する否定的な意見も殺到し、ブログ記事のブックマークには「これはひどい」タグが付き、「見づらくなった」など辛らつな声が次々に寄せられた。 4年間変化のなかったトップページをガラリと変えれば、ユーザーは驚くだろうと想定はしていた

    ユーザーの反応に「完全に狼狽した」 はてなブックマーク、リニューアルの意図と背景
  • コーディングの必須ツールになりそう。ステキなCSSスタイルガイドを生成する「styleDocco」の導入とgrunt.jsでの自動化のメモ | Mnemoniqs Web Designer Blog

    プロジェクトでコーディングする時に、複数の作業者がいる場合にスタイルガイドはとても重要です。 特にスマートフォン向けのサービスでは、モジュールの共通化や画像のスプライト化がもろにページ表示速度に影響するため、より精度が高く細かいアップデートに耐えうるCSSスタイルガイドが必要になります。これをExcelPowerPointで管理していると、細かい変更の反映が大変だし、なにより見にくい。 そんな時、こちらの記事「CSSプリプロセッサでスタイルガイド」 inkdesignの中で、 スタイルガイドは”生きている”ドキュメントでなければいけない というシビレるキャッチで紹介されていた「styleDocco」というスタイルガイドジェネレータを発見。 これはなんだか良さそうだ!とプロジェクトに取り入れてみることにしたので、導入とか設定とかをメモ。 「styleDocco」ってなに? 「style

  • 1