WEB Tips
-
画像・テキストの横並び＋縦中央揃えするCSS
画像とテキストを横に並べてなおかつ画像に対して縦方向の真ん中にテキストを置きたい時はよくあります。 例えばサイトのヘッダーでロゴ画像とサイトタイトルを並べたい時…
-
CSSだけで画像をトリミングする object-fit,object-positon
ウェブページで使う画像を特定の位置やサイズでトリミングしたい時、CSSだけで画像をトリミングすると、画像のトリミング作業を効率化することができます。 CSSだけ…
-
Helvetica,Futura,DINなど有名フォントの代わりになる?おすすめGoogleフォント
前回Illustrator、PhotoshopでGoogleフォントを使う方法をまとめましたが、今回はHelveticaやFutura、DINなど有名フォントの…
-
Illustrator,PhotoshopでGoogleフォントを使う方法
Googleフォントは商用でも無料で利用できるオープンソースのフォントで利用されている方は多いのではないでしょうか。今現在2500以上のフォントがあります。 W…
-
FontAwesome アイコンを擬似要素で使う、丸で囲む、知ってると便利な使い方
Webサイトでアイコンを使うならFontAwesomeを使えば簡単です。しかし、いくつかのヒントやテクニックを知っておけば、FontAwesomeをさらに活用す…
-
Illustrator 書き出し 画質が悪い、画像が粗い時の対処法
Adobe Illustratorでpngやjpg画像を書き出しをした時に画質が悪くなったり、なぜかジャギジャギ（ガビガビ？）した粗い画像になったりしたことはあ…
-
Dreamweaver コーディングが捗るショートカットと機能
はCCにバージョンアップされてからかなり機能が充実していますね。標準でSass,LESSに対応したり、Emmetが使えるようになってます。 Sublime Te…
-
Dreamweaver 複数タグに共通する属性とその値の検索置換
Adobe の検索置換は強力です。ファイル内のテキスト検索置換はもちろん、複数ファイルの横断検索やコード内の検索置換も便利です。 私はコード内の検索置換を使うこ…
-
BoxでDropboxと同じように共有・同期する方法
数あるオンラインストレージの中でBoxはDropboxと同じ感覚でファイルの同期ができるということで使ってみました。ファイルの同期設定まで一部戸惑った部分があっ…
-
2025年最新 AdobeCCを安く買いたい、社会人・商用OKの購入方法
Adobe Creative Cloudコンプリートプランをとにかく安く購入したい人は必見、普通に購入するよりもかなりお得に買える方法。 Adobe CCの学生…
-
Macで不可視ファイル（隠しファイル・隠しフォルダ）を表示する
Macで.から始まるフォルダやファイル、いわゆる不可視ファイル、不可視フォルダを表示する方法。 ターミナルで操作する アプリケーション>ユーティリティから…
-
Mac トラックパッドでダブルタップで選択してドラッグする方法
普段はマウス派で、トラックパッドを使うことはあまりないのですが外出先とかではトラックパッドで操作します。 MacBook Airを購入後、トラックパッドを使って…
-
Macに入れておきたいアプリ
先週MacBook Airを購入したので今まで使っていたMacBookのアプリやら設定やらをコピーしています。 Macに入れておきたいアプリケーションをまた新し…
-
Cyberduckのブックマークを別のPCに移行する方法
MacのFTPクライアントの定番と言ったらCyberduckですよね、Cyberduckのブックマークを別のMacに移行させたいときのメモです。 移行方法1：ブ…
-
テキストをサクッと画像化できるジェネレーター3選
例えばメールアドレスなどの文字のみをjpgやpngなどの画像にしたい時。わざわざIllustratorやPhotoshopを起動するよりもサクッと画像を作成した…
-
Illustratorのスターツールで星を作る時に知っていると便利なこと
のスターツールで星を描く時に知っていると便利な機能のまとめです。 スターツールの使い方- スターダイアログから数字を設定 ツールバーの長方形ツールを長押しすると…
-
カラーミーショップ 独自タグ カスタマイズ 【おすすめ商品】
カラーミーショップでネットショップを構築することになり、今まで何度か触っているカラーミーショップ独自のタグをおさらい中 ※カラーミーショップはSmarty（PH…
-
カラーミーショップ 新規会員登録のリンクが表示されないときは
カラーミーショップのテンプレートをカスタマイズ中。カラーミーフレームワークのテンプレートでは、ヘッダー部分にログインやアカウントページへのナビゲーションがありま…
-
HUAWEI スマホ（Android）の初期化
以前購入したHUAWEI製のスマホ（EMOBILE）で画面ロック（パターンタイプ）を忘れてしまってどうにもならなくなったので初期化することに。 Androidが…
-
Illustrator埋め込みとリンク、埋め込み画像の抽出など配置のまとめ
Illustratorでのデザイン制作では、イラストやアイコン、マップなどのベクター（ベクトル）オブジェクト以外にも画像などのラスターデータも自由に配置できます…
-
Photoshop リンク配置を活用して作業効率を上げる
この記事ではPhotoshopで画像などの外部ファイルをリンクとして配置する機能についてまとめています。 Photoshopの外部ファイルをリンクとして配置する…
-
Dreamweaver,Illustrator レスポンシブなイメージマップを作成する方法
ウェブページで画像やイラストの一部をクリックすると新しいページが開くという動作はイメージマップで実現できます。 クリッカブルマップとも言われます。 最近はあまり…
-
Photoshopで書き出し（Web用に保存）時に縮小されてしまう時の対処法
Photoshopの書き出し機能、Web用に保存で画像を書き出すと、100%で書き出されず縮小してしまうという問題です。 これはPhotoshopだけでなくIl…
-
Adobe Creative Cloudでファイルの同期が終わらない時の対処法
この記事では、Adobe Creative Cloudでファイルの同期が終わらない時の対処法について解説しています。 AdobeCC ファイルの同期が終わらない…
-
Photoshop 画像リサイズを一括処理（縦横判別して別名で保存&任意の場所でトリミング）
Photoshopで画像を一括で処理したい時に便利なのはバッチ処理です。 この記事ではPhotoshopのアクションを活用したバッチ処理を使って、縦横比が違う複…
-
Macでフォルダにパスワードをかける（フォルダ暗号化）
Macで他の人に見られないようにパスワードをかける方法。zip圧縮をパスワードかけるのではなく、ディスクイメージを作成する方法です。（以下はOSX10.11 E…
-
Gmailでメールヘッダを確認するには（PC・スマホで）
Gmailでメールヘッダーを確認したいとき。PCとスマホでメールヘッダーを見る方法をまとめました。 PCの場合 返信アイコンの右側に●が縦に3つ並んだアイコン「…
-
Apple IDのサインインで確認コードの入力欄がでない
AppStoreを立ち上げた時に、AppleIDでのサインインする際、6桁の確認コードを要求されたときのこと。（Macbook pro(OSX Yosemite…
-
Dreamweaverでリアルタイムプレビューできない場合の解決方法
を使っている時にF12でブラウザプレビューして確認するのが昔からの操作方法だったのですが、CCから？リアルタイムプレビューという機能になっています。 Brows…
-
Sublime Text 3：Compassの導入とDEPRECATION WARNINGの解消
Sublime Text3でCompassを使えるようにビルド設定をした時の覚書とDEPRECATION WARNINGが出たのでその対処方法をまとめています。…
