タグ

u_tanukoのブックマーク (1,238)

  • レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと

    昨年2011年10月に仕事で運営に携わっている大学ウェブサイトでレスポンシブWebデザイン (しかもフル可変グリッドレイアウト) を導入して、はや半年。約6ヶ月間、レスポンシブWebデザイン(RWD)で制作したウェブサイトを運営してみて思ったことをまとめてみました。これからレスポンシブWebデザインを導入したいと考えている方の参考になれば幸いです。 プロジェクトの概要 大学のウェブサイトをリニューアルするにあたり、さまざまな状況や制限などを考慮、また、今後3〜5年を見据えて、レスポンシブWebデザインを取り入れた制作を行いました。大学公式ブログでもリニューアルについて紹介しているので、ぜひそちらもご覧ください。そこで書いたように、以下のような思いもあり、このリニューアルを行いました: 今回、新しい試みを行った背景には、このウェブサイトが「大学のウェブサイト」であることが大きな要因の一つとし

    レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと
  • 文字コードにUTF-8を使う場合、BOMを付けてはいけない理由(073) - thousand scales:とむのレポートサイト

    WEB制作においてUTF-8というと、なんだか最先端的で非常にイケてる文字コード(エンコード)というイメージがありますが(勝手な思い込みですか?)、調べてみるとなかなかやっかいでトラブルメーカーな文字コードだったりします。WEB制作の場合にBOMが不要な理由と、周辺知識をまとめました。 UTF-8には、そもそもBOMは不要な符号 BOM(Byte Order Mark)は、UTF-16、UTF-32を使用している場合に必要となる符号(マーク)です。これは必ずテキストファイルの先頭に配置されていて、テキストエディタ等で何かの表示が見えたりはしません。UTFには種類(エンディアンと呼ばれる)によってBOMが割り当てられています。UTF-16、UTF-32にはそれぞれ2種類あるので、BOMが種類を判別するためのマークとして使われ、文字化けなどの不具合が起こらないようにしましょう、というのが存在理

  • col/colgroup 要素で有効なスタイルと無効なスタイル。

    Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基スタンス。 btmup Blog 「ある列だけを改行なしにしたい」というときが結構あります。 確実なのは「その列のすべての td タグに class を付けていく」という方法ですが、あまりスマートとは言えません。 ソースの見栄え的にもいただけない感じ。 そこで、col や colgroup が使えるんじゃないかと思い、事あるごとに試していました。 が、どうしてもうまくいきません。 col と colgroup の組み合わせ方を変えてみたり、CSS の設定を工夫してみたり、いろいろ試しましたが結果は同じ。 ただ、設定したスタイルの中でも適用されるものと適用されないものがあり、その違いがよく分からないままだったので、どうもしっくりこない状態なのでした。 んで今回も似たような場面に遭遇したので改めて調べ

    col/colgroup 要素で有効なスタイルと無効なスタイル。
    u_tanuko
    u_tanuko 2012/06/11
  • 【プロ野球】ヘビのように曲がるロッテ・中後悠平のスライダー

    4月22日の西武戦でプロ初勝利を挙げた中後悠平安倍昌彦の投魂受けて~第16回 中後悠平(ロッテ) 4月30日のソフトバンク戦。先発のルーキー・藤岡貴裕を7回からリリーフした中後悠平。そのピッチングがすごかった。 3点のリードを同点にされ、すぐに1点奪ってソフトバンクを突き放した直後、取り戻した小さな流れを「確固たる流れ」にしたい場面だ。ここで、ルーキー・中後はどうしたか。 スライダー、スライダー、またスライダー。 徹底的に『切り札』で攻め続けた捕手・里崎智也もプロフェッショナルなら、懸命についていった中後もまた、『プロ』の片鱗がキラリと輝いていた。 対した打者は4人。詰まった内野安打に送りバント、明石健志、福田秀平の左打者の1、2番はスライダーの変化に目がくらんだように内野ゴロと空振りの三振。ソフトバンク打線を完全に翻弄した。 その1カ月前。3月31日に一軍初登板を果たした中後。この記念す

    【プロ野球】ヘビのように曲がるロッテ・中後悠平のスライダー
  • 日刊やきう速報@なんJ 『したたかなぐるよ健司』に続き、小谷野がエラいことになっとる件

    1:風吹けば名無し:2011/11/26(土) 22:03:57.73 ID:L9WTZkUJ 2:風吹けば名無し:2011/11/26(土) 22:04:38.85 ID:e3DO5m8P 後藤ヒカルジョン おいおいハーフか 5:風吹けば名無し:2011/11/26(土) 22:05:09.84 ID:9j/Dk9eS ウチわ誠一wwwww 【画像】西武ライオンズのロッカーがマジキチすぎると話題に 日ハム幹部「巨人はゴミ選手を引き取ってくれる」 【衝撃】高校野球放送でとんでもない放送事故 6:風吹けば名無し:2011/11/26(土) 22:05:10.44 ID:pCIPiNBk 惜しい奴が何人かいるな 9:風吹けば名無し:2011/11/26(土) 22:05:20.05 ID:HpZm7T0T マートンが羊肉になってもうた 10:風吹けば名無し:2011/

    u_tanuko
    u_tanuko 2012/05/01
    改めて見てもものすごい破壊力。涙出たw
  • 『探偵 神宮寺三郎 復讐の輪舞』初回特典が決定 ― 25周年を祝うメモリアルアイテム | インサイド

    『探偵 神宮寺三郎 復讐の輪舞』初回特典が決定 ― 25周年を祝うメモリアルアイテム | インサイド
    u_tanuko
    u_tanuko 2012/04/29
    ななななんだと!!!
  • plusvip.jp

    This domain may be for sale!

  • 一番笑った野球記事の誤植って何? : ガハろぐNewsヽ(・ω・)/ズコー

    2010年の日シリーズの記事にあったやつ 中日が過去6年間で千葉マリンでは4勝1010敗、そのうち4敗が渡辺俊介という奴

    一番笑った野球記事の誤植って何? : ガハろぐNewsヽ(・ω・)/ズコー
    u_tanuko
    u_tanuko 2012/04/08
    やはり何度見ても笑いをこらえられないw
  • ayacnews2nd.com - このウェブサイトは販売用です! - ayacnews2nd リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    ayacnews2nd.com - このウェブサイトは販売用です! - ayacnews2nd リソースおよび情報
  • 【速報】 あの『ブリトラ (ブリーフ&トランクス)』が再結成 - ゴールデンタイムズ

    1 :デニウ損φ ★ :2012/03/13(火) 21:56:16.48 ID:???0 2000年に解散した伊藤多賀之と細根誠からなるフォークデュオ、 ブリーフ&トランクスが今年の夏に再結成することが発表された。 これは伊藤多賀之のオフィシャルサイトに掲載された、 緊急記者会見と題したYouTube動画で発表されたもの。 伊藤はこの映像の中で「デビュー曲『さなだ虫』をはじめとして、 『青のり』『ペチャパイ』『小フーガハゲ短調』などで 多くの人々を不快な気持ちにさせたまま12年前に突然 解散してしまい当に申し訳ございませんでした」と謝罪し、 再結成の理由として細根は 「僕は花屋をやってるんですが、花屋は夏はヒマなんですよね」と説明している。 再結成ライブは7月21日に東京・Shibuya O-EASTで開催。 このライブはブリトラのキャリアの中でも初のワンマンとな

    u_tanuko
    u_tanuko 2012/03/13
    ななななんだってーーー!!!
  • 漢字が使えるフリーの和文フォント242種類をまとめてみた。 - buena suerte!

    自分用にまとめのまとめみたいな感じです。 同じフォントでも、等幅、プロポーショナル、太さの種類が複数ある等々のものは、どれも同種としてカウントしたつもりです。ただ、漢字部分は同じで、ひらがなカタカナ部分だけ違うとか、英数字部分だけ違うとか、微妙な違いのフォントがあるので、似たようなのがカウントされてたりするかもしれない。 それでも、かなり古いものから、定番もの、最近リリースされたもの、最近更新されたものまで、まともに使えないのもあるけど、単純にリストの数かぞえたら、番外編抜いても242種類もありました。多すぎて整理できてないのはあれですが。 自分なりに注釈付けてますけど、間違いがあるかもしれないんで、(特に商用)利用する前には、必ず規約やライセンス、付属のテキストをよく確認して下さい。また、ライセンス上無保証であるものも多いので、いずれも自己責任での利用をお願いします。 2012/02/1

  • ayacnews2nd.com - このウェブサイトは販売用です! - ayacnews2nd リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    ayacnews2nd.com - このウェブサイトは販売用です! - ayacnews2nd リソースおよび情報
  • 『ゲリラガーデニングが小さくて可愛いすぎるっ☆』

    光を当てると浮かび上がる影アートBlog不自然なおもちゃの集合体かと思ったら、、、 光を当てた時だけ見える影アートだった!!! 〜と、言うような影アートを製作してます♪ 道端に緑の物体が… …ってよく見たら テニスコートでした!!!笑 街中にコンクリートの窪みや隙間を見つけては、この「小さな庭」 を植え、 あちこちに置いていくゲリラ・ガーデニングがイギリスで流行しています! めっちゃくちゃ可愛いですよね こんなの道端で見つけたら、忙しい朝でも立ち止まって見いってしまいそうです こちらはイギリス東部に住むスティーヴ・ウィーン(Steve Wheen)さんによる作品です ↑なんて、可愛いんでしょう!!(´∀`) この道路渡りたいなっ笑 ミニチュアってだけでも可愛いですけど、 こうやって無機質な道路にカラフルな花や緑を植えるって事が 素敵ですよね こういうのが、もっと街中に溢れてたら、 そんなに

    『ゲリラガーデニングが小さくて可愛いすぎるっ☆』
  • キャッチャーライナー:達川がまた名文章を書き上げた件

    2012年02月13日 達川がまた名文章を書き上げた件 1 名前:風吹けば名無し[] 投稿日:2012/02/12(日) 23:56:26.95 ID:VfNGYTwg 三村さんを訪ねると、先輩は部屋におられた。挨拶すると三村さんはこう言われた。 「 せっかく来たんだから、達川。 バット振ってみろ 」 そこでワシは、先輩のバットを借りると思いっ切り振ってみせた。 問題はこの後なんよ・・・・。 今も忘れることが出来ない。 ホンマ、厳しい一言を頂いた。 三村先輩は、ワシのスイングを見ると 「 フーッ 」とため息をついた後で・・・・、悲しそうに、こう言われた「 何でお前、プロに入ってきたんだ? 」 何でって?・・・、「 ドラフトで指名されたからじゃないですか・・・ダメだったですか? 」 って言いたいけど、そんなん言えるわけもなく、黙っていると・・・。  三村さんは更に衝撃発言を続けたんよ。 「

    u_tanuko
    u_tanuko 2012/02/13
    読ませるねぇ。
  • 画像を使わないでCSS3のグラデーションでスマートフォンサイトの背景パターンをつくろう | HTML5でサイトをつくろう

    スマートフォンサイトを制作する上で重要となる「最適化」。 PCサイトとは違い、外出先や移動中などに見られる機会が多いスマートフォンサイトでは、できるだけ容量を抑えて通信速度を上げ、サクサクと閲覧できることがもとめられます。 スマートフォンサイト最適化のためには様々な方法がありますが、できるだけ使用する画像の容量を減らすこともその一つです。 今回は、スマートフォンサイト制作に便利な、CSS3のグラデーションを使った背景パターンの作り方を紹介します。 ※CSSではスマートフォンサイト向けにwebkitの記述のみを使用しておりますので、サンプルページはスマートフォンのブラウザかSafari、Chromeで閲覧ができます。 CSS3のグラデーションを使ったパターンの作り方 CSS3のグラデーション機能を使うと、様々なグラデーションを作ることができますが、 一見グラデーションには見えないような単色の

    画像を使わないでCSS3のグラデーションでスマートフォンサイトの背景パターンをつくろう | HTML5でサイトをつくろう
  • 消えたプロ野球選手「あれからの人生」 輝きは一瞬だったかもしれない。しかし、確かにあの時、輝いたのだ・・・ | スポーツ | 現代スポーツ | 現代ビジネス [講談社]

    消えたプロ野球選手「あれからの人生」 輝きは一瞬だったかもしれない。しかし、確かにあの時、輝いたのだ・・・ カークランド、シピン、ボブ・ホーナー、クライド・ライト、ブライアントら助っ人たち。高井保弘、吉田孝司、外木場義郎ら、地味な実力者たち。赤嶺賢勇、源五郎丸洋、藤沢公也ら、苦しんだ男たち・・・・・・ほか スポットライトを浴びるのは一瞬のこと。多くの場合、その後の人生は下り坂になる。かつての栄光が苦痛の種に変わることもある。人生は思い通りにはいかない。それは彼らも同じである。 日を揺るがした外国人助っ人たち 「日についてはいい思い出しかありません。長嶋、王、川上、みんなグレートでした」 ヒッピーのような長髪に顔全体を覆うような髭。'72年、異様な風貌のアメリカ人が大洋ホエールズに入団した。当時の人気特撮番組にちなんで「ライオン丸」の愛称で親しまれた二塁手、ジョン・シピン(現在65歳)で

    消えたプロ野球選手「あれからの人生」 輝きは一瞬だったかもしれない。しかし、確かにあの時、輝いたのだ・・・ | スポーツ | 現代スポーツ | 現代ビジネス [講談社]
  • モリサワのクラウドフォントサービス「TypeSquare」2/22開始 年内無料のキャンペーンも - はてなニュース

    モリサワは、ネットを介してフォントを配信するクラウドフォントサービス「TypeSquare(タイプスクウェア)」 を2月22日(水)に開始します。サービス開始時には、モリサワが提供するフォントのうち154書体を利用できます。 ▽ ニュース - フォント関連情報 | 企業情報 | 株式会社モリサワ ▽ モリサワ、書体をWebフォントとして利用できる「クラウドフォントサービス」発表 - はてなニュース クラウドフォントは、パソコンにインストールされていないフォントでもブラウザ上に表示できる技術です。TypeSquareは、専用HTMLタグを挿入し、スタイルシートでフォントを指定するだけで利用可能です。テキスト情報は失われないので、Webサイトの検索に対応できるほか、自動翻訳や音声読み上げといった機能と連携できます。 サービス開始に先駆けて、ページビュー(PV)の上限に合わせたTypeSquar

    モリサワのクラウドフォントサービス「TypeSquare」2/22開始 年内無料のキャンペーンも - はてなニュース
  • Development | Nulab (Japanese)

    ヌーラボでパスキーを導入したって言ってるけど、パスキーって何ですか? ヌーラボでパスキーを導入したって言ってるけど、パスキーって何ですか? nulab Playwright を使ってテストデータ作成を自動化した話 Playwright を使ってテストデータ作成を自動化した話 nulab Vite+Vitest+Ladleで快適フロントエンド開発 Vite+Vitest+Ladleで快適フロントエンド開発 nulab Jotaiで快適フロントエンド開発 Jotaiで快適フロントエンド開発 nulab 依存関係が複雑なタスクの着手順序を Backlog とスプレッドシートで簡単にわかるようにする 依存関係が複雑なタスクの着手順序を Backlog とスプレッドシートで簡単にわかるようにする nulab AngularJS を Angular に移行する際に必要だった作業 typetalk 数年

    Development | Nulab (Japanese)
  • お前らにチーズケーキの作り方教えるwww : 妹はVIPPER

    1:以下、名無しにかわりましてVIPがお送りします:2012/01/28(土) 01:05:59.89 ID:FS+pSxSS0 需要あればな 3:以下、名無しにかわりましてVIPがお送りします:2012/01/28(土) 01:06:38.96 ID:0p2UGDiJ0 ある 5:以下、名無しにかわりましてVIPがお送りします:2012/01/28(土) 01:07:58.65 ID:94XA0l020 お願いします 6:以下、名無しにかわりましてVIPがお送りします:2012/01/28(土) 01:08:14.04 ID:FqGd0e7u0 頼む 8:以下、名無しにかわりましてVIPがお送りします:2012/01/28(土) 01:08:20.52 ID:FS+pSxSS0 よし いい子たちだな 9:以下、名無しにかわりましてVIPがお送りします:2012/01/28(土) 01:0

    お前らにチーズケーキの作り方教えるwww : 妹はVIPPER
    u_tanuko
    u_tanuko 2012/01/28
    あーあ…w
  • 選挙:元関脇が地元の議会選挙で出馬へ/青森 - 毎日jp(毎日新聞)

    板柳町出身の元関脇追風海(はやてうみ)関(36)=名・斉藤直飛人(なおひと)さん=が、2月14日告示、19日投開票の同町議選に出馬する意向を固めた。25日にはあいさつ回り先で、帰省中だった同郷の1年後輩、高見盛関に出会い、「相撲取りが議会に出ることはうれしい。頑張れ」と励まされた。 追風海は98年春場所が初土俵、最高位の関脇まで登った。だが、けがで06年初場所で引退。09年に郷里板柳へ戻り、現在は警備会社に勤務している。 立候補は「最近ずっと考えていた。町財政が苦しい中、これからを背負う若い人に選挙と政治に関心を持ってもらうため決意した」と動機を説明。 現役時代は「八艘(はっそう)跳び」の奇襲で知られたが、「相撲などスポーツ振興と体力づくりに取り組みたい」と正攻法で臨む抱負も。選挙では「追風海直飛人」の名で届け出るという。【松山彦蔵】

    u_tanuko
    u_tanuko 2012/01/26
    追風海懐かしい…。