タグ

2013年3月26日のブックマーク (41件)

  • 【CSS】リンク関連擬似クラス(テキストリンク)は複数設定可能なので訪問済み+マウスオーバーも設定できる | バシャログ。

    今週末は地域のつき大会、つくことよりべることに専念しようと思っているishida です。やっぱ、つきたてのはあんこにかぎるよねっ! とある案件にて、ほぇー。知らなかったわーとなったのでメモメモ。 :link 、:visited、:hover、:activeとテキストリンクに関連する疑似クラスがありますね。 この擬似クラス、複数設定することも可能でしたので簡単にご紹介。 まずはおさらいってことで、上のようなテキストリンクがあるとします。 CSSを記述すると以下のようになります。 a:link { /* 通常テキストリンク */ color: #0066FF; text-decoration: underline; } a:visited { /* 訪問済みテキストリンク */ color: #800080; text-decoration: underline; } a:hover {

    【CSS】リンク関連擬似クラス(テキストリンク)は複数設定可能なので訪問済み+マウスオーバーも設定できる | バシャログ。
    typista
    typista 2013/03/26
    ぽけったー 【CSS】リンク関連擬似クラス(テキストリンク)は複数設定可能なので訪問済み+マウスオーバーも設定できる
  • 光から移動まで、すべてCSSで作る光るアニメーション

    ゲーム型キャンペーンサイト「URBAN RESEARCH Christmas 2011」 意匠部ME課あらため、HTMLファイ部所属となった比留間です。 今回は、先日リリースした「アーバンリサーチ」のキャンペーンで 「アーバンサンタ」からのプレゼント、というサイト制作に携わりました。 簡単にキャンペーンの概要を説明すると、Webとアーバンリサーチの店舗が連動して先着でクリスマス限定のキャンドルをもらえるというキャンペーンです。 内容はサイト内に隠されたプレゼントボックスを見つけ出して、それをアーバンサンタにおねだりする、 というとてもシンプルなゲーム型キャンペーンサイトになっています。 さらに抽選でおねだりした商品がもらえるので、ぜひぜひ参加してみてください。 さて、今回この記事でご紹介したいのは、 このキャンペーンサイトで使用した「CSSで作る光のアニメーション」の作り方を 簡単に説明し

    typista
    typista 2013/03/26
    ぽけったー 光から移動まで、すべてCSSで作る光るアニメーション
  • ボタン画像を使わずにCSS3でふんわり光るロールオーバーを作ってみる | Webデザインモア(Web Design More)

    しばらく更新が滞っておりましたが、久々に更新再開致します。さて、各ブラウザも HTML5 や CSS3 に対する対応が進んできていて、大手企業のウェブサイトなどでも積極的にこれらを取り入れる傾向が強まりつつあります。そんな中、CSS3 を敬遠してきた方々が気軽に入っていけるコンテンツを書けたらと以前から思っており、今回はその初回としてロールオーバーを題材にして CSS3 に軽く触れてみたいと思っております。 CSS でふんわり光るロールオーバーを作る まずは、ボタンを div 要素で普通にコーディングしてみる CSS でボタンをコーディングしてみる CSS3 を使って、まずは輪郭を角丸にしてみる ボタンに影をつけてみる 文字に影をつけてみる リンクのテキストの前に ≫(矢印)をつけてみる マウス hover 時にボタンの光を強めてみる マウス hover 時に文字の光を強めてみる マウス

    ボタン画像を使わずにCSS3でふんわり光るロールオーバーを作ってみる | Webデザインモア(Web Design More)
    typista
    typista 2013/03/26
    ぽけったー ボタン画像を使わずにCSS3でふんわり光るロールオーバーを作ってみる
  • CSS3を使ってできる画像まわりのエフェクトやスタイリング18

    CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 ※ 2/24 「2. めくれた風」を書き忘れていたので追記しました 目次 1. シャドウ 2. めくれた風 3. トイカメラ風トンネル効果 4. カラー調整 5. 回転 6. 角丸 7. 楕円のフレーム 8. 円のフレーム 9. 三角形フレーム 10. 重なった風 11. ぼかし 12. フェード(シャドウ編) 13. フェード(グラデーション編) 14. 反射 15. リボン 16. 差し込んだ風 17. フレームだけを傾ける 18. 半透明フレーム まとめ ※ 実際の表示はこちらから確認できます。 ※ この記事で掲載しているCSSは、シンプルにするためにベンダープリフィックスを付けていません

    CSS3を使ってできる画像まわりのエフェクトやスタイリング18
    typista
    typista 2013/03/26
    ぽけったー CSS3を使ってできる画像まわりのエフェクトやスタイリング18
  • MdN Design|総合情報サイト

    01 text-shadow プロパティは「textshadow:X方向の距離、Y方向の距離、ぼかしの距離、影の色」の順に指定する。現在、FirefoxとGoogle Chromeではベンダープレフィックスなしで使用できる。まず、文字に単純なドロップシャドウをつけてみる【1-1】。コードは【1-2】だ。 【1-1】X方向とY方向10ピクセルの距離に影をつけた 【1-2】この後複数のタイポグラフィをつくっていくので、h1に共通のスタイルを指定しておく 02 X方向とY方向の距離を0にして、ぼかしの距離のみを指定すると、いわゆるグロ ー(光彩)を表現できる【2-1】【2-2】。写真等の上に文字を載せるときに、背景色にとらわれず文字を見やすくすることができる。この場合はRGBAのアルファ値の設定を併用するとより自然な表現になるだろう(アルファ値についてはLesson10にて解説。乞うご期待!)。

    MdN Design|総合情報サイト
    typista
    typista 2013/03/26
    ぽけったー Lesson 06 text-shadowでつくる美しいタイポグラフィ - HTML5+CSS3 次世代Webコーディングの超・最新動向・CSS3編 - MdN Design Interactive
  • Media Queries (W3C Recommendation 19 June 2012)

    Media Queries Level 3 W3C Recommendation, 21 May 2024 More details about this document This Version: https://www.w3.org/TR/2024/REC-mediaqueries-3-20240521/ Latest Version: https://www.w3.org/TR/mediaqueries-3/ Latest Editor Version: https://drafts.csswg.org/mediaqueries-3/ Previous Version: https://www.w3.org/TR/2022/REC-mediaqueries-3-20220405/ History: https://www.w3.org/standards/history/media

    typista
    typista 2013/03/26
    ぽけったー Media Queries
  • matchMedia · jsPerf

    typista
    typista 2013/03/26
    ぽけったー matchMedia · jsPerf
  • 1216彩票-官网平台

    您不具备使用所提供的凭据查看该目录或页的权限。 请尝试以下操作: 如果您认为自己应该能够查看该目录或页面,请与网站管理员联系。 单击刷新 按钮,并使用其他凭据重试。 HTTP 错误 401.1 - 未经授权:访问由于凭据无效被拒绝。 Internet 信息服务 (IIS) 技术信息(为技术支持人员提供) 转到 Microsoft 产品支持服务 并搜索包括“HTTP ”和“401 ”的标题。 打开“IIS 帮助”(可在 IIS 管理器 (inetmgr) 中访问),然后搜索标题为“身份验证”、“访问控制”和“关于自定义错误消息”的主题。

    typista
    typista 2013/03/26
    ぽけったー window.matchMediaを使ってMedia QueriesをJavaScriptで操作してみる
  • 【Android爆発願】メディアクエリの特性を疑似要素(::after)とJavaScriptで取得するのは危険 | MJ-WAVE.COM

    流行りのレスポンシブウェブデザインですが、効率のいい実装方法はないかと日々探しています。今回はjavascriptで条件分岐とかしたい時のおはなし。 こちらの記事(英語)を参考に疑似要素(::after)とcontentプロパティを使って簡単に条件分岐できるやーん!っていうのをやってみたんだけど、これダメだ全然使えません。 いや、使えるんだけどね。考えた人はすげぇ天才!って思うんだけど、何がダメってAndroid(2.3〜4.0.3)がクソすぎた。 参考記事に書いてあるやり方をiPhoneで動くように修正すると以下。 CSS @media only screen and (max-width: 640px) { html::after { content: 'x-small'; display: none; } } document.defaultView.getComputedStyle

    typista
    typista 2013/03/26
    ぽけったー 【Android爆発願】メディアクエリの特性を疑似要素(::after)とJavaScriptで取得するのは危険
  • Installing swank.js - Carpe diem (Felix's blog)

    People say that emacs is the most extendable editor in the world; however, I didn’t really understand how powerful it is until one of it extension Swank.js blowed my mind. Take a look at this awesome screen cast produced by emacs rocks. Awesome, is it? However, installing swank.js is really nontrivial. As a result, I want to share my note on setting up swank.js on my machine. System information Ma

    typista
    typista 2013/03/26
    ぽけったー Installing swank.js
  • TypeScript0.9alphaをNode+Gruntで使うよ

    Swift is the best programming language you should learn and make your dream app easily. Swift programming is a powerful yet easy-to-learn coding language created by Apple. It's frequently used for developing iOS and macOS applications, as well as tvOS and watchOS apps. While you can use other languages to create Apple apps, Swift is the preferred language, and it's recommended because its code is

    typista
    typista 2013/03/26
    ぽけったー Mocha + Testem + HTMLCov 出来るようにする
  • 公開前の情報がネット流出、重大ミス防ぐ「5カ条」 - 日本経済新聞

    増資や決算情報といった上場企業の公開前の重要情報がインターネット上で複数の投資家に閲覧されていたことが先週、明らかになった。この事態を受け、東京証券取引所はウェブサイトで情報を公開する時のセキュリティー対策や掲載手順などを徹底するため、上場企業約2300社を対象にアンケート調査に乗り出した。今後は東証や金融庁が協力し、「適切な手順を徹底しない、もしくは回答のない企業に対しては個別に対応していく」

    公開前の情報がネット流出、重大ミス防ぐ「5カ条」 - 日本経済新聞
    typista
    typista 2013/03/26
    ぽけったー 日本経済新聞社について
  • 思わず触りたくなるiOSのUIデザイン - RyoAnna

    ユーザーインターフェイスが洗練されているアプリは、使っていて気持ちいい。ボタンの形、配置、配色、画面の遷移、アニメーション。これらのデザインと機能がマッチすると、多くの人に受け入れられるアプリになる。 今回はiOS、特にiPhoneUIデザインを紹介したい。どれも触りたくなるものばかりだ。 Qiwy iOS/iPhone app curl test by Mikael Eidenberg UX/iOS/UI iPhone idea with video process by Cuberto Qiwy iOS/iPhone app switch and slider by Mikael Eidenberg Untitled iOS/iPhone synth app navigation by Mikael Eidenberg Iphone UI by Matthias Mayr Busin

    思わず触りたくなるiOSのUIデザイン - RyoAnna
    typista
    typista 2013/03/26
    ぽけったー 思わず触りたくなるiOSのUIデザイン
  • 俺のFUD広告フォルダが火を噴くぜ | 狼は生きろ、豚は死ね、猫はコタツで丸くなれ

    こりゃ、ほたえな でサントリーウエルネスの広告の不愉快さが紹介されていて面白かった。やっぱりみんな気になっていたんだ。 [blackbirdpie url=”https://twitter.com/suchi/status/65431369240686592″] 私がこう書いたのは2年前で、そのときすでに「ここ数年」と書いているので、個人的にFUD広告と呼んでいるこのスタイルはけっこう長く続いていることになる。特にサントリーの画像にかぶせたセリフ風のコピーが、心が痛むものだったり、故意にきわどさを連想させるものになったことに加え、タイトルの下のより目立つところに表示されるようになって不愉快さが閾値を超えた感がある。タイトル下の大きな場所のクリック率が高いというのはここ1-2年で常識になったみたいだ(このへん参照→ 大手ブログが採用する鉄板の広告位置)。しかし広告収入がキモだとはいえ、雑誌で

    俺のFUD広告フォルダが火を噴くぜ | 狼は生きろ、豚は死ね、猫はコタツで丸くなれ
    typista
    typista 2013/03/26
    ぽけったー 俺のFUD広告フォルダが火を噴くぜ
  • TSUTAYAとゲオ泥沼競争の果てに…ビデオレンタル業界がヤバイ!

    サイトでも既報の通り、レンタルビデオチェーン最大手のTSUTAYAが、独占戦略を強化している。 『批判殺到! 『スパイダーマン』新作がTSUTAYA独占のワケ』 『TSUTAYA、独占レンタルを倍増…ゲオの150円に高値戦略で対抗?』 現在、80円、50円といった低料金を打ち出すGEOとの価格競争が泥沼にはまりこんだTSUTAYA。この状況を打開するための戦略の一つとして『アメイジング・スパイダーマン』など、人気タイトルのレンタルを独占。これによって下落するレンタル価格を維持したい考えだ。こうしたTSUTAYAの動きに対して、横浜でビデオレンタル店「ファレノ」を経営するヤタ企画・矢田公司氏が待ったをかけている。昨年、TSUTAYAの『アメイジング〜』独占レンタルを差し止めるために訴訟を起こした原告団の一人だ。 「ソフトメーカーであるソニー・ピクチャーズエンタテインメント(SPE)が、『

    TSUTAYAとゲオ泥沼競争の果てに…ビデオレンタル業界がヤバイ!
    typista
    typista 2013/03/26
    ぽけったー ビジネスパーソンに送るニュース情報サイト ビジネスジャーナル ⁄ Business Journal
  • au、iPhone5を一括0円で購入して月々3円で契約する時の注意点。 : まめストリート・ジャーナル 〜無料で情報が買える唯一の新聞〜

    2013年03月23日16:30 by tkfire85 au、iPhone5を一括0円で購入して月々3円で契約する時の注意点。 カテゴリ管理人 雑談 tkfire85 ・au、iPhone5を一括0円で投げ売りへ 最低維持費も毎月わずか3円で祭り開始 | すまコジ はてブでauのiPhone5がMNPで一括0円で売られている、という話が話題になっていました。新型iPhone5の前触れか?だったり、auは既存のiPhoneユーザーを軽視している。といった批判まで様々でした。たぶん、iPhone5も新型が発売されれば投げ売りは必須だと思いますが、今回の記事で紹介するのは、冒頭の記事で紹介されている。最安、月々3円で運用できるという事についてです。 確かに、「ウェルカム割り」を使って、パケットを変動型にすると、月々3円で運用は可能です。料金明細をネットに移行すれば、実質、ほぼ0円で運用する事も

    au、iPhone5を一括0円で購入して月々3円で契約する時の注意点。 : まめストリート・ジャーナル 〜無料で情報が買える唯一の新聞〜
    typista
    typista 2013/03/26
    ぽけったー au、iPhone5を一括0円で購入して月々3円で契約する時の注意点。
  • iPhone 5Sと第5世代iPadが6月29日のスペシャルイベントで発表? - 海外報道

    Appleが次期iPhoneとなるiPhone 5Sと第5世代iPadを6月29日のスペシャルイベントで発表するとgizmoratiが報じた。初代iPhoneの発売日がイベント開催日に当たると伝えた。 gizmoratiによると、スペシャルイベントの名称は"Original Passion, New Ideas"で、gizmoratiが得たAppleの内部情報として伝えており、イベントはカリフォルニア州クパチーノにあるApple社で行われるだろうとリポートした。 ただ、6月にはAppleの開発者向けカンファレンスWWDCが開催されることが多く、WWDCがことしも6月に開催されるのであれば、ひと月の間に2つのイベントを区別して開催する意味がどこにあるのかもわかりにくい。WWDCでは過去にiPhone 3G/3GS/4が発表されており、同カンファレンスで発表されてもおかしくはないからだ。

    iPhone 5Sと第5世代iPadが6月29日のスペシャルイベントで発表? - 海外報道
    typista
    typista 2013/03/26
    ぽけったー マイナビニュース
  • 可愛いアイテム探しゲームで遊んで気づく、デザインの奥深さ。 - Gadget Girl

    little things forever というiPhoneゲームが可愛くて気に入りました! 線のない塗りだけのイラストが好きなんですよね。子ども向けの絵やおもちゃによくあるやつです。 遊んでいたら、人間の知覚についての気づきがあったので書いてみたくなりました。 ゲームをはじめましょう。 little things forever はいわゆるアイテム探しゲーム。トリケラトプスだと思っていたら、それは小さなアイテムの集合体だった! ピンチアウトで拡大もできちゃう。ここまで拡大するとトリケラトプスだったことももうわからない… 右上に書かれているアイテムを探してくださいね。わからなくなったらヒントを使ってみます。ペンキブラシあった! 人間がモノを識別する手がかり「色」 たくさんのアイテムの中から、目的のモノを見つけるこのゲーム。しばらく遊んでいると、イラッとすることがあります。 「ハクチョウ

    可愛いアイテム探しゲームで遊んで気づく、デザインの奥深さ。 - Gadget Girl
    typista
    typista 2013/03/26
    ぽけったー 可愛いアイテム探しゲームで遊んで気づく、デザインの奥深さ。
  • マリッサ・メイヤーの在宅勤務禁止令に対する、ヤフー社内での反応を教えてください。 - Knoh (ノウ) | The Knowledge Hub

    私は米ヤフーにかれこれ4年勤めているのですが、とりあえず言えるのは、あの会社は今でも大掃除が必要で、マリッサは今まさに取り組んでいるということです。なので、私はポリシーに変更がなされて嬉しいと感じています。 多くの人はさまざまな憶測によってミスリードされています。もし子どもが病気になった場合は家で仕事をしてもいいし、上司も同僚も納得してくれます。 ポリシー変更が影響を及ぼすのは、恒久的に自宅で仕事している社員たちです。 変化と成功と復活を遂げるためには、すべての人間が集まり、ミーティングやアイデア共有の場に参加する必要があります。 人々は、「Googleの例を見ろ、社員に自宅から仕事をさせているじゃないか」と言って反論します。私は逆に「Googleの損益を見たことがあるか?」と聞きたい。Googleはものすごく稼いでいます。 私たちは社内の強化のために戦っています。会社に来てプロジェクト

    typista
    typista 2013/03/26
    ぽけったー マリッサ・メイヤーの在宅勤務禁止令に対する、ヤフー社内での反応を教えてください。
  • JavaScriptを使ったリアルタイムA/Bテスト·Abba MOONGIFT

    AbbaはJavaScriptを使ったUIのA/Bテストを行うソフトウェアです。 Webサイトの良いところは変更コストがとても小さい所にあると思っています。ちょっとしたテストを行うのが簡単で、戻すのもそれほど難しくありません。そこでWeb上でA/Bテストを行う際に遣ってみて欲しいのがAbbaです。 管理画面です。この右側に出ているコードを実行することでA/Bテストを行えます。 測定結果はリアルタイムに反映されます。 Aの方が反応が良いといった結果が簡単に分かります。 Abbaの仕組みとしては、A/BそれぞれについてJavaScriptを実行します。例えばボタンの配置を変えたり、CSSのクラスを変えて見た目を変更できます。そしてその結果クリックなどのイベント対してテストが完了したというアクションを実行する仕組みです。 AbbaはRuby製、MIT Licenseのオープンソース・ソフトウェア

    JavaScriptを使ったリアルタイムA/Bテスト·Abba MOONGIFT
    typista
    typista 2013/03/26
    ぽけったー JavaScriptを使ったリアルタイムA/Bテスト「Abba」
  • ゲームデザイン手段目的分析シートおよびマニュアルを公開します

    この記事の所要時間: 約 1分30秒 事情により少し遅れてしまいましたが、Ludix Lab主催の東京大学にて開催された「デジタルゲームの面白さ分析ワークショップ」時にも利用し、日デジタルゲーム学会(DiGRA-J) 2012年次大会(九州大学)でも発表を行いました 「ゲームデザイン手段目的分析シート」および「分析シート単独利用時の手順マニュアル」 を公開致します。 シートおよびマニュアルは下記よりダウンロードできます。 ゲームデザイン手段目的分析シートおよびマニュアル (約1.4MB) ( 2013/03/23版 シート ver 1.3.1 ) 来は分析の背景になる考え方を理解してからのほうが何故このようなシートになっているかが分かり、より深く分析ができると思うのですが、そちらはまとめるのに時間がかかってしまいそうなので先にシート(原紙とサンプル)およびマニュアルを公開します。 また

    typista
    typista 2013/03/26
    ぽけったー ゲームデザイン手段目的分析シートおよびマニュアルを公開します
  • iPhone5を岩や水中に投げても壊れない米軍ミルスペック準拠の保護ケース - 週アスPLUS

    驚異的すぎる性能を備えた、タフなiPhone5用保護ケース。米軍の物資調達規格『MIL-STD-810G』に準拠したタフ構造で、衝撃からiPhone5を強固にガードする。耐衝撃性以外にも、水深2メートルまでの防水性能、IP68準拠の防塵性能、2トンの耐荷重性能を持ち合わせ、過酷な使用環境でも安心して使うことができる。カラーはグレー×ライム、ホワイト×ブルー、グレー×オレンジと、ミリタリー調の3色を用意。

    iPhone5を岩や水中に投げても壊れない米軍ミルスペック準拠の保護ケース - 週アスPLUS
    typista
    typista 2013/03/26
    ぽけったー iPhone5を岩や水中に投げても壊れない米軍ミルスペック準拠の保護ケース
  • iOS AppStoreでリリース9日でランキング無料1位/10万DLまで到達した時の話。 | Serial Experiments "ONE of THEM,Inc." / 武石幸之助はかく語りき

    iOS AppStoreでリリース9日でランキング無料1位/10万DLまで到達した時の話。 | Serial Experiments "ONE of THEM,Inc." / 武石幸之助はかく語りき 【2013年3月25日 追記】すみません。リリース14日で20万DLいっておりました。 ーーー【ここから来の記事】ーーー ブログの更新が遅くなってしまって、恐縮です。武石です。 さて、既にご存知の方も多いかとおもいますが、2013年3月11日に弊社から新作「GotchaWarriros」がAppStoreに先行でリリースされました。(Androidの皆様、もう少々お待ちください!) ガチャウォリアーズ https://itunes.apple.com/jp/app/id594480902?mt=8 巷はアプリマーケットの大戦争ランキング界王拳とか並み居る強豪が集うカサンドラのような市場のな

    iOS AppStoreでリリース9日でランキング無料1位/10万DLまで到達した時の話。 | Serial Experiments "ONE of THEM,Inc." / 武石幸之助はかく語りき
    typista
    typista 2013/03/26
    ぽけったー iOS AppStoreでリリース9日でランキング無料1位/10万DLまで到達した時の話。|Serial Experiments "ONE of THEM,Inc." / 武石幸之助はかく語りき。
  • ソートやフィルタにも対応したレスポンシブなテーブル·FooTable MOONGIFT

    FooTableはレスポンシブなテーブルデザインを行うライブラリです。 レスポンシブWebデザインにおける最大の難関はテーブルかも知れません。PCならば幅広く表示できたカラムがスマートフォンではうまく表示しきれません。そこで使い勝手を維持しつつ見栄えもいいテーブル表示にFooTableを使ってみましょう。 PCで表示したテーブル。 スマートフォン向けに縮めた場合。+記号が表示されています。 +記号をクリックすると、追加情報が表示されます。 HTMLを組み合わせた行。 こちらでもスマートフォンで表示できます。 タブレットでも調整されて表示されます。 ソート機能版。 もちろんスマートフォンでもソートが使えます。 フィルタリング。インクリメンタルに適用されます。 PCでももちろん使えます。 ソートとフィルタリングは同時に使えます。 FooTableを使う際にはタブレットやスマートフォンで表示する

    ソートやフィルタにも対応したレスポンシブなテーブル·FooTable MOONGIFT
    typista
    typista 2013/03/26
    ぽけったー ソートやフィルタにも対応したレスポンシブなテーブル「FooTable」
  • บาคาร่าออนไลน์ Baccarat99 เว็บตรง ทางเข้าสมัครสมาชิก ฟรี 300

    ท้าทาย เพิ่มเติมประสบการณ์ รวมไปถึงลุ้นเงินรางวัลได้อย่างมีอิสระ บาคาร่า99 ทางเลือกที่จะเข้ามาเติมเต็มให้กับนักพนันทุกคนอย่างทั่วถึง สำหรับคนทั่วไปที่มีความสนใจตัวเกมพนันออนไลน์ อยากจะให้เริ่มต้นกับทาง บาคาร่า99th ที่มีการเน้นบริการเกมพนันยอดนิยมระดับโลกอย่าง Baccarat เกมพนันที่กลายมาเป็นอันดับที่ 1 สามารถครองใจนักพนันไปทั่วโลก เนื่องจากว่าขึ้นชื่อว่าเกมพนัน จะต้องง่ายและหลากหลาย สามารถตอบสนองทั้ง

    บาคาร่าออนไลน์ Baccarat99 เว็บตรง ทางเข้าสมัครสมาชิก ฟรี 300
    typista
    typista 2013/03/26
    ぽけったー 無理ゲーとしてのブログ
  • Respond.jsとレスポンシブWebデザインをめぐるベストプラクティス議論 | ゆっくりと…

    2012年2月、Modernizr 2.5 の カスタム・ビルダー から Respond.js が外されました。理由は、HTML5 Boilerplate (以下 H5BP) コミュニティでの決定です。Respond.js は、IE8 以下などのメディアクエリ未対応なブラウザにもその代替え機能を提供するスクリプトで、レスポンシブ Web デザイン を支えるスクリプトとして、H5BP に長らく (8ヶ月) 採用されてきた経緯があります。 ではなぜ、Respond.js は外されたのでしょう? 今回は、その決定を下した長~い議論 Issue #816: Revert mobile-first media queries and remove respond.js から、ベスト・プラクティスの要点と、Paul Irish の考える H5BP の理想像を読み解いてみたいと思います。 ヘタクソで読み

    typista
    typista 2013/03/26
    ぽけったー Respond.jsとレスポンシブWebデザインをめぐるベストプラクティス議論
  • www.さとなお.com(さなメモ): シャープやパナソニックやソニーの凋落を、広告人や広告会社はもっと恥じるべきじゃないかな

    最近、広告人と話すとき、「シャープやパナソニックやソニーの凋落をどう思うか」と話題を振ってみることがある。 そして少し絶望的な気分になる。 誰もそのことを恥じていないからだ。 少なくともボクが話した人たちはピンと来ていなかったし、積極的に恥を感じている人に会ったことはない。 「おかげで広告の売り上げが下がったよ」と嘆く人が多いし、客観的に(他人事みたいに)各社の戦略ミスや製品の開発姿勢などを批判する人すらいる。 まぁわかるんだけど。 でもさ、もっと恥じようよ。 広告人、もしくは広告会社は、シャープやパナソニックやソニーの凋落を恥じるべきだし、そのことをもっと反省してやり方を変え、違う姿勢でクライアントに向き合っていかないといけないとボクは思う。 シャープやパナソニックやソニーがこれまでどれだけ広告費を使ってくれたか。 そして我々広告人や広告会社は、商品広告のみならず、イメージ広告やブランド

    www.さとなお.com(さなメモ): シャープやパナソニックやソニーの凋落を、広告人や広告会社はもっと恥じるべきじゃないかな
    typista
    typista 2013/03/26
    ぽけったー シャープやパナソニックやソニーの凋落を、広告人や広告会社はもっと恥じるべきじゃないかな
  • [iOSアプリ開発] タッチでお絵かきしてみる | DevelopersIO

    今回はiOSアプリ開発で、タッチでお絵かきができるサンプルを作ってみようと思います。 タッチしたところを線にして描画する処理を実装しますが、サンプルとはいえ、それだけだとあまりに使い勝手が悪いので、 UNDO(元に戻す)とREDO(やり直す)と、全部削除するクリア機能も実装してみます。 環境 今回の主な環境と設定は以下の通りです。 Xcode 4.6.1 iOS SDK 6.1 iPod touch 5th ストーリボード使用 ARC使用 実装 まず、画面を作ります。 画面全体に描画用のキャンバスとして UIImageView を広げ、 画面の下の方に各種ボタンを配置します。 次に、ヘッダーファイルを作成します。 #import <UIKit/UIKit.h> @interface ViewController : UIViewController @property (weak, non

    typista
    typista 2013/03/26
    ぽけったー [iOSアプリ開発] タッチでお絵かきしてみる
  • Google KeepとEvernoteがまるで似つかない理由とは?

    Googleからアイデアやメモを保存するためのサービス Google Keep が発表され、Evernoteと正面衝突になるのではないかと噂されています。 Google Keepはテキストのメモ、写真、そしてチェックリストを Androidのアプリから保存し、Googld Drive上に整理しておくことができるサービスです。 これだけを聞くと廃止されたGoogle Notebookのようですが、今回はAndorid経由で携帯デバイスとの結びつきが強く、音声メモを自動認識でテキスト化する機能が存在するところが違います。 しかし当にGoogle KeepはEvernoteと競合するのでしょうか? そもそもなぜこうしたサービスを提供するのでしょうか? 考えてみれば考えてみるほどわからなくなってきます。### Google KeepとEvernote、それほど似てる? まず最初に、この2つのサー

    Google KeepとEvernoteがまるで似つかない理由とは?
    typista
    typista 2013/03/26
    ぽけったー Google KeepとEvernoteがまるで似つかない理由とは?
  • ごりゅご.com

    ごりゅご.com

    ごりゅご.com
    typista
    typista 2013/03/26
    ぽけったー 似たようなものがこれまでどこにもなかったからEvernoteの使い方がわからない
  • jQuery UI Tabsのタブ切替でブラウザの「戻る」「進む」を有効にする方法

    jQuery UI Tabsのタブ切替でブラウザの「戻る」「進む」を有効にする方法を紹介します。 1.jQuery UI Tabsについて 基情報として、jQuery UI Tabsでタブ切り替えを行う方法については「jQuery UI Tabsを使ってタブを実装する」を参照してください。 サンプル 2.hashchangeプラグインについて jQuery UI Tabsのタブ切替でブラウザの「戻る」「進む」を有効にするには、hashchangeプラグインを利用します。 hashchangeプラグインの基的な設定方法については「jQueryのAjaxやタブ切替などでブラウザの「戻る」「進む」が有効になる「hashchangeプラグイン」(実装解説つき)」を参照してください。 3.jQuery UI Tabsでhashchangeプラグインを利用する 2項のリンク先の説明ではjQuery

    typista
    typista 2013/03/26
    ぽけったー jQuery UI Tabsのタブ切替でブラウザの「戻る」「進む」を有効にする方法
  • PCでもスマホでもスワイプで画像が遅れるスライドショー実装jQueryプラグイン「Swipeshow」:phpspot開発日誌

    Swipeshow: the unassuming touch-enabled slideshow JavaScript library PCでもスマホでもスワイプで画像が遅れるスライドショー実装jQueryプラグイン「Swipeshow」 次のようなデザインで、スワイプで画像が遅れるスライドショーが実装できます 画像だけでなく、HTMLを埋め込むことも可能。主にスマホ用として便利に使えそうです。自動再生等必要な機能は揃っています 選択肢の一つとして考えても良いかも 関連エントリ スワイプできるLightBox実装jQueryプラグイン「Swipebox」 軽量のスワイプ可能なスマホ用スライダーJS「SwipeJS」

    typista
    typista 2013/03/26
    ぽけったー PCでもスマホでもスワイプで画像が遅れるスライドショー実装jQueryプラグイン「Swipeshow」
  • JavaScript上位言語の比較表 - Qiita

    この表だけ見るとHaxe最強なんじゃないかという気がしていますが実際どうなんでしょうかね。 間違っている所とか、追加の項目とかコメントいただけると嬉しいです。 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

    JavaScript上位言語の比較表 - Qiita
    typista
    typista 2013/03/26
    ぽけったー JavaScript上位言語の比較表
  • Swipeshow: the unassuming touch-enabled slideshow JavaScript library

    Drag it, or swipe it! Best experienced on a touch-enabled device. Download v: JS CSS How to use ›

    typista
    typista 2013/03/26
    ぽけったー Swipeshow
  • FC2の本拠は米国にあるのか 会社側はペーパーカンパニー説に強く反論

    国内有数のシェアを持つウェブサービス大手「FC2」は、米ラスベガスに社を置く「海外企業」だ。創業以来ほぼ日のみで事業を展開しているのに、日には支社などを置いていない。業務は別の日の会社に委託しているため、「謎の会社」という人さえいる。 利用者による中傷行為をめぐり、同社は2013年2月6日東京地裁から発信者情報開示の仮処分命令を受けた。米国の地元警察が強制捜査を断って、事態は手詰まりになり、2012年追加されたばかりの法律が適用されてようやく仮処分にこぎつけた、という。 ネバダ州の警察は協力を拒否 FC2は1999年創設、会員数は2011年時点で1000万人。特にブログサービスでは国内最大手の一角で、動画でもニコニコ動画に続くシェア第3位を占める。 公式サイトによれば代表者はLance Wolff Kerness氏、所在地も「101 Convention Center Dr.S

    FC2の本拠は米国にあるのか 会社側はペーパーカンパニー説に強く反論
    typista
    typista 2013/03/26
    ぽけったー FC2の本拠は米国にあるのか 会社側はペーパーカンパニー説に強く反論
  • บาคาร่าออนไลน์ Baccarat99 เว็บตรง ทางเข้าสมัครสมาชิก ฟรี 300

    ท้าทาย เพิ่มเติมประสบการณ์ รวมไปถึงลุ้นเงินรางวัลได้อย่างมีอิสระ บาคาร่า99 ทางเลือกที่จะเข้ามาเติมเต็มให้กับนักพนันทุกคนอย่างทั่วถึง สำหรับคนทั่วไปที่มีความสนใจตัวเกมพนันออนไลน์ อยากจะให้เริ่มต้นกับทาง บาคาร่า99th ที่มีการเน้นบริการเกมพนันยอดนิยมระดับโลกอย่าง Baccarat เกมพนันที่กลายมาเป็นอันดับที่ 1 สามารถครองใจนักพนันไปทั่วโลก เนื่องจากว่าขึ้นชื่อว่าเกมพนัน จะต้องง่ายและหลากหลาย สามารถตอบสนองทั้ง

    บาคาร่าออนไลน์ Baccarat99 เว็บตรง ทางเข้าสมัครสมาชิก ฟรี 300
    typista
    typista 2013/03/26
    ぽけったー ヤフーが15歳の高校生が作った会社を3,000万ドルで買収 グーグルやフェイスブックを出し抜く快挙!
  • 「副業や起業前」に知ると便利なツール・知識まとめ | コムテブログ

    作成:2013/03/25 更新:2013/06/02 Tool > Webサービス ※2013/05/22: 「開業」の前に読んでおくと得するまとめを追加しました。 副業起業時にお金の管理はどうすればよいのか? 個人事業と会社設立 どちらでいけばいいのか 会計や計画書、GoogleAppsから起業の心得まで 今回は副業起業に使えるツールやサービスの使い方などをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 1.会計 2.確定申告 3.見積書 / 請求書 4.事業計画書 5.会社設立 6.個人事業 7.起業の心得 8.GoogleApps活用法 9.HP立ち上げ 10.名刺を自作 11.マーケティング 12.利用規約の作り方 1.会計 僕の周りには起業家が沢山いますが、お金の流れや税金、管理方法などに関する内容が一番多い。しかし、起業して会

    「副業や起業前」に知ると便利なツール・知識まとめ | コムテブログ
    typista
    typista 2013/03/26
    ぽけったー かなり得した!「副業や起業前」に知ると便利なツール・知識まとめ
  • http://hibitama.net/archives/24917906.html

    http://hibitama.net/archives/24917906.html
    typista
    typista 2013/03/26
    ぽけったー 死に直面した人こそブログを欲しているのではないかという話
  • 最近流行りのフラットデザインのギャラリーサイト『FlatDesign』 | 100SHIKI

    参考になりそうだったのでメモ的にエントリー。 FlatDesignは最近はやりのフラットデザインのギャラリーサイトだ。 ほぼ平面的、という特徴を持つフラットデザインはGoogle系サイトをはじめ、最近よく見るようになってきた。 こうしたサイトで他の人がどういう風に実践しているか見るのは勉強になるだろう。サイトのカテゴリーごとに検索できるのもうれしいですな。

    最近流行りのフラットデザインのギャラリーサイト『FlatDesign』 | 100SHIKI
    typista
    typista 2013/03/26
    ぽけったー 最近流行りのフラットデザインのギャラリーサイト『FlatDesign』
  • iOS4.2のSafariから追加された加速度センサーでシェイクジェスチャを作る

    iOS4.2からSafariで加速度センサーを使うことができるようになりました。 モンハンの予約を逃していつ買えるのかとヤキモキしているME課の比留間です、こんにちわ。 さて、つい先日アップデートされたiOS4.2。このアップデートでMobile Safariから加速度センサーをJavaScript経由で利用することができるようになりました。使い方は簡単で、以下のようにするだけで加速度の値を取得することができます。 JavaScriptから加速度センサーにアクセスする window.ondevicemotion = function(event) { //event.accelerationIncludingGravity.x //event.accelerationIncludingGravity.y //event.accelerationIncludingGravity.z } これ

    typista
    typista 2013/03/26
    ぽけったー iOS4.2のSafariから追加された加速度センサーでシェイクジェスチャを作る
  • CSSのみで円、三角、四角、台形、星、ハートなどのさまざまな形を形成するサンプル「The Shapes of CSS」|BLACKFLAG

    CSSCSS3のみにて円形や三角、四角、星型、ハート型などなど ありとあらゆる形状を画像を使わずに形成する方法を集めた「The Shapes of CSS」が おもしろかったのでメモ書き程度にご紹介。 ≫The Shapes of CSS ページ上には実際にブラウザ上で表示される形をもとに CSSプロパティの記述を確認することができます。 円やハートなどの丸みを出す部分はCSS3の「border-radius」を使っていたりするので 物によってはCSS3非対応ブラウザでは表示されない場合もあります。 これらの方法をうまく使って 出来る限り画像の使用を抑えることができるといいかもしれません。 ご参考までに。。。

    CSSのみで円、三角、四角、台形、星、ハートなどのさまざまな形を形成するサンプル「The Shapes of CSS」|BLACKFLAG
    typista
    typista 2013/03/26
    ぽけったー CSSのみで円、三角、四角、台形、星、ハートなどのさまざまな形を形成するサンプル「The Shapes of CSS」