サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
災害への備え
poyosi.com
MacBook Air持ち運び用のバッグパックを探して3年、@poyosiです。こんにちは。 パソコン持ち運ぶのならパソコン用のバッグパックじゃなくて、好きなバッグパックでいいじゃん?と思ってるあなた。 肩こります。 パソコン用のバッグパックはパソコンを持ち運ぶことを目的として設計されているので、実際に持ってみた感じが軽かったり、ケーブルや電源などを入れられるポケットなどがあって便利です。 ただ、パソコン用のって地味なものが多く、中々かっこよいのが見つからないのが悲しいところです。 というわけで、「使ったことはないけど見た目でよさげじゃないの?」というバッグパックを紹介していきます。 紹介しているもの以外にも沢山あるので、リンク先を見てみてください。 「何バッグパックとか言い方カッコつけてるの?リュックサックでいいじゃん!」という苦情は受付けておりません。ええ、言いたいだけです。 Inca
自分で美しいとか言っちまったッ! 一眼のカメラはSONYのNEX-5を使ってます!@poyosiです! ひょんなことからカメラレンズのアイコンを作る機会がありまして、ついでに幾つかバリエーションを作りました。 もし気に入っていただけたのなら、このページの下にダウンロードボタンがありますので自由にお使いください。 レンズアイコンは2カラー全10種類! イラストレーターのデータでダウンロードできますので、ご自分で自由にフレームを変更することも可能です。 ベクターデータなのでサイズは自由 ベクターデータなので、サイズは自由に変更することができます。 結構拡大してもある程度は耐えられそうです。 商用・個人利用OKです 配布のことは考えずに作っていたのでレイヤーを分けてなかったり、適当にごまかしているところが幾つかありますのでご了承ください。 再配布はしないでいただければ、商用・個人利用OKです。
WordPressってプラグインが豊富でとっても便利ですよね!@poyosiです! プラグインは便利だけれど、便利だからといって沢山導入しすぎると、ページの表示が遅くなるなどのデメリットもあります。 poyosicomでは、できる限りプラグインに頼らなくても比較的簡単に実装できそうな部分は必要最低限の機能を独自で実装し、それでも尚便利なプラグインに絞って導入するように心がけています。 というわけで、2012年6月29日現在で当サイトに使用しているプラグインの種類とその設置方法や解説が記載されているサイトをご紹介したいと思います。 WordPressの表示を強化・高速化するプラグイン 001 Prime Strategy Translate Accelerator WordPressを日本語で表示させる場合に英語から日本語に翻訳しているためにファイルのう読み込みに時間がかかってしまいます。
iPhoneでは専らSafariを使ってます@poyosiです、こんにちは。 iPhone版のGoogle Chromeがリリースされたとのことで早速iPhone(iOS 5.1)にインストールしてみました! インストールしたので実際に使ってみる! 利用規約に同意して使用開始 GoogleアカウントでログインするとPC間と同期できる プッシュ通知機能もついてます(何に使うんだろう?) 初心者にも優しい使い方の説明もある アクセスしてみるとこんな感じ 体感の動作はとても軽く、キャッシュも有効なのでサクサク閲覧できそうな感じでとても良いです。画像にあるようにURLが表示されてるヘッダーエリアのようなところが常に固定なのでここが一瞬邪魔かなーと思いました。Safariと表示エリアも変わってきますので、それは後ほど。 大きな違いとしては、【前にページに戻る】や【ブックマーク】のボタンが上に配置され
しょうもないことがとっても気になる@poyosiです、こんにちは。 以下の画像のように、リストで画像と文字を縦中心に並べるのは1行だけなら簡単なのですが、複数行入るかもしれないとなると急にやっかいになるレイアウトです。 というわけで、どうしてもこのレイアウトを実装したいという超レアなケース向けに、簡単に設置することのできるプラグインを作りました。 こういうのを実装したい もじ文字 もじ文字 もじ文字 「jQuery List Vertical Align」プラグインのダウンロード プラグインはこちらからダウンロードできます。 jQueryとプラグインを設置しよう <head>タグの中にjQueryとプラグインを設置しましょう。 画像をCSSの背景で表示させたい場合 画像付きリストを作る場合、背景を<li>タグにbackground設定して表示させる方法があります。 それと同じようにHTML
WordPress大好き@poyosiです、こんにちは。 今年の1月の話になりますが、まがりんさん(@jim0912)とプラグインを共同開発しました。 当時はご紹介できる場がなかったので、改めてこのブログでご紹介させていただきたいと思います。 ことの成り行きはふとTwitterでつぶやいたことから始まりました。 ※ログ追えないため曖昧な記憶から… @poyosi「WordPressのプラグインにメモ付けたいなぁ。」 @jim0912「それは、どんな時に使うんですか?」 @poyosi「プラグインを使用不使用あわせて40個とか50個〜とか入れてたりする時に、これなんのプラグインだっけ?ってことが多かったので自分でメモとか残せたら超便利だと思って…!」 翌日 @jim0912「作りました!」 @poyosi「早ッ!」 会話から1日経ってない間にプラグインを作ってしまうまがりんさん…!計り知れな
誤解を与えるタイトルにしてしまったので、訂正しました。ごめんなさい。 こんにちは@poyosiです。PNGを使いまくってコーディングしてますか? 会社から「WebサイトでPNGを使うのはNGだからGIFにしとけ」とか言われたことないですか? そうではなくても、「なんとなくPNG使うくらいならGIFにしといたほうが安心」という方もいるのではないでしょうか? 今日は画像ファイルフォーマットであるPNGをWebサイトに使うのはどうなの?というお話をしたいと思います。 WebサイトでPNGを使ってもいいんじゃない? 「WebサイトでPNGを使うのは非常識だろ」という事を言われたのですが、仕様書など特に取り決めがない限りでは、それは違うんじゃないかなと思っています。 私はWebサイトでPNGが使われることについては「どんどん使うべき!」と思っています。 そもそもPNGを使わないほうがよいと言われた理
こんにちは、@poyosiです。皆さんdata URI Scheme使ってますか? 私は全然使ってません。 data URI Scheme(データ ユーアールアイ スキーム)自体はかなり昔からありますが、知っておいて損はないと思いますので、おさらいの意味も込めて書きたいと思います。 そもそもURI Scheme(ユーアールアイ スキーム)とは? data URI Schemeのお話をする前に、そもそもURI Schemeって一体なんなの?というところを簡単にご説明したいと思います。 一般的にURI Schemeはあまり聞きなれないワードかと思いますが、実は身近なところで広く使われています。 例えば、Webサイトにアクセスするときに「http://exsample.com」というURLをブラウザに入力して表示させますよね? このURI(URL)先頭部分に記述される「http」のような「どのよ
data URIを使いまくってる皆様こんにちは、@poyosiです。 画像からdata URI Schemeに簡単に変換するツールを自分用に作ってみました。この手のツールは他に沢山ありますが、よろしければ使ってみてください。 dataURI converter | 画像をdata URI Schemeに変換するツール http://data-uri.poyosi.com/
日本語を打ちまくってる皆様こんにちは、@poyosiです。 今日はWebの話ではありませんが、私が普段使っている言語入力ソフト「Google 日本語入力」のアイコンを変更する方法をご紹介します。 Google 日本語入力って便利な Macといえば標準で「ことえり」という言語入力ソフトが入っていますが、この「ことえり」が誤変換や長い文章をスムーズに変換してくれないことが多くてとても使いづらいというのは有名な話だと思います。 今までに「egbridge Universal」「カワセミ」「ATOK」と数々の言語入力ソフトを使ってきましたが、どれもしっくり来なかったのですが、「Google 日本語入力」をインストールしてからというもの、私の中でこれは必須ツールになりつつあります。 「Google 日本語入力」ってなんぞ? 思いどおりの日本語入力 Google 日本語入力は、変換の煩わしさを感じさせ
後光のぽよしアイコンで話題の@poyosiです、こんにちは。(そんな話題見たこと聞いたことない) 後光をイラストレーターで描くのってわりと面倒で、三角形を作ってくるくる回してる人もいるかと思いますが、そんな面倒な後光をサクっと作ってしまうテクニックをご紹介します。 ちなみに「後光」と言うとちょっとださい感じがするので合コンでは「バックフラッシュッ!」とか「サンバーストッ!」とまるで必殺技のように言うときっとモテると思いますよ。 イラレで超簡単に後光を描いてみましょう。 円を描く ここでは背景なしの線のみで、例として「200px」×「200px」の正円を描きます。 線幅を設定する 線幅を、円と同じピクセル数にします。ここでは「200px」ですね。 破線を設定する そして、破線をお好みのサイズで追加すると…もうそれっぽいのができます!やばい超簡単ですね! パスに変更する このままでは扱いづらい
MacBook Air持ち運び用のバッグパックを探して3年、@poyosiです。こんにちは。 パソコン持ち運ぶのならパソコン用のバッグパックじゃなくて、好きなバッグパックでいいじゃん?と思ってるあなた。 肩こります。 パソコン用のバッグパックはパソコンを持ち運ぶことを目的として設計されているので、実際に持ってみた感じが軽かったり、ケーブルや電源などを入れられるポケットなどがあって便利です。 ただ、パソコン用のって地味なものが多く、中々かっこよいのが見つからないのが悲しいところです。 というわけで、「使ったことはないけど見た目でよさげじゃないの?」というバッグパックを紹介していきます。 紹介しているもの以外にも沢山あるので、リンク先を見てみてください。 「何バッグパックとか言い方カッコつけてるの?リュックサックでいいじゃん!」という苦情は受付けておりません。ええ、言いたいだけです。 Cont
初めまして、@poyosiです、こんにちは。 Webデザインなどで壁紙を作る際に便利そうなテクスチャを100枚作りました。 このブログの制作や、他Webサイト制作でノイズがかった背景や、ちょっと変わった背景が必要だったので自分用にちょっとした加工で簡単に背景が作れるテクスチャを色々用意しました。 大きめの画像にしたので、Webサイトの背景などで繰り返し(リピート)使用しても繰り返し部分が目立たなくなるようになっています。個人利用可、商用利用可なので、もしよろしければWebサイトの背景やバナーの背景を作るときに自由に使ってみてください。 テクスチャ一覧 Photoshopでテクスチャを使ってみよう 1:パターンを登録しましょう。 パターンに登録したいテクスチャ画像をPhotoshopで開きます。 「編集」 > 「パターンを定義」からパターンを登録します。 2:背景画像を作ってみましょう。 新
このページを最初にブックマークしてみませんか?
『poyosi.com – @poyosi's Blog』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く