【オリジナル制作】Photoshopでの作業を効率化できるいい感じのJSXスクリプト | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。「とりあえずタイトルに興味を持ったけどいまいちピンとこなかった」という方もいるのではないでしょうか。 ずばり、Photoshopのスクリプト機能を利用して、表題の作業を自動的に処理させるということです。僕みたいな怠け者で楽をしたい人にはぴったり！ 今回主に紹介したいのは自作のスクリプトで、Webに特化した作業を簡単にしてくれます。 ダウンロードはこちら（ダウンロードが開始されます）： https://liginc.co.jp/demo/2012/09/PhotoshopScripts.zip スクリプトを使うには？ まずはスクリプトの使い方について説明していきます。 スクリプトをダウンロードし解凍したら、拡張子が「jsx」のファイルが幾つか入っていると思います。それらを下記のフォルダにコピーし、PCを再起動させます。 Windows：PhotoshopPre
文中のURLを自動でリンクしてくれるjQueryプラグイン「Linkify」:phpspot開発日誌
Linkify - a jQuery plugin by @SoapBoxHQ 文中のURLを自動でリンクしてくれるjQueryプラグイン「Linkify」 サーバサイドで自動リンクするような処理はよくありますが、jQueryプラグインでクライアントサイドのCPUを使って自動リンクできるという便利なプラグインです。 初期化すれば簡単に簡単にリンク化されます。httpがはいってなくてもドメインぽいものは全て変換されるようです 関連エントリ CSS3による多彩なテキストアニメーションが実装できるjQueryプラグイン「Textillate.js」 テキストエリアを動的リサイズ＆カスタマイズ可能なjQueryプラグイン ランダムに動く面白テキスト実装jQueryプラグイン「funnyText.js」 jQueryで分かりやすいテキストのDIFF表示ができる「jQuery.PrettyTextDi
アイデアを可視化しよう！ 「マインドマップ作成ツール」ベスト5 | ライフハッカー・ジャパン
ブレインストーミング、計画立案、アイデアの具現化などに効果を発揮するマインドマップ。ありがたいことに、マインドマップの作成やまとめ、保存などを行うための便利なツールが、たくさんリリースされています。でも、どれを選んでいいやらさっぱり。そんなあなたのために、米Lifehackerが読者投票で選んだ、マインドマップ作成ツールのベスト5を紹介します！ （正確な順位と得票数を知りたい方は、こちらをご参照ください）Mindjet（Windows/Mac/iOS） 『Mindjet』は、ブレインストーミング、プロジェクト管理、タスクのコラボレーション、組織力強化などに役立つ統合アプリケーションです。マインドマップ作成ソフトというよりは、プロジェクト管理およびコラボレーションのための完全パッケージのようなイメージ。それでいて、マインドマップ作成とブレインストーミングにおいても、非常に強力なツールでもあり
もうファイル管理で困らない！ デザイナーのためのSubversion/TortoiseSVN入門
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに はじめまして、Yahoo!検索のデザイナー担当の竹内美帆と申します。 今Yahoo! JAPANでは、プロジェクト毎にバージョン管理システムを使い分けていますが、Subversionを使用しコードを管理しているプロジェクトもあります。2011年1月～3月には、デザイナーが所属する部署でもデザイナーが作成するHTML・CSS・JavaScriptファイルなどをバージョン管理システムであるSubversion（サブバージョン）で管理しようという動きがありました。 デザイナーにとってはとっつきにくい印象がある「バージョン管理」ですが、うまく利用すれば「あのファイルどこいった？（汗）」「いつこのファイル書きかえたっけ？（汗）」「
TortoiseSVNのインストールと設定
TortoiseSVN は Windows で動作する フリーのSubversion クライアントです。 TortoiseSVN はエクスプローラーの右クリックメニューで動作します。 エクスプローラー上ではアイコンオーバーレイ機能により、 ファイルやフォルダの状態が一目で分かるようになっています。 また、日本語化の完成度も高く、ポップアップの説明文まで丁寧に日本語化されており、 大変使いやすいです。 このページでは TortoiseSVNのインストールとリポジトリへの接続について解説しています。 TortoiseSVNの使用法については、「TortoiseSVNの使い方」で解説しています。 TortoiseSVNをインストールします。 TortoiseSVN のプロジェクトページからインストーラーをダウンロードします。 TortoiseSVNダウンロードページ インストーラーと、日本語化を
【Sublime Text2】W3Cのバリデーションチェックができるパッケージ「W3CValidators」 | バシャログ。
5歳・8歳になる娘へのクリスマスプレゼントはアイカツ3DSゲームとアイカツギターになりました ishida です。どんだけアイカツ大好きなのよ〜、私はトンカツ好きなのよ〜。 さてさて、皆さんHTMLコーディング時のバリデーションチェックにはどのツールをお使いでしょうか？ The W3C Markup Validation Service サービスでページごとにコピペしてチェックすることも多いかと思います。でも毎回コピペとか手間がかかりますよね。 今回は、Sublime Text にてバリデーションチェックできるパッケージがありましたのでご紹介。 パッケージインストール まずは、パッケージのインストールです。 Sublime Text を立ち上げた状態で、ToolsメニューからCommand Pallet をクリックして Package Control: Install Package を選
ファイル名を指定して実行の表示-Windows8（設定・使い方）
「ファイル名を指定して実行」を表示、使用する方法 レジストリエディタや、DirectX診断ツール、システムコンフィグ（システム構成）等ファイル名を指定して実行じゃなければ起動できないソフトウェアがあります。ファイル名を指定して実行を表示する方法および、使用する方法を紹介します。 ■「ファイル名を指定して実行」を表示、使用する方法１．スタート画面の何もないところで右クリックし、[すべてのアプリ]をクリックします。２．アプリ一覧画面より[ファイル名を指定して実行]をクリックします。※頻繁に使うようであれば、「ファイル名を指定して実行」を右クリックし、スタート画面または タスクバーにピン留めすると使いやすいと思われます。３．ファイル名を指定して実行のウィンドウが開くので、入力フィールドに プログラム名などを入力して、[OK]をクリックします。 管理人がよく使っていた実行ファイル例・DirectX
2013年にお世話になった3つのWeb系◯◯の教科書｜男子ハック
新婚旅行中に読んだ「SEO内部対策の教科書」2013年3月頃にスペインに新婚旅行に行ってきました。ゆっくり時間を取ることができるタイミングなんてないので飛行機の中や旅先で勉強しよう！ということで購入した本。 2013年になってSEOの外部対策よりも内部対策のほうが重要になるだろうな...と予想していたのですが、結果的に予想通りになったのでとても参考になりました。 内容も「教科書」と書かれているように、とても読みやすくわかりやすいものでした。内部対策のことを勉強したいと思っている人にはおすすめです。 WordPressをもう少し使いこなしくて読んだ「WordPressの教科書2」男子ハックでは記事執筆担当は僕（@JUNP_N）が行い、開発案件はさく（@saku_t2）が行っています。 当初は2人でWordPressを触っていたのですが、今は任せっきり。技術レベルが離れていってしまったので、少
facebookアプリの作り方(PHP編) | PLUS
コンテンツへスキップ →web コメントコメントを残す コメントをキャンセルメールアドレスが公開されることはありません。 * が付いている欄は必須項目です コメント 名前* メール* サイト 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。 Δ 先頭へスクロール
[JS]レスポンシブにしっかり対応！高さの異なるパネルを揃えたり、成り行きにするスクリプト -EqualHeight.js
divなどで配置したパネル内の要素の量が異なっていても、全てのパネルの高さを揃えるjQueryのプラグインを紹介します。 高さを揃える系としては後発のスクリプトですが、レスポンシブにしっかり対応しているのがポイントです。 一列のパネルはもちろん、段組でもOK、省スペースのスマフォ用に成り行きもコントロールできます。
デザインやファッションに取り入れたい2014年のトレンドカラー、春のトレンドカラー12色も魅力的！
Pantoneが2014年セレクションしたカラーは、鮮やかに咲き誇るランをイメージさせる淡くピンクがかったパープル「Radiant Orchid」。 今回はダウンロード素材として、Radiant Orchidを含む2014年 春のトレンドカラー12色をPhotoshop用のスウォッチを用意しました。 Pantone Color of the Year 2014 PANTONE 18-3224 Radiant Orchid Radiant Orchid（レイジアント オーキッド）とは「光り輝くラン」のことで、表情が非常に豊かなカラーです。その鮮やかな色味は信頼と暖かさにあふれ、人々の興味をそそります。 パープルとピンクが織りなす魅力的なハーモニーは、ランの花のように大きな喜び、愛、健康を象徴します。 Radiant Orchidのイメージボード PANTONE Color Systems:
スマホ最適化、やるなら今！ 現在は解消されているレスポンシブ・レイアウトの3つのデメリット – Handmade Future！
WordPressで運営しているブログのスマートフォン最適化には、レスポンシブ・デザインがおすすめです。 1年前にはデメリットとされていた、信頼性、選択肢、広告やコンテンツがはみ出す問題、ノウハウの蓄積不足も、現在は大部分が解消されています。 モバイル専用サイトでは「自分らしさ」を出しにくい 「オピニオン系ブログでもモバイルからのアクセスがパソコンを明確に上回るようになった」という記事を書きました。 あなたのブログ、知らないところで「何これ見にくい」って酷評されてますよ。 モバイル（スマートフォン＆タブレット）からのアクセスが過半数なのであれば、スマホ最適化に本腰を入れない理由はありません。というよりむしろ、パソコン環境は後回しにして、モバイル環境を基準にカスタマイズしなければ、本末転倒ですよね。 スマートフォン、タブレットに対応するには、大きく2種類の方法があります。一つは、現在主流の、
このアクセスって誰？ IPアドレスやホスト名からユーザー情報を調べる5つのサービス
このアクセスって誰？ IPアドレスやホスト名からユーザー情報を調べる5つのサービス：3分LifeHacking 自分のWebサイトにアクセスしてきたユーザーの接続元や、メールの送信元を調べるために、IPアドレスを手掛かりに検索する機会は少なからずある。最近だと、Facebookで不明な機器からログインがあった場合にそのIPアドレスがユーザーに通知されるので、Webサイトを所有していない場合でも、IPアドレスを意識する機会は増えている。また「bizmakoto.jp」といったドメインからサーバの所在地などを調べたいケースもあるはずだ。 今回は、IPアドレスから、Webサイトにアクセスしてきたユーザーの接続元などの情報を割り出すためのサービスを5つ紹介する。いずれも操作方法はよく似ており、接続元がGoogleマップで表示されるのも共通だが、出力される情報の種類は少しずつ異なる。また独自の機能を
フォント選びで個性が出る！ はてなデザイナーお気に入りのフォント16選 - Hatena Design Group
あけましておめでとうございます。はてなデザインチームの id:tanemu です。 デザイナーが個人的に好きなフォントって気になりますよね。新年最初のエントリーは、お気に入りのフォントについてデザインチームに聞いてみました。どことなく人となりが感じられるチョイスになったような気がします。 id:ueday いつもフォント激安情報をIRCに流してくれる id:ueday さんのおすすめは、 salome めちゃくちゃおしゃれ、だけど使いどころが難しいから腕が問われる。 ITC Lubalin Graph スラブセリフかっこいいです。 uedayさんの資料で、数字部分におおきくsalomeをあしらっているのを目撃したことがあります。どちらもXハイトが高めの特徴的なフォントですね。 また、よく使うフォントも教えてもらいました。 見出ゴMB31 ツメて使うのが好み Lato Google webf
【大幅追加】すごい参考になるiOS開発関連の良記事まとめ、ライブラリ、プログラミング、UI/UX、プロモーションのメモ - showrtpath - iPhone,iPadウェブブラウザアプリ開発ブログ
2014-01-07 【大幅追加】すごい参考になるiOS開発関連の良記事まとめ、ライブラリ、プログラミング、UI/UX、プロモーションのメモ iOS開発の記事のまとめ こんにちはnasustです。『すごい参考になるiOS開発関連の良記事まとめ、ライブラリ、プログラミング、UI/UX、プロモーションのメモ - showrtpath - iPhone,iPadウェブブラウザアプリ開発ブログ』を大幅に更新しましたので、更新内容をこちらで紹介します。このまとめは、iOS開発者の有益な情報を提供する目的です。このまとめを読むだけで高品質なアプリが開発できるようにします。 以下のまとめを『すごい参考になるiOS開発関連の良記事まとめ、ライブラリ、プログラミング、UI/UX、プロモーションのメモ - showrtpath - iPhone,iPadウェブブラウザアプリ開発ブログ』に追加しました。 入門・
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLにおける画像のセンタリング方法について
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
