商用・個人利用OK！編集可能な美しいカメラレンズのベクターアイコン10個 – poyosi.com
自分で美しいとか言っちまったッ！ 一眼のカメラはSONYのNEX-5を使ってます！@poyosiです！ ひょんなことからカメラレンズのアイコンを作る機会がありまして、ついでに幾つかバリエーションを作りました。 もし気に入っていただけたのなら、このページの下にダウンロードボタンがありますので自由にお使いください。 レンズアイコンは2カラー全10種類！ イラストレーターのデータでダウンロードできますので、ご自分で自由にフレームを変更することも可能です。 ベクターデータなのでサイズは自由 ベクターデータなので、サイズは自由に変更することができます。 結構拡大してもある程度は耐えられそうです。 商用・個人利用OKです 配布のことは考えずに作っていたのでレイヤーを分けてなかったり、適当にごまかしているところが幾つかありますのでご了承ください。 再配布はしないでいただければ、商用・個人利用OKです。
リストで画像と文字を縦中心に表示するjQueryプラグイン「jQuery List Vertical Align」 – poyosi.com
しょうもないことがとっても気になる@poyosiです、こんにちは。 以下の画像のように、リストで画像と文字を縦中心に並べるのは1行だけなら簡単なのですが、複数行入るかもしれないとなると急にやっかいになるレイアウトです。 というわけで、どうしてもこのレイアウトを実装したいという超レアなケース向けに、簡単に設置することのできるプラグインを作りました。 こういうのを実装したい もじ文字 もじ文字 もじ文字 「jQuery List Vertical Align」プラグインのダウンロード プラグインはこちらからダウンロードできます。 jQueryとプラグインを設置しよう <head>タグの中にjQueryとプラグインを設置しましょう。 画像をCSSの背景で表示させたい場合 画像付きリストを作る場合、背景を<li>タグにbackground設定して表示させる方法があります。 それと同じようにHTML
WordPressの管理画面でプラグインにメモを残せるプラグイン「Plugin Memorandum」を共同開発してみた！ – poyosi.com
WordPress大好き@poyosiです、こんにちは。 今年の1月の話になりますが、まがりんさん（@jim0912）とプラグインを共同開発しました。 当時はご紹介できる場がなかったので、改めてこのブログでご紹介させていただきたいと思います。 ことの成り行きはふとTwitterでつぶやいたことから始まりました。 ※ログ追えないため曖昧な記憶から… @poyosi「WordPressのプラグインにメモ付けたいなぁ。」 @jim0912「それは、どんな時に使うんですか？」 @poyosi「プラグインを使用不使用あわせて40個とか50個〜とか入れてたりする時に、これなんのプラグインだっけ？ってことが多かったので自分でメモとか残せたら超便利だと思って…！」 翌日 @jim0912「作りました！」 @poyosi「早ッ！」 会話から1日経ってない間にプラグインを作ってしまうまがりんさん…！計り知れな
WebサイトでPNGを使うのは非常識！？ | poyosicom
誤解を与えるタイトルにしてしまったので、訂正しました。ごめんなさい。 こんにちは@poyosiです。PNGを使いまくってコーディングしてますか？ 会社から「WebサイトでPNGを使うのはNGだからGIFにしとけ」とか言われたことないですか？ そうではなくても、「なんとなくPNG使うくらいならGIFにしといたほうが安心」という方もいるのではないでしょうか？ 今日は画像ファイルフォーマットであるPNGをWebサイトに使うのはどうなの？というお話をしたいと思います。 WebサイトでPNGを使ってもいいんじゃない？ 「WebサイトでPNGを使うのは非常識だろ」という事を言われたのですが、仕様書など特に取り決めがない限りでは、それは違うんじゃないかなと思っています。 私はWebサイトでPNGが使われることについては「どんどん使うべき！」と思っています。 そもそもPNGを使わないほうがよいと言われた理
今更だけどdata URI Schemeって何？ – poyosi.com
こんにちは、@poyosiです。皆さんdata URI Scheme使ってますか？ 私は全然使ってません。 data URI Scheme（データ ユーアールアイ スキーム）自体はかなり昔からありますが、知っておいて損はないと思いますので、おさらいの意味も込めて書きたいと思います。 そもそもURI Scheme（ユーアールアイ スキーム）とは？ data URI Schemeのお話をする前に、そもそもURI Schemeって一体なんなの？というところを簡単にご説明したいと思います。 一般的にURI Schemeはあまり聞きなれないワードかと思いますが、実は身近なところで広く使われています。 例えば、Webサイトにアクセスするときに「http://exsample.com」というURLをブラウザに入力して表示させますよね？ このURI（URL）先頭部分に記述される「http」のような「どのよ
わりと面倒な後光を超簡単に10秒で描く方法 for Illustrator – poyosi.com
後光のぽよしアイコンで話題の@poyosiです、こんにちは。（そんな話題見たこと聞いたことない） 後光をイラストレーターで描くのってわりと面倒で、三角形を作ってくるくる回してる人もいるかと思いますが、そんな面倒な後光をサクっと作ってしまうテクニックをご紹介します。 ちなみに「後光」と言うとちょっとださい感じがするので合コンでは「バックフラッシュッ！」とか「サンバーストッ！」とまるで必殺技のように言うときっとモテると思いますよ。 イラレで超簡単に後光を描いてみましょう。 円を描く ここでは背景なしの線のみで、例として「200px」×「200px」の正円を描きます。 線幅を設定する 線幅を、円と同じピクセル数にします。ここでは「200px」ですね。 破線を設定する そして、破線をお好みのサイズで追加すると…もうそれっぽいのができます！やばい超簡単ですね！ パスに変更する このままでは扱いづらい
Webデザインで使えるフリーシームレステクスチャ100枚 – poyosi.com
初めまして、@poyosiです、こんにちは。 Webデザインなどで壁紙を作る際に便利そうなテクスチャを100枚作りました。 このブログの制作や、他Webサイト制作でノイズがかった背景や、ちょっと変わった背景が必要だったので自分用にちょっとした加工で簡単に背景が作れるテクスチャを色々用意しました。 大きめの画像にしたので、Webサイトの背景などで繰り返し（リピート）使用しても繰り返し部分が目立たなくなるようになっています。個人利用可、商用利用可なので、もしよろしければWebサイトの背景やバナーの背景を作るときに自由に使ってみてください。 テクスチャ一覧 Photoshopでテクスチャを使ってみよう 1：パターンを登録しましょう。 パターンに登録したいテクスチャ画像をPhotoshopで開きます。 「編集」 > 「パターンを定義」からパターンを登録します。 2：背景画像を作ってみましょう。 新
poyosi.com – @poyosi's Blog
MacBook Air持ち運び用のバッグパックを探して3年、@poyosiです。こんにちは。 パソコン持ち運ぶのならパソコン用のバッグパックじゃなくて、好きなバッグパックでいいじゃん？と思ってるあなた。 肩こります。 パソコン用のバッグパックはパソコンを持ち運ぶことを目的として設計されているので、実際に持ってみた感じが軽かったり、ケーブルや電源などを入れられるポケットなどがあって便利です。 ただ、パソコン用のって地味なものが多く、中々かっこよいのが見つからないのが悲しいところです。 というわけで、「使ったことはないけど見た目でよさげじゃないの？」というバッグパックを紹介していきます。 紹介しているもの以外にも沢山あるので、リンク先を見てみてください。 「何バッグパックとか言い方カッコつけてるの？リュックサックでいいじゃん！」という苦情は受付けておりません。ええ、言いたいだけです。 Cont
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
