Googleフォントを利用する時、どうしてますか? サイトにアクセスして、フォントを選んで、ダウンロードして、インストールして、、、とけっこう面倒だったりしませんか? 昨日リリースしたばかりの「Fontea」はそれらの手間なく、Photoshop上で簡単にGoogleフォントが利用できる優れものです。 しかも完全無料!
![便利すぎる!GoogleフォントがPhotoshopで簡単にホイホイ利用できる無料の機能拡張 -Fontea](https://cdn-ak-scissors.b.st-hatena.com/image/square/6935b722f8d0c2c4fa61de5191cee6d4768b549b/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201602%2F2016042801.png)
実はテスト環境を作っていなかったので、デザインなど色々いじるために今更ながらMAMPでテスト環境作っておきました。簡単なんですねー。 知識ゼロだけど5分でできました 参考にしたのは下記のサイト。手順などはこちらのサイトそのままです。 MAMPでWORDPRESSのローカルテスト環境を作る | nilorior まずはMAMPをダウンロード&インストール。よくわからないのので、とりあえずPROじゃない普通のMAMPにしておきました。 インストールしようと思ったら、セキュリティ設定を変える必要があるとのこと。環境設定からセキュリティを開き、鍵ボタンをクリックして「すべてのアプリケーションを許可」。 無事にインストールできました。 なぜかPRO版も入ってしまったのですが、とりあえずノーマル版を起動。サーバー動かします。 さて、お次はwordpressをダウンロード&インストール。 ダウンロード後
Twitterで少し話題になったので書かせていただきます。 (仕事はどうした) Nexus Fontはフォント管理ツールなんですが、 USBでもどこでも起動させる事が出来る点と、 フォントをインストールしていなくても、 同ツールを起動させていればフォントを使用できる特徴があります。 で、これをタイトル通りにするだけなんですが(ヤバイ、もう完結した) 一応順を追ってご説明しますね。 DropBoxにNexusFontをインストール 僕は一旦ローカルにインストールした後、 C:\ Program FilesにあるNexusFontフォルダをそのまま放りました。 ローカルのをアンインストールしても、Dropbox上から起動すれば大丈夫です。 DropBoxに、フリーフォントなど使いたいのを入れる。 まぁそのままポイっと。 第一階層にショートカット作っておくと便利です。
末尾に追記していますが、モリパス(MORISAWA PASSPORT)など、たくさんの書体をインストールされる方には不向きです。 フォント管理はFontExplorer X Pro一択オシなのですが、有料でそれなりにすることもあり、検証に検証を重ね、Font Book.app編(OS X Mavericks)を作成してみました。 フォント管理2013(10.8対応、FontExplorer X Pro編) パレートの法則よろしくインストールされているフォントの中で使うものは一握りです。デフォルトの状態では、OSやAdobe CS/CCなどでインストールされるフォントがすべて表示されるため、フォントメニューには使用しないフォントがたくさん表示されます。 IllustratorやMac OSを再起動せずに、フォントメニューに表示するフォントをコントロールできるように環境を整備する方法をご紹介し
「Sublime Text 3」をMacにインストールして日本語化する方法のメモです。 Sublime Text 3本体をインストール 公式サイトからダウンロードします。 Sublime Text – Download ダウンロードしたdmgファイルをダブルクリック。 次の画面が表示されたら、アプリケーションフォルダへドラッグアンドドロップ。これでインストール完了。 Sublime Text 3を日本語化 Sublime Text 3を起動し、View > Show Consoleをクリック。 画面下に入力エリアが出てくるので以下をコピーして貼り付け、returnキーを押す。 import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); u
テーマ Flatland にした。Package Control からTheme - Flatlandを探してインストールする。 Flatland には紙飛行機みたいなアイコンも用意されてて、気に入ったのでアイコンも変えた。Sublime Text.icnsを上書きするだけ。 カラースキームNexus にした。こっちは Package Control になかったので、手動で追加した。GitHubから「Nexus.tmTheme」を落としたら、 mac で下記のディレクトリまで移動する。 ライブラリ > Application Support > Sublime Text 3 > Cache そのなかに「Color Scheme - User」フォルダを作ってNexus.tmThemeを放り込む。 すると
このエントリーはWeb制作者のためのSublime Textの教科書のアウトテイク的なエントリーです。 CMSなどを用いて制作や運用をしていると、どうしてもtextareaとの付き合いが多くなります。チャチャッと終わる場合はいいのですが、テキストが多い場合や、HTMLやマークダウンで入力するときはエディターでやりたくなります。コピーペーストでも良いといえば良いのですけど、そういうひと手間は減らすに限るので、そのやり方をいくつか紹介しておきます。 ちなみにSublime Textとしているところをそれ以外の自分のお気に入りのエディターにしてしまえば大体そのまま利用できると思います。 WindowsではText Editor Anywhere Windowsを利用している場合はText Editor Anywhereでいいと思います。私もWindows環境ではこれでSublime Textを利
○概要 Windows版のDreamweaver CS5にて、Extension Managerから拡張機能をインストール使用としたときに「メニューを更新できません。拡張機能パッケージは作成されません。」というエラーメッセージが表示されてしまう時の対処方法です。 ○対処方法 1.Dreamweaverを起動します。 2.以下のフォルダ内のファイル「Menus.xml」を削除します。 C:\Users\(ユーザー名)\AppData\Roaming\Adobe\Dreamweaver CS5\ja_JP\Configuration\Menus (Windows XPの場合は「Application Data」フォルダ以下になります) 3.Extension Managerから拡張機能をインストールします。 4.Dreamweaverを一旦終了します。 以上で手順は完了です。 ○補足 削除した
こんにちは、つい最近メディア事業部脱退を表明したデザイナーの王です。 PhpStorm、Aptana、NetBeansなど、大抵のIDEは、コードを書きながら構文エラーをリアルタイムでチェックしてくれるとても便利な機能がついていますよね。 個人的にはPhpStormが一番使いやすかったですが、IDEだと、プロジェクト単位で管理しなければならないので、小回りが効くSublime Textも以前から愛用しています。特にSublime Textの「Multiple Selections」という機能が凄く便利で、一旦慣れてしまったら、この機能が使えないPhpStormで作業するとストレスが溜まってしまいます!! でも、はやりIDEのリアルタイムコード解析は使いたいなぁ〜〜 でも…でも… こんな葛藤に苦しんだ結果、とある偉大なプラグインが誕生しました!!その名も「SublimeLinter」です!
世の中にはこんなに便利なアプリがあったのかと驚きを隠せない霙(@xxmiz0rexx)です。なぜ今まで知らなかったのか!!なんて非効率な日常を送っていたのか!!悔やんでも悔やみきれないです本当に。。 というわけで、今日は存在を知って以来 毎日使ってしまっている超絶神アプリをご紹介させて頂きます:) スマートフォンサイトやアプリデザインに最適なのでマカーなあなたは是非チェックしてみてください!! 『Skala Preview』とは Photoshopで開いているキャンバスをスマートフォンでリアルタイムプレビュー出来るアプリです! 今までスマートフォン向けのデザインをする時は、Dropboxにpngを保存し、同期させ、実機で確認していた私。 同期にいちいち時間がかかり かなりストレスだったので、このアプリを知って大歓喜なのでございます♡ 公式サイト:Skala Preview, a Mac a
{ "color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme", "draw_white_space": "all", "ensure_newline_at_eof_on_save": true, "flatland_square_tabs": true, "font_size": 18, "highlight_line": true, "ignored_packages": [ "Vintage" ], "itg_small_tabs": true, "tab_size": 2, "theme": "Cobalt2.sublime-theme", "translate_tabs_to_spaces": true, "font_options" : ["gray_antialias"] } ちなみに設定ファイルは js
Sublime Text2でシンタックスハイライトなどのパッケージが必要になると、配布サイトからダウンロードして解凍してインストールという手順でしていましたが、パッケージの管理ができる Sublime Package Control を入れて使ってみたところ凄く便利だったので Installation – Sublime Package Control を基に手順とかを書いてみた。 Sublime Package Controlをインストールする Sublime Package Controlをコンソールからインストールします。 手動でもインストールできますが、コンソールの方が楽なのでコンソールを利用しましょう。 手動インストールの手順はこちらからどうぞ。 Manual Instructions – Sublime Package Control コンソールを表示する Sublime Te
いよいよ、、、 黒い画面(コマンド プロンプト)の登場です。 ...待って!逃げちゃダメだ!! ここでは、、、 Rubyのインストールもしなければなりません。 ...だから待って!逃げちゃダメだ!!逃げちゃダメだ!! Rubyやら黒い画面とかは、ボクもそうですが、馴染みのない人にとっては意味不明過ぎるかと思いますが、思ったよりカンタンに使うことが出来ます。 これを乗り越えれば、黒い画面も可愛く見えるかも知れません。 ちなみに、Macの方がインストールが楽だと色んな所で書かれてますが、ボクがMacにインストールした感じ、見事にハマってMacの方が大変じゃないか!と思ったのはナイショです。 参考:CSS拡張メタ言語「Sass」フレームワークをインストール(Mac)/ - サイブリッジラボ こんな感じでハマってしまう可能性が有るんですよ、奥さん。 Rubyのインストール さて、Scoutなどのア
Sublime Text: InputSequence でキャレット位置に連番 Sublime Text の機能である複数キャレット。キャレット位置に連番入れたい!と思っていたときに出会ったプラグイン。 しばらく使ってみた結果、これは使いつづけるなぁって思ったプラグインのひとつです。作ってくれている人に感謝 XD kope88/InputSequence ←なくなっちゃったぽい?kazu1107/InputSequence ←新しいぽいこの記事は「kope88/InputSequence」のリポジトリがあった頃に書かれたものです。「kazu1107/InputSequence」の詳しい使い方は README をご確認ください ;D 1. 複数箇所にキャレットを置く複数箇所にキャレットを置くときは、ctrl + shift + ↑ か ctrl + shift + ↓ か *cmd 押しなが
今はただひたすらに猫の写真を眺めていたい……という時に、Instagramに投稿された猫の写真をアイウエオ順で検索、好みの猫の写真をまとめて見て楽しめるアプリが「Nyanstagram」です。 Nyanstagram for iOS http://www.nyanstagram.com/ まずはアプリをインストール。 インストールしたアプリを起動すると、Instagramにログインするかどうか尋ねられます。ログインしなくてもアプリの利用に問題はありませんが、ログインすることで閲覧可能な写真枚数が増加します。 アプリのホーム画面はこんな感じ。アイウエオ順に続いてabc順で猫の種類が表示されています。 アメリカンショートヘアをタップします。 ホーム画面に戻る時はスワイプで戻ってね、という表示。 アメリカンショートヘアには35枚の写真がありました。なお、Instagramにログインすると、表示さ
3日間、ノロウイルスにやられ寝込んでいました ishida です。 手洗い・うがいはキチンとしておきましょうね。 さてさて今回は、「Fireworks Lover Advent Calendar 2012」 8日目のエントリーとして Fireworksでワイヤフレーム・モック作成時に覚えておくと便利な拡張機能について2つご紹介します。 自分はワイヤーフレーム作成につかうツールは、もっぱらFireworksです。 CS6にバージョンアップされてからワイヤーフレーム用の共有シンボルがめちゃくちゃ増えて、デザインツールとしてだけではなくワイヤフレーム作成ツールとしても便利になりました。 ちなみに共有シンボルの「ワイヤフレーム」内にあるパーツはこんな感じです。 また「jQuery Bootstrap」のパーツもあったりします。 これだけでもかなり便利なのですが、コンテンツ内のアタリ画像とダミーテキ
ようやくリニューアルが一段落付いたので今回やったことを色々備忘録として更新していきます。 リニューアルを行うに当たり、まず行ったのはMacのローカルにWordPressが動作する環境を作る事(要するに普段使ってるパソコン内で動くようにする)。 ブログサービスを利用していたり、公開前のサイトであればサーバー上で直接修正でも良いが、テーマのカスタマイズ等を行うとなるとそうも行かない。 動かないなんてざらだからだ。その他にもローカル環境を作っておくとWordPressのバージョンアップとかテストもしやすいのでメリットは多い。 ぶっちゃけ、SE的観点で言えばテストもしないで本番環境のソースを触るなんて、恐ろしくてできないw 必須アプリケーション MAMP WEBサーバー+PHPとDBサーバーがセットになったアプリケーション。 Windowsではxamppが有名だがMacになるとMAMPらしい。 好
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く