ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
HTTPリクエストを減らすために【序章】HTTPリクエストは甘え - MOL
このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっている。 【序章】HTTPリクエストは甘え 【CSS Sprite編】スプライト地獄からの解放 【WebFont編】ドラッグ＆ドロップしてコマンド叩いてウェーイ 【DataURI編】遅延ロードでレンダリングブロックを回避 【終章】我々には1000msの猶予しか残されていない 1日目は、HTTPリクエストの概要について説明する。 例えに、私のポートフォリオページ（t32k.me）が表示されるまでの流れを見ていく。まず、検索からでも方法はなんでもよいが、ブラウザのURLバーにt32k.meと打ち込んでアクセスする。そのページを見にいくということは、つまりt32k.meに対してHTTPスキームでリクエストするということを意味している。 クライアントであるブラウザは入力されたURLを判断して、リソ
知ってるとちょっと役に立つCSSのTipsまとめ
ちょっとのつもりでCSSサンプルコードチマチマ書いて記事化してたら10件以上たまってました。 基本的に私はWeb屋さんではないので結構いい加減なコーディングしてたりもしますが、WEBサイト制作ではよく使いそうなプロパティについて使い方を説明してますのでなにかと参考にしていただければ。 こういった記事は基本的に「知らない人向け」に書いて（だからこそ役に立つ）ますので、不必要な部分はあえて端折ったりしている一方で必要なところはやや冗長と思われても出来るだけ詳しく書いてるつもりです。あくまで初学者向け。 というわけで当ブログCSSネタまとめ2013年2月版ということで。 1.長文テキストを段組 CSSで文書の段組表現を行うcolumnプロパティの使い方 一連の長～い文章を1つのボックス内で段組するにはどうすればよいでしょうか？というお話。columnは地味というかあんまり知られてないプロパティっ
イラストにおけるキャラクターの撮り方、考え方、tips - pal-9999のサッカーレポート
皆さん、こんにちは、ベルマーレが三連敗してしまい、ふんだりけったりの管理人でございます。こんにちは。腹立たしいので、今日はサッカーの話でなく、久々にイラストの話でもしようかと思います。 そもそも、この時期は、Ｊ２サポにとっては、精神的にきっつい季節で、カリカリしてるです。まあ、次は真面目に香川の話でもしますが、今日は、サッカーの話をする気分じゃないので、久々にイラストの話でもします。 イラストにおけるキャラクターとカメラの話 さて、昨今、デジカメが安くなってきたせいか、イラストの描き方に色々と変化が起きているように思います。絵を描くときは、参考資料に写真を撮るのが普通ですけど、そこで問題になるのが、写真の撮り方です。 えーと、最近はデジカメの安いのでも、ズーム機能とか手ぶれ補正とかついているので、素人でも簡単に広角と望遠を使い分けて写真撮れるようになりました。 井上純弌氏による「萌え絵／エ
Google SEOの順位決定に大きな影響を与える30の要因【最新版】
GoogleのSEOランキングの決定要因を知ることはWEB集客に必要不可欠だ。 Googleは世界最大の検索エンジンであり、「世界中のインターネットユーザーにベストのコンテンツを届ける」ために、不断の改善を重ねている。 そして、近年のパンダアップデートの継続的な実施により、今まで以上に検索エンジンのクオリティが高まり、ユーザーにとって理想的な形に近づきつつある。 従って、今までは有効だった方法が、全く逆効果になるという例すら少なくない。 そこで、本日は、最新版のGoogle SEOの順位決定に大きな影響を与える３０の要因をご紹介する。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現したアプリメディアなど大きな成果を挙げ続けている。 各サイトの成功要因をインタビューしているので、 あ
Photoshopでの作業をより早くより簡単にする20のTips
Photoshopでの作業を今までより早く、そしてより簡単にする20のTipsをSpoonGraphicsから紹介します。 20 Handy Photoshop Tips For a Faster Workflow デザイナーの人には常識的なものだと思いますが、実用的で多用するものが多く紹介されています。 ※コマンドはWin XP+Photoshop CS4のものです。 Macの場合は、下記置き換えてください。 Ctrl = Cmd Alt = Opt 作業ファイル上で、[space] 使用してるツールを手のひらツールに変更し、画像を移動させることができます。 [編集]-[環境設定]-[テキスト]の「フォントプレビューのサイズ」 サイズを「特大」にすると、フォント選びが楽になります。 「文字パレット」のサイズにフォーカスをあてて[矢印] 上下の矢印キーでフォントサイズを増減することができま
プログラミングができなくても作れるTwitter botの作り方
Twitterのおかげで、それまではごく一部の人しか知らなかったbotというものが、だいぶん身近で親しみやすいものになったと思うんだけど、 こうなったらもっと気軽に誰でもbotを作れるようになったら楽しいんじゃないか。プログラミングができない人でも一人一botくらい持つ勢いで。 ということでこの記事を書いてみました。
Photoshopの動作を軽快にするための10のポイント
Photoshopの設定を変更して、動作を軽快にするための10のステップをSmashing Magazineから紹介します。 10 Simple Steps to Better Photoshop Performance はじめに もし、あなたがPhotoshopの設定をデフォルトのまま使用していたり、パフォーマンスを改善するために再点検することを望むなら、ここで紹介する10のポイントをチェックしてみてください。 1. ヒストリーの数を調整 作業履歴を記録するヒストリーはRAMを肥大化させるため、できるだけ数を少なく設定します。 一つの目安として、RAMが2GB以下の場合はヒストリーを使用しない方が軽快に動作します。 [編集] - [環境設定] - [パフォーマンス]の「ヒストリー&キャッシュ」で設定を変更できます。 2. キャッシュレベルの数を調整 レイヤーの数が少なく高精細の画像の場合
WordPressをカスタマイズするTips10 – creamu
WPSHOUTというサイトで、WordPressをカスタマイズするTipsが紹介されています。 いくつかご紹介しますね。 ・カスタムフィールドを使わずにトップページにリサイズされたサムネイル画像を表示する WebDeveloperPlusを参考に実装 ・ピックアップコンテンツギャラリーをjQueryで実装 雑誌のようなデザインの要素の一つに、画像を使った特集コンテンツがある。 WebDeveloperPlusをWordPress用に書き直している ・エントリーの下にソーシャルメディアへのリンクを配置する ソーシャルメディアアイコンはA quick Googleから探せる。 DeliciousやDiggへ追加するパラメータの付け方を紹介 ・人気のあるエントリーを表示する WP-PostViews pluginが便利 結構いい感じのが揃っていると思うので、一度見てみてください。 » 10 Ti
PNG画像をより美しく、より軽量に最適化するテクニック | コリス
先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。 追記：2009/07/27 本エントリには続きがあります。 続：PNG画像をより美しく、より軽量に最適化するテクニック Clever PNG Optimization Techniques 下記、各ポイントをピックアップして紹介します。 最後のはCS3向けで不明だったので、途中省略しています。 はじめに PNG画像フォーマットの概要 1. ポスタリゼーション 2. 手のはいってない透過 3. 透過による分離 4. マスクを活用 はじめに ウェブデザイナーとしてあなたは既にPNGのフォーマットに精通しているかもしれません。PNGは劣化のないフォーマットとして、GIFの非常に良い代わりとなります。 Photoshop（あるいは他の画
どんなにへたくそでも一日後には絵が上手くなる方法:ハムスター速報 ２ろぐ
1 ：以下、名無しにかわりましてVIPがお送りします：2009/07/07(火) 14:08:30.25 ID:fhMB9CyV0 ・用意するもの えんぴつ 紙 2 ：以下、名無しにかわりましてVIPがお送りします：2009/07/07(火) 14:12:07.83 ID:fhMB9CyV0 紙はノートでも何でもいいです えんぴつは濃いB2以上を推奨 それでははじめましょう 注意： 私のことを信じられない人はやらないで下さい 効果がなくなるので 3 ：以下、名無しにかわりましてVIPがお送りします：2009/07/07(火) 14:12:49.43 ID:1kfdmwiJO 用意した 4 ：以下、名無しにかわりましてVIPがお送りします：2009/07/07(火) 14:12:57.36 ID:USUmWtBu0 やてみようかね 5 ：以下、名無しにかわりましてVIPがお送りします：20
写真がうまくなりたい？「ひとつ上の構図」を目指すための9のTips - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
ドットインストール代表のライフハックブログ
簡単に、エクセルの作業効率をアップする15のTips | コリス
エクセルの設定をカスタマイズして、作業効率をアップする15のTipsをChandoo.orgから紹介します。 15 MS Excel Tips to Make you a Productivity Guru 各Tipsの表記は、当方のエクセル2003に準じています。 会社時代、納品したエクセルのプロパティに変な名前があってナミダモノでした。14番のTipsを知ってれば、全員に設定したのになぁ。 入力後のセルの移動方向を変更 新規ファイルのシート数を変更 デフォルトのフォントを変更 カスタマイズしたリストでオートフィル 使用できる色を増やす 数値の桁区切りの記号を変更 数式のエラーを非表示 自動修正に用語を登録 常にすべてのメニューを表示 画像を圧縮し、ファイル容量を軽減 自動計算で時間がかかるのを解除 テンプレートを設定 オフィス間でグラフをコピペ ファイルから個人の名前などを取り除く メ
初心者が簡単にプロっぽく記事の内容を仕上げるテクニック*ホームページを作る人のネタ帳
第３回目の特集は、記事の内容を少しだけレベルアップさせるテクニックです。 今回のトレーニングを全て終えた時、あなたのブログは少しだけレベルアップするかもしれないです。 あまりギスギスせずに記事を書きたいんだという方はそれでも良いと思います。 難しい事を要求するわけでもありません。特に、社長ブログや、社員ブログなどの、ぞくにいう『ブログ初心者』の方々を相手に考えた方法です。次の３つのステップにチャレンジしてみると、いつの間にか身についてしまうと思います。 興味のある方は是非やってみてください。やってダメだったら自分流を模索してみるのも悪くありませんので！ 要点分解トレーニング さて、記事を書く前に、必ず記事にしようと思うネタがあるはずです。 ネタがないのに書こうと思ってかける人なら素晴らしいですが、大体事前にネタがあるはずです。 そのネタを、まず分解する事。 これがこのトレーニングの肝です。
新社会人が仕事を覚えるために、今すぐ読むべき良記事15つ : ロケスタ社長日記
そういえば、新社会人の季節ですね。 新人さんは勉強しなきゃいけないことがたくさんありますが、それらを全部学ぶのは大変。本を買うにもお金がかかるし、時間はないし・・・。 しかし今の時代は、インターネットで短く要点がまとまっている良記事が無料で読めてしまうのです。やった！ というわけで、このへんを読んでおくといいんじゃないかなー、という記事をまとめてみました。僕自身、かなり影響を受けたエントリばかりなので、参考にしていただけるとうれしいです。人生・考え方 苦手だと認識したら克服する努力をしてみる：DESIGN IT! w/LOVE これは絶対読んで欲しいです。 自分のスキルをどう伸ばしていくのか？というところで影響を受けまくりました。この記事がなかったら今の自分がないかもしれないくらいです。 あなたの性格は直らない。直す必要が無い。 - くろいぬの矛盾メモ 自分の性格は直せない。 そして、直す
常用中 Firefox 3 アドオンのまとめ
1年に 1回は書いているこのネタ、懲りずに私が個人的に日常利用している Firefox アドオン（+ Greasemonkey ユーザースクリプト）を挙げてみました。Firefox 3 対応のアドオンのみを集めています。 1年に 1回は書いているこのネタ、懲りずに私が個人的に日常利用している Firefox アドオン（+ Greasemonkey ユーザースクリプト）を挙げてみました。Firefox 3 対応のアドオンのみを集めています。 アドオンはあんまり数多くインストールすると結構重くなるので注意してくださいね。その場合は、インストールしても、使うとき以外は無効にしておくなど工夫しましょう。メモリてんこ盛り PC ならあまり気にならないと思いますが。 今回は数が多いので大まかにグループ分けして紹介してみます。あと、特定のアドオンに依存しているものもありますので、その辺はまとめています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WEBディレクターの為のEXCEL術（3）作業が捗る小技10選 | designaholic -Creative Column-
Excelの便利な使い方まとめ【NAVERまとめ】
口コミされるビジネスブログの秘訣『ポストタイトル7対1の法則』とは？
ウェブデザインのクオリティをアップする7つのポイント | コリス