dorami429のブックマーク / 2021年9月2日

Macだけでできる！画像をリサイズして、ファイルサイズを軽量化しよう！[プレビュー.app編] | アイデアマンズブログ

Macだけでできる！画像をリサイズして、ファイルサイズを軽量化しよう！[プレビュー.app編] Web画像最適化デジカメで撮った写真や、スマホの写真、とてもきれいに撮影できますよね！ハイスペックであるほど、撮影画像サイズも大きく撮れるようになりますし、キレイな方がなにかとよいと思います。今回は、その大きな画像をリサイズして軽量化しようと思います。 Mac標準の「プレビュー.app」でリサイズしよう今回はMacの標準ツールである「プレビュー.app」を利用します。Macを利用している人にはおなじみのツールですね。Photoshopや画像処理系のアプリは起動も重く、時間がかかりがちです。ササッと立ち上げてファイルサイズを軽くして、メール添付したり、ウェブサービスにアップしたりするには、サクサク利用できる方が時間もかからなくてよいですよ！おなじみのプレビュー.appは、画像の他にもPDFな

dorami429 2021/09/02

あとで読む

リンク

画像圧縮サイト／TinyPNG

Smart WebP, PNG and JPEG Compression for Faster WebsitesOptimize now

dorami429 2021/09/02

jpg書き出した後に、 tiny pngを通すと軽くなりますよ(にこにこ) 画質は少し落ちますが、無料だしwebで見る分は問題ないです。ただ、1回あたり20枚まで。 https://tinypng.com/[web][サービス]

リンク

あかつき＠おばなのDTP稼業録【Adobe Bridge】RGB画像を検索してCMYK変換する

InDesignやIllustratorに配置した画像、配置した後にRGBだったことに気付いて…ということはありませんか？全てのリンク画像を再度CMYK変換してもよいのですが、全ての画像に更新がかかってしまうため、ちょっと作業が繁雑です。このような場合、Bridgeで画像を検索して必要な画像変換（バッチ処理）をすることができます。 1.画像を検索するまずはリンク画像があるフォルダに対して検索をかけます。複数のフォルダを検索する場合は、それらのフォルダを含む上位階層で検索を行います。 2.検索条件を指定する検索条件を指定します。RGB画像を検索する場合はカラーモードを「RGB」に設定します。サブフォルダを含む場合は「すべてのサブフォルダーを含む」にチェックを入れます。また「インデックスされていないファイルを含む（低速検索）」には必ずチェックを入れてください。条件を指定したら検索を

dorami429 2021/09/02

DTP

リンク

STUDIO | Web制作を、ノーコードで。

コードやテンプレートに縛られずに、誰でも自由自在にデザイン可能。作成したサイトは、1クリックで世界に公開。そう、必要なのはSTUDIOだけです。

dorami429 2021/09/02

web

リンク

デジタル庁

デジタルマーケットプレイス（DMP）α版サイト行政機関・事業者がDMPによる調達方式を活用しやすい環境を実現するために、必要な利用者体験の実証を目的としたサービスです。

dorami429 2021/09/02

STUDIOで作られていますね。ノーコードあつい。[あとで読む][web]

リンク

最初から強いやつの特徴 - Qiita

はじめにどんな仕事でも強い人は存在する。でも最初から強い人は珍しい。これは、web 業界に身を置いてみて、信じられないくらいムキムキになっていった人たちを見てきた私が送るこうしたら強くなれるかもしれない？指南書である。もしエンジニア職に興味があるのであれば、一考になるかもしれない。最初から強いやつの特徴平日の稼働時間以外も勉強 or 開発する土日も勉強 or 開発する公式ドキュメントをちゃんと読む以上のような当たり前のことは、最初から強い人じゃなくてもやるので特徴に入れません。 1. 読解能力が異常に高い国語の力です。これは、ちゃんとドキュメントに書いてあることが理解できると同義です。そしてこれが本当に大事です。強い人に質問すると必ず「ん？ Docs 読んだ？」って聞いてきます。私は (...読んだわ！) って内心思ってますが、それは読んだだけです。内容をちゃんと

dorami429 2021/09/02

プログラミング

リンク

初心者向け！HTML/CSSのコーディング手順をイチからしっかりと。

2019年1月24日 CSS, HTML, Webサイト制作 HTMLやCSSの書き方を勉強してみたという初心者さんから、いざ自分でWebページを作っていくとなると、何から始めればいいのやら…？という声をよく耳にします。きちんと構成を考えてコーディングを始めないとレイアウト崩壊の危機…！今回は完成したデザインをHTML/CSSでコーディングしていく第一歩目の手順を紹介します。 ↑私が10年以上利用している会計ソフト！今回作るWebサイト例こんな感じの、よくあるヘッダー・メイン・サイド・フッターで構成されたWebサイトを作っていく手順を考えていきましょう！ 1. ファイル、フォルダーを作るまずは必要なファイルとフォルダーを用意します。必要なファイルやフォルダーはそのWebサイトによって変わりますが、基本的にはプロジェクトフォルダーの中に index.html、CSSを入れる「css」フ

dorami429 2021/09/02

リンク

Responsivize

Responsivize is an open-source, cross-platform, desktop app that is used to develop responsive websites! With Responsivize, you can test your web apps on popular devices like iPhones, Android phones, iPads, MacBooks, and you can even set custom dimension devices, that you set the dimensions for! This gives you the ability to test your apps on everything from widescreen monitors to smart fridge scr

dorami429 2021/09/02

ツール：様々なデバイス幅での表示が同時にできる、レスポンシブデザインの確認ツール【Responsivize】

リンク

Photoshopで画像塗りつぶしなら「ベタ塗りレイヤー」！

YouTubeでも解説したので動画で見たい方は動画で見てください！ベタ塗りレイヤーとはそのままなのですが、色がベタ塗りしてるレイヤーのことです。ベタ塗りレイヤーを作るには、塗りつぶし調整レイヤー▶︎ベタ塗りをクリックします。色を選べる画面が出てくるので、色を選んでOKをクリックすればベタ塗りレイヤーができます。ベタ塗りレイヤーにはマスクもも付いてくるので、色の付けたくないところはマスクをクリックして黒のブラシで塗れば見えなくなります。一面を一気に塗りつぶしてくれて、あとから色の変更ができるのがベタ塗りレイヤーの特徴です。ベタ塗りレイヤーの使い道ベタ塗りレイヤーの使い道は大きく分けて2種類あります。