｢Pushbullet｣最高。 パソコン、スマホ間のデータ送信が信じられないほどラクに！
｢Pushbullet｣最高。 パソコン、スマホ間のデータ送信が信じられないほどラクに！2015.01.31 19:0012,646 satomi Pushbulletは前からあるアプリですけど、僕がインストールしたのは1年前かな、あれからなんだか知らない間にすごく良くなってて、特にAndroidで使うと最高！ 昨日なんて十何回もブラウザからスマホにデータ送っちゃいました。絶対ダウンロードすべき。 …とか書いてる間に待望のiOS/Mac版がリリースになりました。やったね！ スマホからパソコンへ、パソコンからスマホになんでも送信 Pushbulletの主な用途はただひとつ。携帯からパソコン、パソコンから携帯にデータをちょこちょこ送る、これに尽きます。 まずはモバイル側にアプリ（Android版、iOS版）をダウンロードして、パソコン側のブラウザには拡張機能（Chrome、FireFox、Op
ブラウザ上でフォントを簡単にデザインして、実際にTTFファイルとして使うこともできる「Glyphr Studio」
目を引くポスターやウェブサイトを作る時に印象的なフォントは非常に重要な役割を果たしますが、自分好みのフォントはなかなか見つからず、かといって自分でフォントを作るのも大変。「Glyphr Studio」はGoogle Chromeに最適化されており、ブラウザ上で簡単にフォントがデザインできるという無料のウェブサービスで、作ったフォントはTTFファイルとしてダウンロードし利用することも可能になっています。 Glyphr Studio, the free HTML5 based font editor http://www.glyphrstudio.com/ いくつかのフォントは以下から実際にデザインできるようになっています。 Glyphr Studio http://glyphrstudio.com/sandbox/ フォント作成ページはこんな感じ。画面左側にメニュー、右側にデザインスペースが
[CSS]box-shadowを使って、紙がふわりと浮かんだようなエフェクトをつけるスタイルシートのまとめ
Creating Different CSS3 Box Shadows Effects [ad#ad-2] デモ 実装 デモ デモはbox-shadowに対応した下記のブラウザでご覧ください。 対応ブラウザ Internet Explorer 9.0+ Firefox 3.5+ Chrome 1+ Safari 3+ Opera 10.5+ デモページ [ad#ad-2] 実装 基本となるHTML 8つの各デモのHTMLの基本は同じで、class名が異なるだけです。 <div class="box effect"> <h3>Effect</h3> </div> 基本となるCSS div要素とh3要素の基本となるスタイルです。 .box h3{ text-align:center; position:relative; top:80px; } .box { width:70%; height
Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
CSS3のFlexboxを基本から理解して、使い方をマスターしよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、王です。デザイナーやってます。 今回は「Flexboxを基本から理解して、使い方をマスターしよう！」ということで、初耳の方でもざっとFlexboxで何ができるか分かるように短い動画を用意しました。 動画の中で使ってたデモをアップしたので、確認してみたい方は以下のリンクをどうぞ！ デモ 昨今では、当然ながらデジタルデバイスサイズの多様化でレスポンシブデザインとやらが流行っています。 同じサイトをさまざまなスクリーンサイズに応じたデザインをしなければならない上に、コーディングにも手間がかかります。制作側からしたら何かと厄介ですよね。 「なるべく手間をかけずに作りたい！」という世界中のデザイナーの声に応えて、「Twitter Bootstrap」をはじめとした数多くのフレームワークが徐々に脚光を浴びはじめて久しくなります。 ただ、これらはあくまで古い技術の組み合わせで、革新的な技術で
Change Text Link Hover Effect Using CSS3
2020年2月25日 CSS どのサイトでも見かけるテキストリンク。リンクのついたテキストにマウスオーバーすると文字色を変更する、というシンプルかつわかりやすい効果を実装しているWebサイトが多いかと思います。この装飾をもう少し変更できないかな？と思いCSSのみでプラスすることができるエフェクトをいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ 目次 ちょっと予備知識 文字色をふんわり変える 背景色をふんわり変える 文字をぼかす 光を放つグロー効果 背景を角丸に レインボーカラーに 拡大・縮小 角度を変える くるっと回転 1. ちょっと予備知識 今回はjQueryなどのJavaScriptを使わず、CSSのみで実装できる小技を集めています。その中でどの小技にも採用しているのが transition プロパティです。transitionプロパティは、時間の変化を操作するもので、
MindMup
MindMup Free Online Mind Mapping Create, share and publish mind maps, hassle-free! Sign up Create a free map Create and share amazing mind maps Capture ideas at the speed of thought – using a mind map maker designed to help you focus on your ideas and remove all the distractions while mindmapping. Create unlimited mind maps for free, and store them in the cloud. Your mind maps are available everyw
JavaScript でのローカル ファイルの読み込み - HTML5 Rocks
Read files in JavaScript Stay organized with collections Save and categorize content based on your preferences. How to select files, read file metadata and content, and monitor read progress. Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, uploading photos
Saqoosha :: Flash だけで音声認識してみるテスト
おんせいにんしきーっていうワードが聞こえてきたので、ちょっと時間あったので、オープンソースの Julius っていう音声認識エンジンを Alchemy つかって Flash に移植してみましたです。いちおう使えるレベルだけど、やっぱ遅いなー。まあ、死んでると思ってた Alchemy も Adobe が本気で開発すすめるみたいなので、そのうちもっとましになるじゃろ。 Julius for Flash のテストこつら。 初期化おわるまでまつ。（辞書ファイルがでかい） PLAY で聞く、RECOGNIZE で認識テスト。 LOAD WAV FILE で任意の WAV ファイル認識させてみる。（16KHz 16bit モノラルしかダメ） さすがに NHK ニュースの認識率は高い。 ソース一式。（コンパイルするのはむずいかも） C/C++ で書いてあるライブラリでも、Flash には Alchemy
Google Chrome で超手軽にスマホ向けデザインを確認する方法
最近、Google Chrome のデベロッパー ツールにスマートフォンでの表示を確認する機能があることを知りました。 いままでは、レスポンシブデザイン Web デザインをするときに、ちまちまとブラウザーのサイズを変えたり、Web サービス (Responsive Design Testing とか Responsive Web Design Test Tool とか) を使っていたのですが、こちらの手順のほうがお手軽なので紹介します。 設定は超簡単！！ Google Chrome のデベロッパー ツールを開いて、右下の歯車のアイコンをクリックします。 左側から [Overrides] を選んで、[User Agent] と [Device metrics] にチェックを入れます。 これだけです！ Google Chrome 32 からは設定方法が変わっています。ちょっとややこしい。 右上
Private Presentation
Private content!This content has been marked as private by the uploader.
『JavaScript開発時に便利なツールたち』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。アメーバ事業本部でディベロッパーをしています、平木(id:Layzie)です。 先日2/9に行なわれたFrontrend Vol.4で"JavaScript Development Tools – JavaScript開発の効率アップ"というテーマで登壇させていただいたのですが、セッションでは時間の都合でお話できなかった補足や、その他のツールのご紹介をしていきたいと思います。公式サイトで各講演のスライドと動画を見ることができますので、残念ながらイベントにいらっしゃらなかった方は、ぜひご覽になってください。 Chrome Canaryビル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Personal Blocklist (by Google) - Chrome Web Store
Ultimate CSS Gradient Generator from ColorZilla
Resource interpreted as Script but transferred with MIME type text/plain - for local file