新着記事『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
HTML5+CSS3で作った無料ブログ用テンプレート【SimpleBlack】
自分の知識の確認の意味を込めて、去年の11月にHTML5用の簡単なテンプレートを作成しました(もともとはCSS Animationの確認のために作った物です)。 もし気に入っていただけたらダウンロードして使っていただけたら幸いです。特に変わった仕様も無く、シンプルで単純なものだったので、多少でも見栄えを良くしようと、先日カスタマイズしておきました。 カスタマイズといっても、jQueryやアイコン・画像・少しのコードを追加しただけなので、そんなに期待しないでね！ちなみにブログ用にカスタマイズしてあります。 あとこのテンプレートの名前は【SimpleBlack】です(名前なんてどうでもいいですよね)！ 今回利用したjQueryなど jQuery Slider2 すごくシンプルで、軽量なスライダーです。あまりにシンプルだったので、本当に動くのか心配だったんですが、きちんと動いてくれました！このテ
これはお役立ち！リンク先のfaviconをリンクアイコンとして表示させる方法！ | バンクーバーのうぇぶ屋
よくリンクにアイコンを付けることってありますよね？アレをリンク先のfaviconを自動で表示させることってできればって思ったことってないっすか？ そんなWEB屋なら一度は（？）考えたことのあるfaviconのアイコン化がこんな感じで実装できることをつい先日知ることになり、びっくり感動してしまったので是非ご紹介させて頂ければこれ幸いです！ 元記事はこちら！ Favicons Next To External Links | CSS-Tricks これ実装すると、つまり下のような感じになるわけっすね！ これ、何をしてるのか気になって見てみたら、そもそもgetFaviconっていうサービスがあるらしいことをしりました。これはリンク先のURLをパラメーターとして渡すと、リンク先の<link>情報みて、faviconのURL引っ張ってくるって仕組みらしいですね。 http://g.etfv.co/h
フリーフォントやさしさゴシックボールドのダウンロード | フォントな
やさしさゴシックボールドはどんなフリーフォント？ フリーフォントのやさしさゴシックボールドは、自由にダウンロードし、商用・非商用問わず使用可能です。 やさしさゴシックレギュラーよりも太くタイトル、見出し向けのフォントになります。 このフリーフォントをご使用になるには、ダウンロードファイルに含まれる 「M+FONT-TESTFLIGHT」の内容を読みください。 It is requested to read and accept “M+FONT” before downloading Font. ページ最下段のフォントのダウンロードボタンを押してダウンロードして下さい。 ライセンス フォントは以下のライセンスに準じます。フォント同梱のテキストをお読み下さい。 * M+ (LICENSE_J,LICENSE_E) Copyright(c) 2012 M+ FONTS PROJECT ひらがな
WordPressで困った時に役立つお助けコード8つ
2013年3月23日 Wordpress WordPressでコーディング中、「理由はなんだかわかんないけどちゃんと動作してくれない！」なんて事がありませんか？私は度々ありました。その都度ググって解決策を探していたのですが、そのお助けコードメモがEvernoteに結構たまってきたので記事にしてみます。よくわからないけど動かない！という時に試してみてください！ ↑私が10年以上利用している会計ソフト！ お助けコードを使う前に 今まで動いていたのに突然動かなくなった！そんな時は慌てず、とりあえず以下を確認してみてください。プラグインが原因で動作しなくなる事が多いですね。 有効化しているプラグインをすべて無効化して試す </head> の前に <?php wp_head(); ?> があるか </body> の前に <?php wp_footer(); ?> があるか PHPコード（特にif構文
jQueryで作るマウスオーバーアニメーションするテキストタイプの縦型ナビゲーション10種
ベースとなるhtml 今回はテキストタイプなので文字列をリストで並るだけですね。 一部spanを入れた方が動作が安定することがあったので入れてます。javascriptのコードにspanを指定していなかったら外してください。 html <ul id="nav1"> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">GALLERY</a></li> <li><a href="#">LINK</a></li> </ul> 1.マウスオーバーでスライドするボタン 単純に横にスライドするアニメーションは「marginLeft」を変化させます。 テキストの色はcssで変えてます。 このナビゲーションに限ってはliにspanを入れると安定して動作するっぽいです。 html <li><a href="
画像にマウスオーバーするとキラーンとさせるjQueryプラグイン「jQuery Gloss」
画像にマウスオーバーした際にひと工夫したい。 そんな時にはjQuery Glossです。 キラーンとさせますよ、キラーン★ sponsors 使用方法 jQuery Glossからファイル一式をダウンロードします。 <script src="jquery-1.4.4.min.js" type="text/javascript"></script> <script src="gloss.1.0.js" type="text/javascript"></script> <script> $(document).ready(function(){ $.gloss(); }); </script> あとは画像を記述すれば完成です。 <div class="gloss" style="width:画像サイズ幅px;height:画像サイズ高さpx;"> <img src="画像パス" /> </di
Photoshop & Illustrator CS6 の進化したところと不具合まとめ
5月27日に、渋谷 LightningSpot にて Webデザイナーのための Adobe CS6 検証会 をひらきました。 日曜の開催にも関わらずたくさんの方にお越しいただき、CS6 について熱い議論が交わされました。 ご参加いただいた皆様、ありがとうございました。 CS6 検証会では、Photoshop、Illustrator、Fireworks はもちろん、Dreamweaver、最後は VPS など CS6 と関係ないところまで話が飛んだのですが、この記事では Photoshop CS6 と、Illustrator CS6 の進化したところと不具合などについてまとめたいと思います。 Photoshop CS6 の進化したところや活用法 Web制作に関係ある機能の多くは Webデザイナー視点から見たPhotoshop CS6の進化したところ という記事に既に書いていますのでそこは省き
Gmailを添付ファイルごとローカルPCにバックアップできるソフト「Gmail Backup」 | フリーソフトラボ.com
Gmail Backup 「Gmail Backup」は、GmailのデータをローカルPCにバックアップできるソフトです。Gmailのデータと言えば、全てクラウドに保存されているため、スタンドアロン型のメーラーを利用する場合に比べてデータ消失のリスクが大幅に低いのは確かです。 しかしながら、過去にも何度かあったようにGoogleによる人為的なミスでデータが消えてしまったり、あるいはアカウント乗っ取りの被害に遭ってGmailにアクセスできなくなってしまうといった危険性が全くないわけではありません。 そんな時のための”転ばぬ先の杖”としてバックアップを取っておきたい人は、本ソフトを試してみてはいかがでしょうか。使い方は簡単で、Gmailのアカウントを入力してバックアップ期間をしていしてやるだけ。添付ファイルやラベル情報ごとバックアップできるのも嬉しいところ。 Gmail Backup の使い方
コードの圧縮や外部ファイル化とページの読み込み速度について
なぜ、ごちゃごちゃしてるのか？ぱっと気づくのがこの2点です。 改行やスペースがほとんど使われていない CSSやJavascriptが外部化ファイル化されていない Googleとしてはソースがきれいなことよりも、読み込み速度を速くすることでユーザーのストレスを軽減したり、ファイルサイズ小さくすることでサーバーへの負荷を減らしたりすることの方が重要だと思います。 もちろんアップする前にこのような状態にしているだけで、それまではきれいに書かれているはずですが。 ということで、「コードの軽量化」と「外部ファイル化」の2点について考えてみます。 コードの軽量化について HTML、CSS、JavaScriptなどのコードは、改行やスペースを使わずサイズを小さくした方が読み込みは速くなります。 これは当然ですね。 コードの見やすさよりも読み込み速度やサーバーの負担軽減を優先するなら、できるだけファイルを
手描き風がいい感じ、全1,000種類以上のスマフォやウェブのUIエレメントが揃ったKeynote用のベクター素材 -Keynotopia
iPhonem iPad, Androidなどのスマートフォンをはじめ、ウェブサイトやFacebook、Windows 7やOS Xなど、さまざまなモックアップのアイテムが揃ったKeynote用の素材を紹介します。 Free Keynote Mockup Templates for iPhone, iPad, Android, ... - Keynotopia [ad#ad-2] ダウンロードできる素材は1,000種類以上のアイテムが揃っており、テンプレートはスマートフォンやウェブサイト用のものもあります。 iPhone用モックアップ テンプレート iPad用モックアップ テンプレート Android用モックアップ テンプレート BlackBerry用モックアップ テンプレート ウェブアプリケーション用モックアップ テンプレート Facebook用モックアップ テンプレート OS X用モッ
How to Create a Website Using Only iPad
2013年11月28日 Webサイト制作, 便利ツール 病院の待合室で何時間も待たされ、「暇だしWebサイトでも作ろっかなー」なんて思った事はありませんか？きっとあまりないと思いますが、今年にはいっていろいろあった私はそんな機会がたくさんあったので、いくつかのiPadアプリを使って作ってみました。作ったHTMLテンプレートは無料配布しています！そうです、アレ、iPadで作ったものだったのです。ふふ。 ↑私が10年以上利用している会計ソフト！ あると便利なスタイラスペン スタイラスペンはiPadなどのタブレットで使えるペンです。iPadを使ってお絵かきしたい人は持っているとなにかと便利。カナダのボクシングデーで$5位になっていたのでノリで買ったのがこのコ。ちょっとメーカーは覚えていないのですが、よくある無難なタイプの物ですね。書き心地は悪くないのですが、ペン先が太いので、細かい字や絵は書きづ
家入一真氏の「インターネット界隈の方々は裏でみんな繋がってる」発言について
家入 一真 / CAMPFIRE, Inc. @hbkr ここであえて申したいのは、結局の所個々の意見の相違はあれど、インターネット界隈の方々は裏でみんな繋がってるという事であります。マッチポンプとまでは言いませんが、要するに一言で言うと「嘘を嘘と(ry」であり、盲信するのも情報の一面だけを見て批判するのも危険だって事を言いたい訳です。 2012-05-25 00:16:01 yomoyomo @yomoyomo 今となっては「ああいう女性」（(C)切込隊長）を最初にネットメディアで記事にしたのがnanapiの岡田有花だったというのはいかにもですなぁ。いやー、ホント、インターネット界隈の方々は裏でみんな繋がってるんですね！ ワタシにはまったく関係ない話だけど。是非ずっと蚊帳の外でいたい 2012-05-26 19:16:36
初めてPhotoshopでWeb制作する前にやっておくといい設定8(CS6/CC含む) | Design Color
はじめに 先日ちょうどAdobe Creative Cloudを申し込みました。 Photoshopをまっさらな環境にする必要があるため、今回はまさに新品状態のCS6/CCの画面で解説をします！ もくじ 定規などの単位はpxで統一 「自動選択」で図形からレイヤーを選択する 「バウンティングボックス」を表示して選択や変形をしやすくする 「ピクセルにスナップ（エッジを整列）」で端がぼやけるのを解消 レイヤーコピー時に「〜のコピー」とつけないようにする スライス書き出し時に「images」フォルダを作成しないようにする 【CS6/CCの場合】カラーテーマをグレーにする 【CS6/CCの場合】切り抜きツールを「クラシックモード」にする 起動画面。か、かっこいい…！ CS6/CCはUIが黒いのですね。ちょっと慣れない。 従来のグレーにする方法も後ほどお伝えしますので、どうぞおつきあいください！ 1.
大型化するコンピュータ画面
ついに、かなり大型のモニターがデスクトップコンピュータの最も一般的なクラスとなり、ずっとウェブデザインの想定対象だった、解像度1024×768の地位を奪った。 Computer Screens Getting Bigger by Jakob Nielsen on May 7, 2012 日本語版2012年5月28日公開 StatCounterによると、1024×768は2004年にモニターサイズで最多となったが、すぐに、（ほんの少し）大きな解像度の1366×768の画面にその座を奪われたという。 1024×768からより大きな画面への切り替えは実際には2009年に始まった。しかし、当時はワイドスクリーンモニターもいろいろとあり、より大きなサイズの解像度が乱立していたため、1024×768は昨年まで、最も多い解像度という地位を単独で占めることができていたのである。 以下のグラフが示すのは、各
Macのショートカットキーがどうしても覚えられない方へ | ライフハッカー・ジャパン
こんばんは、傍島です。 Macをお使いの方であれば、「command＋〇〇」のコンビネーションで使うショートカットキーを活用されている方は多いと思います。私はMacとは長い付き合いになるのですが、使うショートカットキーは「元に戻す」や「コピー」、「貼り付け」程度で、アプリ個別のショートカットキーはほとんど活用できていないのが正直なところです。 ショートカットキーを覚えれば効率良く作業を進めるためのキッカケになるのは理解しているのですが、なにせこの類のコマンドを覚えるのが嫌いな私。正直、「分かってはいるけど覚えられません」という状態です。 ということで、私と同じ悩みを抱えている方は『CheatSheet』をお試しください。続きは、以下で。 『CheatSheet』は、commandキーの長押しでアプリケーションのショートカットキーを一覧表示します。例えば、私が愛用しているエディタ「Bywor
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
auに機種変更の自由は来ないのか - すまほん!!
私がauの携帯電話を持ち始めたのは、高校1年生の春からだった。それから、5年間auの回線をずっと使い続け、今年で6年目に突入している。 cash back au 昨今のauをとりまく問題にMNP転入顧客の優遇がある。 端末代金が一括で0円。しかも、キャッシュバックという名の現金・金券がついてくる。しかし、既存の顧客（ユーザ）は、MNPで転入した顧客が一括0円で購入する端末を高値で買わなければならない。 そう、auに機種変更をする自由はないのだ。 先日発売されたばかりの夏のフラグシップモデルであるHTC Jを例に挙げよう。既存のauユーザがHTC Jに魅力を感じて買い増し（いわゆる機種変更）をしようとしたとき、HTCJ ISW13HTの定価52,920円を支払わなければいけない。 機種変更によって、毎月割が適用され、実質的な負担額は下がるが、それは2年間同一機種を使い続けることが原則だ。 し
効果的なコピーライティングのために忘れてはいけない４つの基本法則
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. コピーライティングと言うと、残念なことに、「人を文章だけで思い通りに動かすスキル」のような勘違いをされている方は非常に多い。 そうした幻想を抱いてしまうと、コピーライティングのテクニックばかりを追い求めるようになってしまう。 すると、どれほど作り込まれたプロモーションでも失敗で終わり、見込み客から信頼を得るどころか、せっかく興味を持って訪れて来た方に不信感を抱かせる結果となる。 そこで、本日は、効果的なコピーライティングのために、絶対に忘れてはいけない４つの基本法則をお話する。 １．「滑り台効果」の法則 結局のところ、ブログでもメールマガジンでも、セールスレターでも、一つ一つの文章の目的を追求すると、究極的には一つの結論に行き着く。そして
Google HTML/CSS Style Guide の推奨ガイドラインまとめ | バシャログ。
すっかり夏っぽくなり、ビアガーデンに毎日通いたいと常々感じる今日この頃、Latin です。 巷で流行っていると噂の Google HTML/CSS Style Guide についてまとめて下さっている REFLECT DESIGN さんのブログより、代表的なものをいくつか抜粋してみました。 全般的なスタイルルール 一般的な書式ルール 全般的なメタルール HTMLのスタイルルール HTMLの書式ルール CSSスタイルルール CSS書式ルール 全般的なスタイルルール プロトコルの記述 <!-- NG --> <script src="http://www.google.com/js/gweb/analytics/autotrack.js"></script> <!-- OK --> <script src="//www.google.com/js/gweb/analytics/autotrac
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressでURLを取得する関数あれこれをまとめた。 | Firegoby
ごりゅご.com
html5-memo.com