サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
2020年2月25日 CSS どのサイトでも見かけるテキストリンク。リンクのついたテキストにマウスオーバーすると文字色を変更する、というシンプルかつわかりやすい効果を実装しているWebサイトが多いかと思います。この装飾をもう少し変更できないかな?と思いCSSのみでプラスすることができるエフェクトをいくつか紹介します。 ↑私が10年以上利用している会計ソフト! 目次 ちょっと予備知識 文字色をふんわり変える 背景色をふんわり変える 文字をぼかす 光を放つグロー効果 背景を角丸に レインボーカラーに 拡大・縮小 角度を変える くるっと回転 1. ちょっと予備知識 今回はjQueryなどのJavaScriptを使わず、CSSのみで実装できる小技を集めています。その中でどの小技にも採用しているのが transition プロパティです。transitionプロパティは、時間の変化を操作するもので、
レスポンシブWebデザイン(RWD)で作ったウェブサイトを運営しはじめてから気になっていたことが一つあります。それは、RWDで作られたウェブサイトでもデスクトップ版のレイアウトが見られるようにする機能が必要かという疑問です。僕が書いた本でもp.176のコラム「レスポンシブWebサイトでも『PCサイト』ボタンが必要?」で触れた内容ですが、先日のBruce Lawson氏のブログ記事を読んでいて、再び気になったので自分の考えをまとめてみました。 モバイル版ブラウザの「デスクトップ表示」機能 たとえばDolphinやChromeといったモバイル向けブラウザにはデスクトップ版を表示するための機能が用意されています(FirefoxやMobile Operaにもついてるそうです)。わざわざこういうった機能が装備されているということは、これがユーザに求められる機能だからだと思います。(以下はiPhone
注意:ここに示したCSSは、実用的な目的には、まだ使ってはならない。何故ならば、-webkitベンダープレフィクスを使っているからである。。これは、webkitの実装がまだ完全ではないことを意味する。 Chrome(というよりもwebkit)がいつの間にか、縦書きを実装し始めていた。つまり、CSS3のwriting-modeプロパティのvertical-rlとvertical-lrをサポートしているのである。まだ、ベンダープレフィクスが必要なので、完全な実装ではないのかもしれないが、少なくとも、ある程度は動くようだ。 例えば、以下の様なマークアップが、 <p style=" writing-mode : vertical-rl ; -webkit-writing-mode : vertical-rl ; font-family : '@MS 明朝' ; font-size : 16pt ;
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.
2012.11.20 TUE リミックスを生成し続ける「無限のジュークボックス」 「The Infinite Jukebox」は、好きな曲をアップロードすると、永遠にリミックスを生成し続けるサイトだ。仕組みがわかる視覚表示も美しい。 Image: Infinite Jukebox 「The Infinite Jukebox(永遠のジュークボックス)」は、アップロードした楽曲を違うヴァージョンに変化させ続け、長時間楽しめるようにしてくれるサイトだ(最新版「Chrome」のみに対応)。 The Infinite Jukeboxは、音楽データサーヴィスのThe Echo Nest社で開発者用プラットフォーム責任者を務めるポール・ラメールが作成した。同氏は、今年10月にアイスランドのレイキャビクで開催されたMusic Hack Dayで、「江南スタイル」をハックした「Infinite Gangn
By The U.S. Army 「最低30分以上エクササイズする」や「最大1時間の昼寝」など、日々のタスクを設定しトラッキングしてくれるアプリMy Minutesを作ったKamil Tusznioさんが、アプリがリリースされてから行ったことや売上の記録、アプリをリリースすることによって得られた教訓などをまとめたのが「Lessons From An App Launch」です。ただ機能的なアプリを作ればいいというだけでなく、売り出すためにはどのようなアプローチが必要かなどを分析しており、フリーの開発者にとっては非常に役に立つ記録となっています。 Lessons From An App Launch - Kamil Tusznio http://www.ktusznio.com/blog/2012/09/04/the-my-minutes-launch/ ◆リリース初日 By larskfl
Webデザインで参考になるギャラリーサイト10選Webサイトを作る上でデザイナはとても重要な要素の一つです。自分だけでなく他の人が見るのであればなおさら見やすい、...
もう使ってる人はそんなの知ってるし・・・と感じるかもしれないけども、知らない人は絶対一度はつかっておいたほうがいいよねっていうアプリ。今更とか言わないの。 そもそもPCのブラウザがChromeを使っているので、これを使わない手はないんだけども、わりと私の周りで使ってる人がいなかったのでご紹介。 便利なポイント7つ 私はこれでChromeアプリをメインにしました的なポイント。 1)タブ移動が楽 これはもうほんと触れば一瞬でわかるレベル。複数のタブをペラペラ見ていける。 画面のはじから中央へスワイプしても隣のタブへ移動してくれます。 ただしこれはデメリットでもあり、だいたい赤いラインをひいたところがスタートラインとなります。この結果、普通にブラウジングしている時に引っ張ってしまう事も多々あります。 2)PCモードへの切り替えが楽 個人的な問題ではありますが、スマホ用の表示が大嫌いなんですよね。
どうも!Google Chrome歴3年と9ヶ月のするぷ( @isloop )です。 今日はちょっと僕が今使っているスーパーおすすめのGoogle Chrome拡張機能をご紹介しようかなと思います。 いまやChrome拡張機能は、もう数え切れないくらい出ていて便利なものも多いですが、むやみやたらに入れすぎても動作が遅くなってしまいます。 そういうことで「無駄な拡張機能は絶対いれん!」と、なるたけChromeをシンプルにするように3年間心がけてきました。 しかし、「これはどうしても捨てることはできん!無理!だって便利なんだもん!」というのが今回ご紹介するベスト14のChrome拡張機能でございます。 というわけで、この記事がGoogle Chrome拡張機能難民の方々に少しでも参考になれば幸いです。ではいってみましょう! ウェブ閲覧がラクになるGoogle Chrome拡張機能 Keycon
スゴイ。ヤバい。 Adobe Shadowは、Adobeのラボがリリースした、スマホコンテンツの開発支援ツール。 何ができるかというと、PCのブラウザで表示したURLのコンテンツを、iPhoneやiPadで同時に表示してくれる。 PCでサイトをリロードするだけで、iPhoneやiPadでも自動でブラウザがリロードされて、表示を検証できる!! iPhoneやiPadはURLの入力が面倒だし、PCで作業する度にデバイスを移動するのが大変だった。 Adobe Shadowを使うと、PCでリロードするだけで、全環境で表示の確認がすぐできる。これは作業がはかどる。 使い方 Mac / PC に Adobe Shadowをインストール ブラウザ(Chrome)にAdobe Shadowの拡張をインストール iPhone, iPad, android, kindleに Adobe Shadowアプリをイ
ブログ移転のお知らせ! ▼当ブログは移転しました!新しいサイトは以下となります!! http://bamka.info ▼お手数おかけしますが、RSSの再登録もお願いします!! http://feeds.feedburner.com/bamka 【読了時間:約8分】 どうも、bamka_tです。 MacBook Airを使って長く、結構アプリも溜まってきました。 そこで、私が愛用しているアプリをまとめて紹介しようと思います。 私は結構貧乏性で、有料アプリでも即決はせず、まずは無料アプリで似たようなものがないか探してしまいます。 ですから自ずと、私のアプリは無料がメイン。もちろん有料もいくつかあるのですが、今回はその無料アプリに絞ってお話しようと思います。 全部で27個。張り切っていきましょう。 ■ウェブブラウザ 1.Google Chrome (Photo: [http://www.fli
Windows限定。理由は一番下に。 ちょっと欲しかったブラウズの滑らかさがようやく手に入ったので・・・もしかしたらこの業界では有名なのかもしれないけど。 Mac使うようになって、WindowsのChromeでのタブ移動が非常に面倒に感じるようになってしまった。 私の設定ではMacだと、中指置きながら人差し指タップで「左のタブへ移動」 人差し指置きながら中指タップで「右のタブへ移動」という設定。 そこでその機能が欲しいために、今までほとんど使いもしなかったマウスジェスチャーのExtensionを探してたら、そのスムーススクロールに今更ながら感動いたしまして・・・。 Chrome ウェブストア - Gestures for Chrome(TM) 正直入れてみたんだけど、ぶっちゃけマウスジェスチャーは使いにくいんだよね・・・。 なにが使いにくいかというと、なにもないところで左クリックを開始しな
HTML5で作られたゲームもいろいろありますが、今回がエミュレーター本体をHTML5で作った事例をご紹介したいと思います。 ネイティブアプリであれば様々なゲームのエミュレータは存在しますが、ブラウザ上で動くものは少なく、再現性も低いものばかりでした。 しかし、HTML5とブラウザの性能向上のおかげで、 ブラウザでゲームボーイが遊べる! レベルにまでなりました。 それでは早速、Chromeで「JS GameBoy Color Game Center」にアクセスしてみましょう。 エミュレーターの画面がブラウザに表示されるので、Select A GameでゲームのROMを選択します。 これでROMの読み込みが終わると、ゲームが開始されます。 キー操作の反応も良く、想像以上になめらかに動きます。 サウンドも流れるのですが、ゲームによっては音が割れていたり鳴らないものもあるので、サウンド部分のエミュ
4月から新しく社会人になった新入社員のみなさん、仕事に慣れてきましたか? まだ始まったばかりなので、研修や挨拶回りでそれどころじゃないですよねw 最近では、仕事でもパソコンを使うことが多いと思いますが、上司からこんな依頼がくることがあります。 「◯◯についてインターネットで調べて、必要そうな記事をピックアップして印刷したものを◯◯のミーティングに持ってきてほしい」 会社にもよると思いますが、URLだけメールで送ってくれればいいという場合もありますが、紙に印刷しなければいけないシーンも必ず出てきます。 そんな時に、印刷したページのレイアウトが崩れていて読みにくかったり、途中で切れていたり、変な広告が写っていたりすると、上司からの印象はあまりよくありません。 せっかくなので、ホームページの記事の部分だけを崩さずに綺麗に印刷したいですよね! 「えっ?ブラウザで印刷ボタンを押すだけじゃダメなの?」
今日は、SEOの基本的な話題を1つ。検索結果で自分のサイトが1位に出てくるからといって、本当に1位になっているとは限らないのです。その見分け方や考え方を。 あ、基本中の基本しか書いてないので、SEO関係者は読んでも面白くないかもしれませんよ。 その検索結果は“本当”の順位ではありません!ふとした検索をして、自分のサイトが上位に来ていてうれしくなることって、ありますよね。それが狙っているキーワードに関連している検索だったら、なおさらです。 「うちのサイト、最近SEOが効いてきたのかな」、そう考えてしまうかもしれません。 しかし、あなたがブラウザで見ている検索順位は、“本当の”順位ではないかもしれないのです。それが、あなたがいつも使っているブラウザでならば、なおさらです。 試しに、他の人に同じ検索をしてもらったり、自分でもいつも使っているのとは違うブラウザで検索してみたりすると、「あれ? 1位
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く