すぐに現場で役立ったPhotoshopの機能を紹介！CSS Nite LP, Disk 22参加レポート - Design Color
今さら知りました…！便利すぎる「コンテンツに応じる」機能 皆さま、Photoshopの「コンテンツに応じる」機能をご存知でしょうか？巷では略して「コンじる」機能とも言われているようですw（以下、そう呼びます） PhotoshopはCS4以降、「コンテンツに応じて?」という言葉を使った自動処理機能を強化してきたようです。 では、その「コンじる」機能とは何でしょう。講師として登壇して下さった結城 しおりさんと鷹野さんが、「コンじる」機能を教えてくださいました！ 人肌は守ります！「コンテンツに応じて拡大縮小」 こちらは講師の結城 しおりさんに教えていただきました。 みなさん、バナーなどを作る時、 「あー！素材の幅がちょっと足りない」ということはありませんか？ こういう時、足りない部分を補完してあげてもいいいのですが、 時間がないのー！という時にはこれです！ イヤイヤイヤイヤ！！と思いますよね？で
[CSS]画像置換「-9999px」のパフォーマンスを改善した新しいテクニック
テキストで実装した見出しなどを画像に置換するテクニックで「-9999px」が有名ですが、そのパフォーマンスを改善するテクニックを紹介します。 Replacing the -9999px hack (new image replacement) [ad#ad-2] 画像置換：-9999px 改善したテクニック 画像置換：-9999px -9999pxを使った画像置換のテクニックは、下記のようになります。 HTMLは見出し要素で実装します。 HTML <h3 id="sample06">見出しのテキスト</h3> 「text-indent:-9999px;」でテキストを見えない位置にし、見出しとなる画像を背景画像として表示します。 #sample06{ width:300px; height:50px; background:url('bg-01.gif') no-repeat 0 -250p
スマートフォン専用ページを作成する際に知っておきたいポイント｜Webpark
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには？ ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介
iPhoneがアップルマークのまま起動しないときの対処法 - ライフハックブログKo's Style
先日、私のiPhone4Sがアップルマークのままフリーズしました。 マメにバックアップしているし、まぁ復元すればいいやと思っていたのですが、思わぬ面倒がありました。 ここにまとめておきます。 時間のない方は、最後のまとめだけどうぞ。 1. 電源ボタン＋ホームボタンで何度も再起動 アップルマークのままフリーズ。電源も切ることができない。 ググってみると、電源ボタン＋ホームボタンで何度も再起動を試みると、直ることがあるらしい。 が、私の場合は改善されず。 試しにパソコンにつなぐも、iTunes でデバイスが認識されず。 2. リカバリーモードでの復元にトライ 「iOS：アップデートまたは復元ができない」を参考に、リカバリモードでの復元にトライ。 電源を切ったiPhoneをホームボタンを押したままＰＣにUSBケーブルで接続。 いったん認識されるも、その後認識されなくなり、復元できず。 3. DF
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
WordPress Fat-Loss Diet to Speed Up & Ease Load
WordPress can be used to build professional websites with outstanding designs. This popular platform includes all the tools that you need to successfully create stunning blogs and multipurpose websites. It all depends on each designer’s skills or the pre-made WordPress theme you choose to customize. This is exactly what this article is all about. Learn WordPress and everything you need to know abo
ShigZag.net » Blog Archive » 厚塗りっぽい描き方に挑戦してみた
2012/01/09 絵メモ vocaloid, イラスト, メイキング 厚塗りっぽい描き方に挑戦。簡単な塗り方メモつきです。 blogのネタでうんうん唸っていたら、絵茶で遊んでもらったり、日頃何かとお世話になっているAkiさんから「(blogのネタに)レン君とかいかがですか？」と振って頂いたのでVOCALOIDのレン君描いてみました。 この絵を描こうとした時にツイッターのTLで厚塗りに挑戦している方がいたので、自分も厚塗りっぽい描き方に挑戦。仕上げで厚塗りっぽさが薄くなりましたが、これはこれでいいかなーとｗ背景がないので少し寂しいですね。 需要があるかわかりませんが以下簡単な厚塗りメモを兼ねたりんごメイキング 30分で厚塗りっぽいりんごを描いてみる。 今回はりんごの画像を用意しました。理由はスポイトで色を吸い取って使えて便利だからです。形や色をとらえるという意味では実物を見ながらやった
ノンプログラマー向けのWordPressカスタマイズハック用プラグイン・WP Total Hacks
昨日Twitterにも情報流れてましたけど やっぱり便利なプラグインなので、改め てご紹介。僕やほかのブログでもよく 見かける、functions.phpにコードを追加 して行うカスタマイズを1つのプラグインで 管理できるようにしたもの。 デベロッパーは最近よくお話させてもらっている@miya0001氏。よく見かける、需要の高そうなfunctions.phpでのカスタマイズをプラグインで一括管理出来るようにしてくれました。 ページ推移も不要で、よく見かけるカスタマイズハックを簡単に行うことができます。 functions.phpに追記すればOKなものばかりですが、もともとコードがごちゃ付いてる場合も多々ありますが、PHPの知識が無いとなかなかテーマファイルに手を加えるのはハードルが高いと思います。そんなノンプログラマーさん向けに作られたプラグインです。 出来ることは以下。プラグインを有効化
ポスターなどでのタイトルの文字の調整の実際｜DTP Transit
年に一回、担当させていただいている多摩美術大学 デザイン学科向けの「Illustrator/Photoshop」セミナーを5月9日、10日に終了しました。 そのフォローアップ的な記事です。 なお、この素材は『Illustrator CS4 完全制覇パーフェクト』のものです。 日付 日付における年月日の文字や曜日、また、金額などの単位（円とかkmとか）は少し軽くしてメリハリをつけた方が、情報として文字列の内容を理解しやすくなります。 "打ちっ放し" 年月日や曜日が少し"重い"のでフォントサイズを下げました。 Illustrator CS以降は［文字］パレットメニューから［文字揃え］を「中央」から「欧文ベースライン」に変更しておくこと。 パーレン（丸括弧）を削除し、水、金をそれぞれ異体字切り替えで記号にします。 異体字切り替えを行うには、まず、［書式］メニューの［字形］をクリックして、［字形］
Photoshopのバッチ処理を使って、大量のaiファイルをpngに変換する
こんにちは、鴨田です。 前回はPhotoshopで壁紙を作りながら、基本的な使い方を覚えるという記事を書きました。 今日は、前回の続きをやりますと言いたいところですが、 ちょっと予定を変更してお届けしたいと思います。 最近、大量のaiファイルを指定の大きさのPNGに変換する、 というとても地味な作業をしたので、 俗に言うPhotoshopによるバッチ処理の解説をしたいと思います。 ちなみに、このときに使った元データはAUの絵文字データです。 AUさんのサイトからダウンロード可能です。 (http://www.au.kddi.com/ezfactory/tec/spec/3.html) こちらを用意したら、まずはaiファイルをふるいにかけます。 どういうことかという、aiファイルにも2種類あって、 pdf形式と、eps形式があるのです。 このpdf形式になっているものが厄介で、 Photos
News - 6 Ways to use a seamless pattern in Photshop and Illustrator | Designious
You're currently on: Home News 6 Ways to use a seamless pattern in Photshop and Illustrator We want you to get the most out of our vector patterns so to make your job easier, we've made a list of methods you can use to apply patterns to your artwork, for both Illustrator and Photoshop. Difficulty: Beginner Completion time: 5-10 minutes Tools: Illustrator and Photoshop Resources: Seamless Vector Pa
25 Useful CSS3 Techniques and Tutorials - DzineBlog.com
Css3 have a capacity to revolutionize the way we design/develop website. css3 is intoducing loads of new and exciting features. Most of the browsers such as Firefox, Safari already support some of the CSS3 properties It is essential today for a web designer to know about CSS3 and there are many tutorials and resources for the CSS3. Below i’ve listed 25 Useful CSS3 Techniques and Tutorials to get y
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressでアイキャッチ画像に任意のデフォルト画像を設定する方法 * prasm（プラズム）
イラレラボ illustrator-labo – イラレについてのシノゴノ
Photoshopの使い方サイト：www.fmod.jp
移転しました｜After Effects Style｜初心者からはじめるAfter Effectsの使い方