この記事では、Webデザイン制作の面倒な作業をラクにするCSS便利ツール87個をまとめています。なお、新しいツールを随時アップデートしています。 CSS FlexboxやGridをつかったレイアウト生成ツールや、レスポンシブ対応の画像ツール、配色に困ったときに便利なツール、多彩なCSSアニメーション、話題のニューモーフィズムなど、CSSスタイリング時間節約や、さまざまな問題を瞬時に解決することを目的に作成された便利なツールが揃います。 Web制作に活用したい最新ツールと合わせてチェックしてみてはいかがでしょう。 これだけあれば困らない！Web制作を快適にする最新オンラインツール48個まとめ Web制作�の面倒�な作業をラクにするCSS便利ツールまとめ CSS box-shadow Examples さまざまなサイトで実際に使われているCSS box-shadowを集めているライブラリ。お好

LINE25 Line25 was built in March 2009 as a place to share web design ideas and inspiration through articles, tutorials and examples of stunning site designs. ポスターは、製品の宣伝・マーケティングにおいて重要なツールの一つです。以前は、ポスターといえば映画と限定されていましたが、衣料品ブランド、ジュエリー製品、さらには地元企業まで、今では多くのフィールドでポスターは使われています。しかし、どのフィールドと比較しても、映画におけるポスターの効果が一番顕著だと感じ取ることができます。 映画ポスターが宣伝・マーケティング効果を発揮するのは、創造的なデザインでメッセージを伝えることができるからです。では、映画ポスターをデザインするときのガイド

GoogleのPageSpeed Insightsを利用してWebサイトの高速化を図るにあたり、改善できる項目の中にある「次世代フォーマットでの画像の配信」について、どれほど速く、軽くなるのか検証をとってみたいと思います。 次世代フォーマットでの画像の配信とは GoogleのPageSpeed Insightsの説明では、 JPEG 2000、JPEG XR、WebP などの画像フォーマットは、PNG や JPEG より圧縮性能が高く、ダウンロード時間やデータ使用量を抑えることができます。 とあります。 次世代フォーマットのブラウザ等対応状況 2019年6月現在でのブラウザ、画像加工ツールの対応状況はどうでしょうか？ 『caniuse.com』で調べてみます。 JPEG 2000 SafariとiOSのみ対応 JPEG XR IEとEdgeのみ対応 WebP Edge、Firefox、Ch

中国メディアは、日本はハイテク分野で世界市場を占有していることにみんなが気づいたとしている。（イメージ写真提供：１２３ＲＦ）(サーチナ) 画像（1枚） 中国メディア・東方網は５日、日本は半導体材料で圧倒的な世界シェアを持つほかに、あるハイテク部品についてもほぼ世界シェアを独占しているとする記事を掲載した。 記事は、日本による対韓輸出規制の発動で、日本が半導体材料分野で持つ高い実力を多くの人が認識し、ますます多くの人が日本の技術力の高さを改めて感じたと紹介した。 そのうえで、日本は半導体材料だけでなく、多くの分野で世界のトップに立っているおり、「失われた２０年というのは仮の現象であり、日本は早々に産業のモデルチェンジを実現し、ハイテク分野で世界市場を占有している」ことにみんなが気づいたとしている。 そして、その最たる例がＣＭＯＳイメージセンサーであると紹介。この分野で最大手の日本企業・ソニー

画像の歪みを補正するフィルターとして、「広角補正」フィルターが加わった。歪んでいる部分をドラッグするだけで直線になるなど、簡単な操作で劇的な効果をもたらすツールだ。 狙った部分だけをまっすぐに レンズの歪曲収差やアオリによる歪みを補正するフィルターとして、これまでの「レンズ補正」フィルターに加え、「広角補正」フィルターが加わった。 「レンズ補正」フィルターでは、画面全体に補正を加えるものだったが、「広角補正」フィルターは「まっすぐにしたいところだけをまっすぐにする」フィルターだと考えるとわかりやすい。 補正には「コンストレイントツール」という新たなツールを使用する。歪んでいる画像にクリックしてポイントを作り、ドラッグするとその部分が直線になる。この時、シフトキーをクリックしながらドラッグするとその直線が水平、もしくは垂直のラインになるので、画像回転も同時に行なえる。また、クリックしたポイン

Photoshop の Photomerge 機能が素晴らしかった。 A2サイズ以上ある地図をスキャンしました。 スキャンサイズは最大でA4サイズなので、地図をずらしながら スキャンしました。 それを1枚の画像にするためにPhotomerge機能を使ってみました。 そもそもPhotomerge機能は、パノラマ写真の自動合成に使われる機能です。 合成画像の中に、重なる部分を取り込んでおけば 地図の合成も簡単にできるのではないかと思い、使ってみました。 大成功！ Photomerge機能を起動して、合成させる画像を選択して 実行すれば… あらま…。あっという間に地図が合成され 重なり部分の合成は、ほとんど違和感なく 最初から1枚の画像として取り込んだごとく 仕上がりました。 いやぁ、素晴らしい機能です。 …シュウちゃん…

Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you.

