Chrome 70 デベロッパーツールが便利になってる！Web制作者がチェックしておきたい新機能のまとめ | コリス
DOMノードの強調表示 Consoleタブを選択。 DOMノードに評価される式を入力。 入力する式 以下の便利な式を使用できます。 「document.activeElement」で、現在フォーカスのあるノードを強調表示。 「document.querySelector(s)」で、任意のノードを強調表示。sはCSSセレクタで、DOMツリー内のノード上をホバリングするのと同じ。 「$0」で、DOMツリーで現在選択されているノードを強調表示。 「$0.parentElement」で、現在選択されているノードの親を強調表示。 パフォーマンスパネルの最適化 今までのパフォーマンスパネルは大きなページをプロファイリングする際にはデータの処理とビジュアル化に時間がかかりました。Chrome 70ではこの処理とビジュアル化が高速になりました。 パフォーマンスパネルの最適化 信頼性の高いデバッグ Chro
1分で分かる！Adobe Sensei, XD, Photoshop, Illustrator CC 2019の新機能のまとめ（ワークフロー効率化が中心） | コリス
Adobe MAX 2018が開催され、Adobe Senseiをはじめ、XD, Photoshop, Illustrator CC 2019にさまざまな新機能が実装されました。 今回のアップデートは「ワークフロー効率化」が主で、各ソフトウェア単体だけでなく、連携しての生産性も向上させる機能が満載です。 Adobe Sensei Adobe Senseiベースの生産性を向上させる機能は、CC 2019でもかなり追加されています。数多くあるのですが、主なものをピックアップします。 Photoshop CCの「コンテンツに応じた塗りつぶし」で、適用するコンテンツのより精密なコントロールが可能に。 Illustrator CCのフリーグラデーションで、より自然なグラデーションを生成。 InDesign CCの「内容を自動認識に応じて合わせる」で、画像の内容を検出してサイズに合わせた切り抜きを自動
Developers.IO
EVENT【7/5（金）札幌】DevelopersIO 2024 SAPPORO Business Lab #devio2024
Adobe XD, Photoshop, Illustratorの注目情報が満載！Adobe MAX Japan 2017 フォローアップのまとめ
Webデザイナー、Web制作者、イラストレーターなど、Adobeのアプリを使用している人は必見です。先日開催されたAdobe MAX Japan 2017のフォローアップをまとめました。 Adobe XD, Photoshop, Illustrator, Dreamweaverなどの新機能を中心にくわしく使い方が解説されています。日常的に使用している人でも、意外と知らない機能に目から鱗かもしれません。 Select Subject in Photoshop CC なんと1クリックで、複雑な選択範囲が作成できます！ 1:03あたりから、人物を1クリックするだけで一瞬で選択範囲が作成されています。 Photoshopの次のアップデートで搭載予定の新機能で、Adobe Senseiの人工知能を使い、画像の主題を自動認識して選択範囲を作成します。「Select Subject」という名で、動画を見
iOS 11にアップデートしたらすぐに設定するべき7つのセッティング
リリースされたばかりの「iOS 11」にはたくさんの新機能が盛り込まれていますが、「特にこれは使った方がいい」という設定7つをCNETがピックアップしてくれています。 7 settings to change right away on iOS 11 - CNET https://www.cnet.com/how-to/7-settings-to-change-right-away-on-ios-11/ 1：運転中の通知を停止 運転中の通知を止めるための設定は、「設定」の「おやすみモード」をタップすると…… 画面下部の赤枠部分に表示されます。 「アクティベート」をタップ すると、「自動」「車載Bluetoothに接続時」「手動」の3つが選べます。 「手動」を選ぶ場合はコントロールセンターに「運転中の通知を停止」を追加しておくとオンオフが気軽にできるようになります。 なお、「運転中の通知を停
Firefox 54で全ユーザー向けに導入されたブラウザ高速化技術「Electrolysis」がオンにならない場合の対処法
2017年6月にリリースされた「Firefox 54」では、ブラウザの動作を高速化するために8年以上かけて開発されてきたマルチプロセス技術「Electrolysis」が全ユーザー向けに解放されました。しかし、いまだ多くのユーザーの環境ではFirefox 54にアップデートしてもこの恩恵を受けられないケースがあります。その原因は、このマルチプロセス技術に非対応のアドオンのせいで、場合によってはちょっと面倒な手順を踏まなければオンにできないことがあるようです。 How to Speed Up Firefox With Multi-Process, If It's Not Working By Default http://thehackernews.com/2017/06/electrolysis-firefox-mutiprocess.html Electrolysisは条件を満たしていれば
HTML 5.1で変更されたsection要素の使い方、header要素とfooter要素のネストについて解説
2016年11月1日に、HTML 5.1が勧告されました。HTML 5から新しく加えられた点、削除された点、変更された点がいろいろあります。 その中から、ページのアウトラインを組み立てる上で重要なsection要素の使い方、header要素とfooter要素のネストについて具体的な事例を添えて紹介します。 Document Outlines in HTML 5.1 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 私は以前、HTMLのページにvalidなアウトラインを持つ重要性について説明しました。 先日、HTML 5.1が公式にリリースされました。 興味深い変更が数多くあり、そのうちの2つはvalidなアウトラインに関係しています。 削除 アウトラインを作成するh1要素を入れ、ネストされたsection要素の使用。 変更 hea
Photoshop CC 2017の気になる新機能のまとめ、Web制作者は要チェック！
サンディエゴで開催中のAdobe MAXに合わせて、CC 2017がリリースされました。 Adobe Photoshopをはじめ、Adobe Illustrator, Adobe XDなど、Web制作者が愛用しているソフトウェアもすべて新しいバージョンが利用できます。 中でも特に多くの人が使用している、Photoshop CC 2017の新機能を紹介します。 Adobe Photoshop 実はサンディエゴに招待されたのですが、諸事情でキャンセルしてしまいました。 教訓: 健康管理には気をつけよう！ 今回のバージョンアップは、Photoshopをこれから新しく使う人やしばらく使っていなかった人向けとなっていますが、今まで使っていた人にも便利な機能が用意されています。 新機能だけでなく、パフォーマンスが強化されたのも嬉しいポイントです。 Photoshop CC 2017のインストール Ph
Adobe XDのアップデートされた機能のここに注目！2016年7月・8月に追加された新機能のまとめ
Adobe XDはユーザーのフィードバックをもとに、毎月のバージョンアップを重ねて確実に進化しています。6月にはメニューが日本語化され、本リリースに向けての毎月のアップデートを楽しみにしている人も多いと思います。 また、年内にはWindows版もリリースされる予定です。 今月・先月に実装された新機能を紹介します。 Adobe XD Adobe XDのメイン機能は、下記ページが参考になります。 UI/UXデザインツールの大本命、Adobe XDの私が大好きな便利な機能をすべて紹介します Adobe XDの便利なショートカットを一枚にまとめたチートシート ズーム ツール 前のアートボード PDFの書き出し Sketchや他のツールからのコピペに対応 線形グラデーション カラー値の指定 効果なし その他のアップデート 次に予定されているアップデート 参考 ズーム ツール（2016年7月アップデー
切り抜きも楽勝！Photoshop CC 2015.5で注目したい使い方や最新機能まとめ - PhotoshopVIP
切り抜きも楽勝！Photoshop CC 2015.5で注目したい使い方や最新機能まとめ チュートリアル 2016.07.12 先日、公式にリリースされた Photoshop CC の最新版 2015.5。より「使える機能」や「誰もが喜ぶ」機能を強化したアップデートで、デザイン制作をよりスピーディーに行うことができるようになりました。 今回は、注目したい Photoshop CC の新しい使い方や機能をまとめてご紹介します。各機能を実際に利用してみたことで見えてきた、より実践的な使い方が中心に揃っています。これらの機能をうまく活用することで、今後のプロジェクトを悩むことなく、よりスムーズに進めることができるでしょう。
Photoshop CC 2015.5は長年の悩みも解決するかなり良質なアップデート！よく見ないと気がつかないけど、テスターに絶賛された新機能
Adobe Photoshop CC 2015.5のアップデートは正確な切り抜きや選択範囲が簡単にできたり、切り抜きツールのコンじる、フォントのロード時間短縮など、便利な新機能が満載ですが、その中でも見過ごしがちな、でも非常に便利な新機能を紹介します。 グラフィック的に派手な機能に目がいきがちですが、ここで紹介する機能を待ち望んでいた人も多いと思います！ Adobe Photoshop ※Adobeの画像の掲載にあたり、Adobeの広報様に許可を頂いています。 CC 2015.5の新機能については、下記ページをご覧ください。 Photoshop CC 2015.5 新機能のまとめ Photoshopの選択範囲や切り抜きはこれが一番簡単で正確！CC 2015.5で進化した選択範囲とマスクの作成 気がつかずに見過ごしていたのは、はい、私です。 テスターから絶賛を受けた便利な新機能 テスターから
Photoshop CC 2015.5の新機能は便利なのがいっぱい！正確な切り抜きや選択範囲を作成するのが簡単ですごい！
2016年6月20日に、AdobeのCreative Cloudがアップデートされました。バージョンは、2015.5と「.5」がついただけですが、前回の2015.1から、4つ飛ばしになり、新機能がかなり搭載されています。 Photoshop CC 2015.5の魅力的な新機能を紹介します。 誰もが恩恵を受けるのは「フォントリストの読み込みが4倍速」になったことでしょうか。これによりロード時間が圧倒的に早くなりました！ 地味ですが、こういうアップデートは非常に嬉しいですね。 Adobe Photoshop ※Adobeの画像の掲載にあたり、Adobeの広報様に許可を頂いています。 Photoshopで「カワイイ」「笑顔」「小顔」が簡単に作れる 「コンじる」が大幅にパワーアップ、新機能も登場 正確な選択範囲とマスクの切り抜き作成が簡単に、しかも速い 字形の機能が強化、フォントのスワッシュも簡単
Windows10はWindows Update時に他ユーザーの帯域を使うことが判明
Microsoftが「Windowsの最後のバージョンになる」と明言している最新OS「Windows 10」が2015年7月29日にリリースされ、Windows 7、8、8.1を使っているユーザーは無料でアップグレードすることが可能です。しかし、新しいプライバシーポリシーと利用規約によって、Windows 10ではWindows Updateのインストール時にインターネットの帯域幅を他のユーザーとシェアすることになるそうです。 Windows 10 uses your bandwidth to share updates http://thenextweb.com/microsoft/2015/07/30/windows-10-steals-your-bandwidth-to-send-other-people-updates/ 「Windows Update の配信の最適化(Window
WordPressをアップデートしたらRSSが配信されないエラーが出ていたので対処した
先日、コンタクトフォームからのメールで 「RSSが12月の中頃から配信されていませんよ」 というご指摘を頂きまして。 確認したところ、feedlyはきちんとフィードを吐き出していましたが、https://ozpa-h4.com/feed/が上手く動いていないご様子。 せっかくRSSまで登録してくださった方に更新のお知らせを届けることができていなかったなんて…と血の涙をながしつつ対応したのでメモ。 エラー内容 出ていたのは以下のエラー。 [php] This page contains the following errors: error on line 2 at column 6: XML declaration allowed only at the start of the document Below is a rendering of the page up to the fir
WordPressがアップデート途中で止まっておおわらわ | それでも世界はまわってる
WordPressがアップデート途中で止まっておおわらわ 2013/9/3 (火) 16:22 [最終更新: 2015/09/20] 仕事ではかなりのWordPressヘビーユーザー。 って流れで、このブログもWPを使っているわけだが、、、 セキュリティのこともあるし、気づいた時にWordPressを最新バージョンにアップデートしたりしているわけだが、サクっと更新できるものもあるが、そう簡単にもいかず苦労するものもある。 一番厄介なのが、途中で止まったまま、10分待てど何も起こらず。 サイトにアクセスすると、、phpエラーが出ているパターン。 うーん。やばい。せめて元に戻してくれよと。 今回はまったのが GMO運営の「お名前.com」の共用サーバー。 って書くと、なんだか一般名詞みたいだけど、はっきりとした固有名詞のサーバーサービス名が記載されていない、もしくは統一されていない。「共用サ
WordPressを手動アップグレードする方法
今では自動アップグレードが主流のWordPressですが、使用しているサーバーが貧弱だったりする場合、この自動アップグレードが使用できません。そんな時はWordPressを手動でアップグレードする必要があります！その方法をご紹介！ まえがき 先日、とある「Bizメール NTT Communications」とかいうサーバー上で使用しているWordPressを管理画面からアップグレードしようとしたら 「out of memory」というエラーがでて自動アップグレードできなかったので手動でアップグレードしました。 その方法を自分用も兼ねてのメモでごわす。 サーバー上のファイルとデータベースのバックアップをとる 手動アップグレードの前には必ずファイルとデータベースのバックアップをとってください。 サーバー上のファイルは基本的にFTPソフトを使用してバックアップをとります。 データベースのバックア
Firefox のインスペクタで HTML の編集ができるようになった
さっき何となく Firefox Nightly （Firefox 28） いじってて気がついたんですが、インスペクタ （Inspector） で HTML の編集ができるようになったみたいですね。 で、調べてみたら Firefox 27 から機能追加されたそうで、ちょうど、Mozilla Hacks でもこの機能改善について取り上げられてました。 Firefox Developer Tools: Episode 27 - Edit as HTML, Codemirror & more ： Mozilla Hacks Mozilla Hacks の記事ではデバッガ （JS Debugger） の新機能についてなども書かれていますが、ここではとりあえずインスペクタの件だけ簡単に触れておきます。 HTML の編集機能が付いたよ インスペクタから要素を選択して、スタイルをいじったりは今までもできま
自動バックグラウンドアップデートを止める方法
一応、日本語情報が見つからなかったのでメモ。3.7から管理画面の「更新」ページから手動で実行しなくても、勝手にバージョンアップしてくれる自動バックグラウンドアップデート機能が実装されました。アップデートがチェックされるのは、コアファイル、テーマ、プラグイン、翻訳の４つです。テーマ、プラグイン、コアのメジャーバージョンは自動アップデートがデフォルトでオフになっていますので、コアのマイナーバージョンと翻訳が今のところ自動アップデートの対象です。 自動アップデートはwp-config.phpに以下追記で停止できます。 define( 'AUTOMATIC_UPDATER_DISABLED', true ); ただし、セキュリティを高めるために特別な理由がない限り止めない方がよいです。何となく怖いから止めておくというのはナンセンスな態度です。WordPress.orgからダウンロードしたテーマやプ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop CC 2015は最近のワークフロー、UIデザインを効率化する新機能が満載、アップデート時の注意事項
IDEA * IDEA
