Webページのリンクになっている文字列をコピーするスマートな方法／選択するつもりがリンク先にジャンプしてイライラしてませんか？【やじうまの杜】
ゲームボーイ用の新作ゲームが登場、ブラウザ上でプレイして感じる懐かしさ
1989年に任天堂から発売された携帯型ゲーム機「ゲームボーイ」に、エミュレーターで開発された新作ゲーム「Tuff」が登場しました。BonsaiDenというデベロッパーによって開発された「Tuff」は、ウェブブラウザ上でもプレイ可能とのことなので、実際にプレイして懐かしい雰囲気を味わってみました。 Tuff by BonsaiDen http://bonsaiden.github.io/Tuff.gb/ 「Tuff」がどのようなゲームなのかは下記のムービーから確認できます。 ゲームボーイ向け新作ゲーム「Tuff」をプレイしてみました - YouTube 「Tuff by BonsaiDen」のページを開き「Enter」を押すとゲーム開始。 Tuffは昔懐かしの横スクロール型アクションゲームです。操作方法はキーボードの「W」「A」「S」「D」が十字キーの「上」「左」「下」「右」に対応、「X」も
情報強者のおまいらが自信を持ってオススメできるブックマークてどんなん？ - ゴールデンタイムズ
1 ：名無しさん ：2014/04/16(水)12:00:22 ID:ZQg2QTaiu 期待に胸ふくらませてROMるのでよろしこ 6 ：名無しさん ：2014/04/16(水)12:02:59 ID:rl3BWPdtQ 貼れば必ずレスが付く鉄板URL http://nipponmukasibanasi.seesaa.net/ 11 ：名無しさん ：2014/04/16(水)12:08:00 ID:b8zZtmUNh >>6 なーにが鉄板だよどうせ宣伝だろとか思って開いたらガチですごくてワロッシュ 13 ：名無しさん ：2014/04/16(水)12:14:12 ID:aP5pTKOhK >>6 割とマジで感動した 教えてくれてありがとう 35 ：名無しさん ：2014/04/16(水)21:28:17 ID:gdbuiWGwE >>6 確かにこれはレスせざるをえない 14 ：名無しさん
【画像あり】IEの擬人化ｗｗｗｗｗｗｗｗ 悲しすぎワロタｗｗｗｗｗｗｗｗｗｗｗｗｗ : 暇人＼(^o^)／速報
【画像あり】IEの擬人化ｗｗｗｗｗｗｗｗ 悲しすぎワロタｗｗｗｗｗｗｗｗｗｗｗｗｗ Tweet 1： 頭突き(岡山県)：2013/11/24(日) 20:13:56.46 ID:V87JMtlE0 久々に起動してもらったIEちゃん https://twitter.com/kngtr/status/404478911368531968 https://twitter.com/kngtr/status/404480598875443200 https://twitter.com/kngtr/status/404493378257055744 https://twitter.com/kngtr/status/404522930844880896 6： ムーンサルトプレス(東京都)：2013/11/24(日) 20:23:13.63 ID:Aps4qg2x0 これはあるあるｗ 3： ダイビングヘッ
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
縦長ページもボタン１つで楽々キャプチャ！ 使えるフリーソフト＆アドオン３選｜エンジョイ！マガジン
WEBページのスクリーンショットって一体どうやって撮っているの？ という方に、フリーソフトやアドオンを使った簡単なキャプチャ方法をご紹介いたします。 以前に「PrtSc」キーを使ってエラー画面などWEBページの画像を撮る（キャプチャ）方法をご紹介しましたが、この方法で保存できるのは、そのときパソコンの画面に表示されている部分のみ。 そのため、縦に長いWEBページを１枚の画像として保存するには、表示範囲をスクロールしていきながら１枚１枚「PtrSc」キーを押して画像として保存し、最後に画像処理ソフトで合体する必要があります。 しかし、キャプチャ専用のフリーソフトやブラウザの機能拡張（アドオン）を使えば、縦に長いページもボタン１つで簡単に撮影できるんです！ ここではより便利で快適にキャプチャができるフリーソフトやアドオンを３つご紹介したいと思います。 縦に長いページも楽々保存、Windows用
text-spacingが待ち遠しい
日本語文中の英数で日本語の文字との間に半角スペースを入れるか入れないかという話があります。検索すると色々議論されていたりして面白いです。 このブログでは場所によって半角スペースを入れたり入れなかったりしていますが（2020年1月追記：現在は入れていません）、『日本語組版処理の要件』に合わせてユーザーエージェントがいい感じに処理してほしいなーとか思います。 そこで「それCSSでできるよ」と言える（ようになるかもしれない）プロパティを紹介してみます。 これがまさに日英数が混在する文章で、英語や数字と日本語の間に4分の1スペースを自動で追加したり、全角括弧で生じる大きなスペースをトリムしたりできるプロパティです。 text-spacingは元々text-trimとtext-autospaceという別々のプロパティを統合したものです。これは2011年9月1日版のチェンジログに載っています。 統合に
ブラウザによって色や種類の違うボーダーの交わり方が違うので擬似要素使ってみる
見出しなんかで、左と下にボーダーをつけているサイトをよく見かけます。ボーダーの種類が同じで、色も同じだと問題ないのですが、種類や色が違ってくると交わっている部分がななめになり個人的には気持ち悪いです。 で、どちらかのボーダーを擬似要素でつければきれいになるって話を書こうと思ったのですが、ブラウザによって交わり方が違うことに気付きました。 ちなみに先ほどのはChromeの最新バージョン（記事を書いているときの）です。バージョン 28.0.1500.95 mになるようです。このスクリーンショットはPCはWindowsのものですが、Macでも同じ感じでした。 拡大するとこんな感じです。 交わる部分が斜めになっています。これを利用して三角形や台形を作ることができます。三角形の使い方はこの辺の記事をぜひご覧ください。 オンマウスでふんわり現れる！CSS3を使った吹き出しサンプル5つ｜Webpark
スマホ用サイトの読み込み速度を改善し、1秒以内の表示を目指そう
携帯端末向けページのレンダリングを高速化するためのガイドラインができたことを紹介する内容です。ガイドラインは英語ですがなかなか勉強になります。 日本語版は準備中だそうです。 最初に見える部分は1秒以内に表示する ここでは1秒以内にページ（スクロールなしで表示される部分）を見ることができる状態にすることが重要だといわれています。1秒を超えると我慢できなくなり離脱する人が増えるようです。1秒で諦めるのもちょっと短気な気もしますが、読込みは早いに越したことはないですね。 まず、3G環境では一般的にDNSルックアップ、TCP接続、HTTPリクエストにそれぞれ0.2秒かかるそうです。この辺のことはあまり詳しくないですが、とにかくこれらにかかる計0.6秒はこちらでどうしようもありません。 ですので1秒で表示しようと思うと残り0.4秒しかありません。ということで、サーバーのレスポンスとユーザー側のレンダ
HTML5 input type のブラウザ対応について検証してみた。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
search、tel、url、email以外は対応状況が微妙です。 week、colorのみiPhone・Androidに対応していませんでした。 numberはFirefoxは対応していませんが、iPhoneでキー配列が数字になるため、適宜使用したいところです。 フォームの見た目 各typeを対応ブラウザで見た時の見た目の参考です。 今回はMac Chromeのキャプチャですが、各ブラウザによって多少デザインや仕様が変わります。 対応していないブラウザはどうなる？ 各ブラウザで対応していないtypeはtype=”text”で生成されます。 rangeとcolor以外はなんとかなりますね。 バリデートの実用性は？ Safariはバリデートが機能していないようでしたし、仕様も不親切な点が見受けられました。 各ブラウザのバラバラな対応状況を考えると、実用出来るのはまだ先のように思います。 バリ
ウェブサイトの制作に携わる全ての人に役立つスタイルガイドを簡単に作成できる -Style Guide Boilerplate
ウェブサイトのデザインや実装の一貫性を促進するために、制作に携わる全ての人に役立つスタイルガイドを簡単に作成できるテンプレートを紹介します。 現役時代、独自のテンプレートを使ってましたが、こういう便利なものがリリースされる時代なのですね（遠い目 Style Guide Boilerplate Style Guide Boilerplate -GitHub Style Guide Boilerplateの紹介の前に、スタイルガイド未体験の人用にどのように役立てるか簡単に説明します。 ウェブサイトのデザインや実装方法を定義し、一貫性を促進する。 モジュール形式の考え方を促進する。 ページを作成する際にパーツやエレメントで迷わないようにする。 ウェブサイトを効率的に管理する。 スタイルガイド制作のタイミングとしては、草案を制作中に作りつつ、納品時には定義が全て網羅されている状態がベストではないで
ウェブサイトの制作に必ず役立つブックマークレットのまとめ
ウェブサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなるのがイヤな人にぴったりです。 レスポンシブの確認はこれが一番便利 コードとアクセシビリティをチェック ページに柔軟なグリッドを表示 デザインの確認がピクセル単位でできる CSSの変更をリフレッシュ無しで確認 要素のスタイルを確認 CSSのセレクタを確認 ページで使用しているカラーを抽出 CSS3をサポートしていないブラウザでの見え方 ページの見出しを抽出 ページの構造が正しいか確認 ページをワイヤーフレーム化 コードをシンタックス化して読みやすく スマフォやタブレットでもコードが見たい レスポンシブの確認はこれが一番便利
Sleipnir Mobile の説明書ページ。「はじめてのSleipnir」から「使いこなし」まで解説 | AppBank
最新情報 よく見るページを登録する「いつものサイト」復活！はてブ登録は簡単に。（v.3.1） v.3.0 で廃止された「いつものサイト」機能が復活しました。 Sleipnir Mobile ってどんなアプリ？ 使い勝手が最強のブラウザ。もうSafariには戻れません。無料。 どんなアプリなのかを興奮気味に紹介しています。 高性能ブラウザSleipnirの無料版と有料版の3つの違い。 有料版である「Black Edition」の、無料版との違いを解説しています。 これからはじめる Sleipnir Mobile 便利な「タブ機能」を使ってみよう。 複数のウェブページを開いておける便利な機能です。 ジェスチャを使いこなして片手で操作しよう。オススメジェスチャ4種類。 指を動かすだけでページを戻ったり、タブを閉じたりできる「TouchPaging」の使い方をご紹介します。 お気に入りのサイトを登
デマがあふれるネットだから、画像の右クリックで画像検索とExifデータをチェックしよう！ - 最終防衛ライン3
ブラウザ上で画像を右クリックでグーグル画像検索したり、Exifデータを参照する方法を紹介します。 紹介するのはOper、Chrome、Firefoxです。IEのことは知りません。 画像を右クリックでグーグル画像検索を行う ネット上には無断で転載された画像があふれています。コピーが増え続けると、オリジナルを探すのが大変です。折角気に入った絵を見つけたのに、絵を描いた人が分からないので困ってしまいます。また、掲載されている写真の信ぴょう性を知りたいこともあります。 他人の撮影した写真を紹介してあたかも自分のネタのように紹介する輩もいるので気をつけたいろこです。例えば、唐揚げ弁当を買ってきた｜ゴン太の何か言わせろ。 で巨大なからあげ弁当が紹介されていますが、元ネタは @nifty：デイリーポータルZ：日本亭の巨大唐揚げを求めて の方です。Twitterでもパクった画像を投稿している人がいますがけ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
HTML （HTML Living Standard） タグリファレンス
HTML5のさまざまなform要素があなたのブラウザでどのように見えるかのまとめ -Native form elements