Acrobat Proで[ファイル]-[その他の形式で保存]-[最適化されたPDF]を選択し、 PDFの最適化画面でプリセット[標準]もしくは[モバイル]で最適化を行なおうとすると、 「このPDF文書には、ダウンサンプルされていな...

テクスチャ、パターン素材はWebデザインはもちろん、グラフィックやさまざまなデザインプロジェクトに役立つアイテムのひとつです。 今回は無料ダウンロードできるテクスチャ素材のみをまとめてご紹介します。光沢感抜群のゴールドテクスチャから、重ねるだけで質感をアップできる素材、トレンドの水彩ペイントを手軽に実現できるアイテムや紙、ウッドテクスチャなど人気素材、合計668枚を網羅しています。これを機会にデザインツールをアップグレードしてみてはいかがでしょう。 まるごと使える！デザインが素敵になる無料テクスチャ、パターン素材30個まとめ 2018年6月度 テクスチャ、パターンがなんでも揃う無料オールインワン素材集60個まとめ 無料で高品質！デザインがグッと良くなる厳選テクスチャ素材58個まとめ 無料で高品質！持っておくと便利なテクスチャ、パターン素材まとめ Free Ombre Watercolor

[ シャドウ・ハイライト ] は、「カユイところに手が届く」ような補正ツールです。しかも、簡単にできてしまうから、そういった意味では、[ レベル補正 ] や [ トーンカーブ ] より、オススメできる機能だと言えます。 まず、[ 詳細オプションを表示 ] をクリックしてください。全部で10項目ものスライダーが現れます。単位に % (パーセント) と px (ピクセル) が使用されているので、初級ユーザーの方にも、比較的理解しやすいのではないでしょうか？

Photoshopを使っている際、いつの間にかブラシや消しゴムツールのペイントカーソルの形状が普段と異なっている場合ってありませんか？具体的に言うと、僕の場合は「環境設定」の「画面表示・カーソル」で選択したペイントカーソルの形状を「ブラシサイズ」にしているのですが、これがいつの間にか「詳細」を選択した場合に表示されるべきカーソルに変わってしまっているのです。これだと選択しているブラシサイズが視覚的に分かりづらく、大変不便なのです。 じゃあ、その設定画面でまたペイントカーソルの形状を選択し直せばいいんでないの？というとそうでもなくて、設定画面でのペイントカーソルの形状は依然として「ブラシサイズ」が選択されているままなのです。ですので、もうこなってしまうとカーソルの形状を戻す術もなく、「うんこPhotoshop!」という呪いの言葉とともに、仕方なくアプリケーションを再起動するわけです。 ですが

地味に便利だったのでご紹介。 HR Rainbowでは、画像からカラーパレットを作ってくれる。 使い方は迷いようがなくシンプルで、画像をドラッグ＆ドロップをするだけだ。 そうするとよく使われている色を並べてくれて、16進数やらRGBやらでコピーすることができる。 またカラーパレットを画像にしてダウンロードすることもできるので使い勝手が良いだろう。 まぁ、それだけだがシンプルツールとして覚えておいてもいいかもですね。

最新版 Photoshop CC 2017では、大幅なアップデートによってさまざまな機能が追加、強化され、さまざまなデザインをより手軽に表現できるようになっています。 しかし、どんどんPhotoshopが進化している反面、基本的な使い方を知らなかったり、いつも同じ機能しか利用していないというひとも多いのではないでしょうか。今回は、デザインの現場で役立つ実用的なテクニックを学ぶことができる、最新Photoshopチュートリアルをまとめてご紹介します。 いままで自己流でPhotoshopを使っているひとや、初心者のひとにもオススメしたい、目からウロコなPhotoshopの使い方を習得してみましょう。 知識ゼロからはじめる！Photoshopのすごいチュートリアル、つくり方38個まとめ 2017年8月度 センスいいね！と一目おかれるPhotoshopの最新テクニック、チュートリアルまとめ 月明か

みなさまこんにちは。市川です。 日ごろ、マルチタスクに追われ「猫の手も借りたい」。 そんな忙しいときがあると、なんとか違ったやり方はないものか頭を悩ませます。 実際に猫が「自分手伝いますよ」と挙手してくれたら、、 たぶん、思い通りに仕事をやってくれず、いらいらして、結局自分でやることになるでしょう。 そんなとき、思い通りに自動で仕事をこなしてくれるのが、Photoshopのアクション機能。 アクション機能は使う操作の順番を記録しておくことができます。 登録しておけば、ボタンひとつで自動的にPhotoshopの作業をこなしてくれます。 そして、休憩の合間にも仕事をこなしてくれるのがバッチ処理。 たとえば、フォルダの中にある画像ファイルに、登録してあるアクションを実行してくれます。 先ほど、手伝うと挙手してくれた猫と遊ぶ時間が作れるわけです。 アクションの処理を考える ＜処理＞ 画像が横長か縦