タグ

2012年2月18日のブックマーク (5件)

  • HTML5・CSS3時代のweb制作コンセプト

    HTML5・CSS3対応のブラウザが増えてきて、制作のコンセプトも変化してきました。 プログレッシブエンハンスメントなどユーザーのブラウザ環境に焦点を置いた制作コンセプトをまとめました。 足りない知識を埋めながら書いたので一部認識が間違ってる箇所があるかも知れませんが、その場合はご指摘頂けると助かります。 Progressive Enhancement Graceful Degradation Polyfill Progressive Enhancement(プログレッシブエンハンスメント) どのブラウザでも基的な水準のユーザーエクスペリエンスを提供をし、 新しく高水準のブラウザにはCSS3やjsなどでよりリッチなデザインや機能を提供するという考えです。 またProgressive Enhancementには下記の原則があります。 基的な内容は、すべてのブラウザでアクセス可能である必要

    HTML5・CSS3時代のweb制作コンセプト
  • 「Webデザイン」とはなにか?じっくり考えてみた(2012年)

    年末年始は何かと振り返ったり考えたりするものです。 昨年後半から「webデザイン」について考えており、自分なりに出した考えを書いてみます。 タイトルに2012年を入れたのは時間と共にwebのあり方や自分の考えも変わってくることが予想されるからです。 年末年始は何かと振り返ったり考えたりするものです。 昨年後半から「webデザイン」について考えており、 自分なりに出した考えを書いてみます。 またタイトルに2012年を入れたのは 時間と共にwebのあり方や自分の考えも変わってくるので、 "今現在の考え"であることを示すために入れてます。 はじめに この記事は僕の考え方であって、それが正解とは思いませんし異なる意見があって当然だと思います。 そのくらいwebデザインという言葉の持つ意味は多様化してると思います。 読んでくれた方が「webデザイン」について考える一つのきっかけになったら良いなと、

    「Webデザイン」とはなにか?じっくり考えてみた(2012年)
  • twitter APIとjQueryでtwitter widgetを作成する

    twitterのwidgetのデザインをカスタマイズしたいのと、リプライを表示させたくないと言う理由からtwitter APIとjQueryを使ってオリジナルのwidegetを作成しました。 当ブログでは殆どデザインしてませんが、公式のwidgetに近いデザインで作成する場合の記事にしました。 twitterのwidgetのデザインをカスタマイズしたいのと、 リプライを表示させたくないと言う理由から twitter APIとjQueryを使ってオリジナルのwidegetを 作成しました。 当ブログでは殆どデザインしてませんが、 公式のwidgetに近いデザインにする場合の制作方法を書きました。 サンプル ベースはA jQuery Twitter Ticker | Tutorialzineを参考にしてます。 また複数ユーザーのツイートを表示したい場合は上記サイトが参考になります。 ソース <

    twitter APIとjQueryでtwitter widgetを作成する
  • 15秒でHTML5のテンプレを作成出来るWebツール・InitializrがTwitter Bootstrap 2にも対応した模様です - かちびと.net

    InitializrっていうHTML5のテンプレ を15秒で作成出来る(らしい)ツール があるんですが、このWebツールが、 話題のTwitter Bootstrap 2にも対応 したみたいです。人気のフレーム ワークなのでありがたいですねー。 土曜日ですし、軽い話題。15秒でHTML5のテンプレが作れる!と謳うWebサービス・・InitializrがBootstrapに対応してます。これは地味に嬉しいんじゃないですかねー。 右側になんか増えてた!Bootstrapやたら人気ですしね。こういうのは嬉しいんじゃないでしょうか?Initializrはその気になれば当に15秒で作成出来るので使うといいですよ。性能とか特徴は使って実感してください。 作ってみた 試しに15秒で支度してみました。こんな楽でいいのかな・・・LESS版も選べるので設定項目は好みで設定してくださいませ。 因みに・・・ B

    15秒でHTML5のテンプレを作成出来るWebツール・InitializrがTwitter Bootstrap 2にも対応した模様です - かちびと.net
  • 『文字/タイポグラフィ』を知る、学ぶ、見る、活用する、作る!様々な場面で役立つサイト達の大まとめ! | バンクーバーのうぇぶ屋

    今やタイポグラフィを見る、学ぶ、知る、活用する、作る。それらすべてのことが様々なサイトやツールを使って実現することが可能です。 ここ1ヶ月くらい、僕のFacebookで投稿させて頂くネタ/書かせて頂く記事の内容がタイポグラフィに偏っていたのですが、実はちょっとタイポグラフィに関するお話をさせて頂く機会があったので、ずーーっと調べていました。 それこそ、作ってみたり、動画みたり、チュートリアル見たり…あれやこれやとまぁ、よくやったわと自分で自分を褒めてみたり… とは言っても、僕はタイポグラフィを学校や専門で勉強したことは無いので、その辺りは別の人にお話頂き、僕はとにかくWEB上での活用、情報収集面に注力させて頂いたのですが、当に色々あってびっくら仰天。 とういわけで、今日はその時話しさせてもらった内容を。あーんど!僕が以前からお世話になっている物を加えてご紹介! かなり、がっつりしたボリュ

    『文字/タイポグラフィ』を知る、学ぶ、見る、活用する、作る!様々な場面で役立つサイト達の大まとめ! | バンクーバーのうぇぶ屋