Firefox / Safari MozillaはMozilla Specification Positionsというリストを公開しています。 IETFやW3C、TC39などが提唱しているWeb技術に対して、Mozillaはどのように評価しているかという立ち位置を表明したものです。 あくまで現時点での評価であり、もちろん今後の仕様変更などに伴い評価は変わる可能性があります。 Mozilla's Positions Mozillaはどのように評価しているかの分類。 under consideration 評価の検討中。 important 優れた概念であり、Mozillaにとっても重要である。 worth prototyping 優れた概念であるが、プロトタイプを作成し、フィードバックを得て磨きをかける必要がある。 non-harmful 有害ではないが、良いアプローチではなく、取り組む価値
VS CodeのAdobe XD用拡張機能が登場! デザインシステムにもとづきコード出力と補完が可能に Microsoftが開発を行っている無償のエディター「VS Code」にAdobe XD用の拡張機能「Adobe XD extension」が登場しました。 この拡張機能を使うことで、Adobe XD上で作成したデザインアセットをVS Code上で参照・編集できるようになります。デザイナーとエンジニア間の溝を埋めることができ、デザインシステム構築のハードルが下がるでしょう。 今回の記事では、「Adobe XD extension」の活用方法を紹介します。コーディングの際に活躍する拡張機能ではありますが、Adobe XDを使ったデザイン段階でのひと工夫も必要になりますので、デザイナーの方も理解しておくとプロジェクトの進行がスムーズになるでしょう。 「Adobe XD extension」と
経緯 もともとMouseoverDictionaryという素晴らしいFirefox用辞書があったのですが、Quantumの登場とXULの廃止とともに使えなくなってしまったため、自分用にChrome拡張をつくった次第です。 ソースコード 実装に関わる技術寄りの用語: React, esbuild, chrome.storage.local, chrome.storage.sync, Cross-extension messaging, Hogan, debounce, resizable/draggable, intl.v8BreakIterator, deinja, クロスブラウザ, など。 ※詳細は「Mouse Dictionaryの技術的な話」をご参照ください https://qiita.com/wtetsu/items/2a5568cb0b5a38c003fb 使い方 インストール
私は開発環境を整えるのが大好きなのですが、今まであまり発信をすることがなかったのでこの記事を書きました。 少しでも Vim で Ruby を書くのが快適になれば幸いです。 なお、煽り気味のタイトルですが、それだけ私の独断と偏見で便利だと思っているものです。 私は Ruby では Rails をメインに書いているので、Railsを書いている人には特に便利かも知れません。 mikutter plugin も時々書きます。 この記事では、Ruby に特化したプラグイン/設定の紹介をしたいと思います。 汎用的なものに関しては、簡単な説明とレポジトリへのリンクに留めます。 また、インストール方法は、NeoBundleを使用する方法を紹介します。 私がNeoBundleを使用しているので。 github.com neocomplete 用 Ruby 辞書 github.com neocomplete
Despite having used Firefox in the past, having dipped my toes in the water with Safari and Opera, and even going totally crazy after using Internet Explorer for 10 minutes, somehow I always seem to come back to Chrome. And it's easy to see why. The number of Chrome plugins is huge, and when a developer makes a plugin, it always seems to be for Chrome only these days. Almost as if Firefox doesn't
Photoshopは標準機能だけでも便利なツールですが、もっともっと便利になる機能拡張やアクションを紹介します。 定番として入れておきたいものから、特別な使用シーンに使うものまで、優れ物ばかりです。 Photoshopでのガイド引きに欠かせない強力な機能拡張 定番のGuideGuideは3.1.2にバージョンアップ 幅の異なる複数のガイドを一気に作成できる優れ物 Photoshopのスウォッチをフォルダで管理 カラーピッカーを開かずにカラーのコードを簡単コピー 複数のさまざまなオブジェクトのカラーを一元管理 手元の画像からシームレスなテクスチャを1クリックで作成 ビットマップのオブジェクトをベクターに変換 画像にパースをつけてかっこよく見せる パラグラフのレイアウトを段組みに変更 要素のサイズやエフェクトやフォントなどの情報を書き出す エレメントやマージンのサイズを書き出してくれる 黄金比
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
2014-09-16 Chrome拡張の「feedly Mini」が超絶便利、「あとで読」んだり IFTTT と連携させて記事のシェアやブクマをどんどん自動化 サービス 方法 ライフハック ブログ 記録 Googleリーダー亡き後の RSSリーダーとして愛用している feedly の Chrome拡張である「feedly Mini」が思った以上に便利で重宝しているので、どう便利か、どう活用しているかなどを、記録として。リンク feedly Mini - Chrome ウェブストア 【スポンサーリンク】 基本的な機能 Chrome に拡張をインストールすると、画面右下に feedly のアイコンがうっすら表示されるようになる。 アイコンをクリックするとこんな感じにに展開される。 上から機能を説明すると、 RSSフィードを吐いているサイトを購読する feedly の「Save for
この記事は、故石井勝さんが1999年に書いた記事を Qiita に転載するものです。オブラブ(objectclub.jp)にて記事をホスティングしていましたが、現代でも十分に読める内容なので、たくさんの方に読んでもらいたいと思い、若干の編集(リンクとコンテキスト追加)を平鍋が行い、転載します。今でも、読みやすく、カジュアルな語り口のよい記事です。 オブジェクト指向の法則集(転載元:http://objectclub.jp/community/memorial/homepage3.nifty.com/masarl/article/oo-principles.html ) なお、この記事の他にも石井さんのオブジェクト指向やRubyに関する多くの記事をオブラブの「まさーるのページ」で読むことができます。では、以下に石井勝さん(旧メールアドレス masarl@nifty.com)の記事を転載します
CSS Shapes Editor for Chrome 31 Aug 2014 - London CSS Shapes allow web designers to wrap content around custom paths, but authoring them is not trivial. None of the traditional tools used in web design currently export code for CSS Shapes and the syntax conversion workflow is unwieldy and time-consuming. It wouldn't help too much even if they did. CSS Shapes are meant to be used in the browser con
「短い時間で効率的に仕事をこなしたい」というのは、すべての働く人の切実な願い。 そこで今日は、Google Chromeを使っている人にオススメの、仕事効率が格段にアップする拡張機能を10コご紹介しよう。すべて無料なので、ぜひインストールしてみてほしい。 1. Google Mail Checker Google Mail Checkerは、わざわざGmailを開かなくても、受信トレイに何件未読メールがあるかが一目でわかる拡張機能。メールのマークをクリックすれば、受信トレイに即移動してくれる。 2. Google Translate Google Translateを使えば、外国語のサイトも1クリックで日本語に。英語以外にもドイツ語やフランス語、スペイン語など全81の言語に対応しているので、海外のサイトも楽々読むことができる。 3. Readability サイトに埋め込まれた動画やチカチ
Photoshop CC/2014に対応したPhotoshopでのガイド引きをかなり便利にする純国産の無料の機能拡張を紹介します。 2014ではFlashやFlexを使用している機能拡張は使えなくなり、代わりにHTML5ベースのものでないといけないそうです。 QuickGuide 先日の記事「Photoshopでの作業がはかどる便利な機能拡張・プラグインのまとめ」で取り上げた時からバージョンアップされ、機能も大幅に強化されています! QuickGuideの主な機能 QuickGuideのインストール QuickGuideの使い方 QuickGuideの主な機能 QuickGuideのメインとなる機能は、オブジェクトや選択範囲を元に、上・下・左・右を組み合わせた全9パターンのガイドを1クリックで引けることで、今回のバージョンアップで天地・左右、天地左右の中央にも対応しました。ほかにもガイド関
こんにちは。GoogleChrome(グーグル・クローム)をこよなく愛する男、鮫島です。 仕事でもプライベートでもChromeを使いまくっているのですが、今回は超絶便利なChromeの拡張機能(エクステンション)をいくつかご紹介します。 これを全て使いこなせれば、業務の効率は確実に上がるので、特にWeb制作のディレクターの方にオススメですよ! もちろんディレクター以外の人も使える拡張機能はたくさんあるので参考になれば! そもそもGoogleChromeの拡張機能(エクステンション)ってなんなの? 一言で言うと、Chromeに機能を追加するためのもの。Chromeにはいろいろな拡張機能が用意されていて、インストールすると、ページ全体のキャプチャを撮ったり、不必要な広告をブロックしたりする機能を追加できます。GoogleChromeのデフォルトの機能で物足りない方にオススメです。人によっては、
Griddify is tiny and fast. It helps you compose custom grid systems, vertical rhythm, and do a bunch of other stuff with guides in photoshop. Watch the short tutorial to learn how it works: Download and Install (Photoshop CC) Download and install ZXPInstaller. It helps you install Griddify and other Adobe extensions easily. Download Griddify, unzip it, and install Griddify-CC.zxp using ZXPInstalle
Amazonアソシエイトで商品をブログに紹介している人でGoogle Chromeユーザであれば必携の機能拡張がリリースされました。Amazonの商品ページから、アフィリエイトタグを超簡単にコピペしやすくするGoogle Chrome機能拡張「AmaQuick」です! かつて、ネタフルでは「Amazon Quick Affiliate」というスクリプトを紹介したことがありました。「Amazon Quick Affiliate」Amazonアソシエイトの神ツール!という記事です。2009年なので、もう5年前になるのですね。 Amazonから商品画像を持ってきたり、商品リンクを作成するのが簡単だったのでずっと愛用してきたのですが、最近になってAmazon側の仕様が変わり、動作しなくなっているカテゴリがありました。そのことを開発者の @yager に相談したところ、Google Chrome機能
Illustratorでウェブデザインをおこなう人が増えてきましたが、やはりPhotoshopをベースにしているデザイナーさんが多いと思います。そんなPhotoshopを更に便利にパワーアップするプラグイン・機能拡張を紹介します。 ここで紹介するものは、当方の日本語環境(Win/Mac, CS6/CC)で利用しています。 面倒なガイド引きをパワーアップする強力な味方 等間隔ではないガイド引きを簡単に設定できる 選択範囲やオブジェクトを元にガイドが引ける さまざまなオブジェクトのカラーを一元管理できる 要素のサイズやエフェクトやフォントなどの情報を書き出す PNG画像をより美しく、より軽量に書き出す 黄金比、黄金螺旋、黄金三角形、1/3ルール、対角線などを簡単に描く Subtle Patternsのテクスチャ素材をPhotoshopから利用できる flat iconのアイコン素材をPhoto
ウェブ制作時の困ったは、CSSのレイアウトが思うようにいかない時。 そんな時に役立つ、ページ上の全ての要素のアウトラインを要素ごとに異なるカラーで表示する便利ツールを紹介します。 PesticideはChromeの機能拡張だけでなく、外部スタイルシートとしても提供されているのでローカル環境でブラウザを問わず利用できます。 Pesticide Pesticide -GitHub Pesticideのインストール Pesticideの使い方 Pesticideのインストール Pesticideは2種類、利用方法があります。 Chromeの機能拡張 ローカル環境での使用(スタイルシートファイル) Chromeの機能拡張 下記ページからPesticideをChromeにインストールします。 Pesticide -Chrome ウェブストア インストールが完了すると、上部のバーにPesticideボ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く