SSHトンネリングに対応したMySQL管理GUIアプリ「MyDB Studio」:phpspot開発日誌
MyDB Studio: Simplify your MySQL admin ! (Best MySQL front end) SSHトンネリングに対応したMySQL管理GUIアプリ「MyDB Studio」。 フリーでダウンロード可能です。phpMyAdminをSSL経由でたたければいいのですが、SSL導入は証明書や作業コスト等何かと面倒で普通のhttp通信にしちゃってる場合もありそう。 大切なデータを生でネットワークに流すのはあんまりよろしくなさそうで、仮にユーザアカウントテーブルなどを参照した際、パスワードがハッシュ化されていなければそのままデータが漏洩することになりそうですね。 SSHトンネリングならばセキュアな通信が出来る上、なかなか高機能なGUIツールみたいなので、便利に使えそうです。 (追記：phpmyadmin等をポートフォワードしてもいいですね。) サーバにつないでデータ
パノラマ写真から小さな惑星を作るPhotoshopチュートリアル:phpspot開発日誌
How To Make Your Own Mini Planet In Photoshop パノラマ写真から小さな惑星を作るPhotoshopチュートリアルが公開されています。 次のような写真があります。 これを次のように加工します。大体３ステップで作れるみたいですが、面白い効果なので覚えておいてもよさそう。 同じ手法を使って作った画像が以下。 なんとも幻想的ですね。 関連エントリ プロレベルのPhotoshopチュートリアル集 広告デザインのためのPhotoshopチュートリアル１５ 動画で学べるPhotoshopチュートリアル２０ 光のエフェクトを与えたクールなイメージ作成Photoshopチュートリアル２５
これは必見かもなYoutube等の埋め込み動画を動的にリサイズするCSS例:phpspot開発日誌
CSS: Elastic Videos これは必見かもなYoutube等の埋め込み動画を動的にリサイズするCSS例。 ブロックのサイズが変更された際において動画を固定サイズにしてしまうとレイアウトが崩れてしまいますが、公開されているサンプルを使うと、HTML5動画、embed/iframeの動画をレイアウトに合わせてCSSで自由に伸縮可能。 解像度の違う、iPhone等でも動作を確認しているそうで、どんな環境でも動画をページにフィットさせたい用途に有用です。 通常サイズ。ブロックいっぱいに広がる動画 幅をiPhoneなみに小さくしてみた例。動画も縮んでます。 IEでも動くみたいです。 これは覚えておいたほうがよさそうです。 関連エントリ フリーで新しめのXHTML/CSSで書かれたサイトテンプレート４５ ぜんぶピュアCSSでやっちゃおうというJavaScriptの代替デモ５６ Ajaxスタ
スマフォサイト作成時に超便利な画像タッチでタッチ位置をズームできる「Cloud Zoom touch」:phpspot開発日誌
スマフォサイト作成時に超便利な画像タッチでタッチ位置をズームできる「Cloud Zoom touch」 2011年06月01日- Welcome AlbanX.com スマフォサイト作成時に超便利な画像タッチでタッチ位置をズームできる「Cloud Zoom touch」。 「Cloud Zoom」というjQueryプラグインがあって、こちらへのパッチとして動作するみたい マウスオーバーでも動くみたいですが、iPhone、Androidでタッチした際にも動きます。 指でそのままスライドさせればマウスオーバーのように商品を拡大表示できます。一度iPhoneなどでみてみましょう。 スマートフォン向けのショッピングサイトにおいて、商品のディテールを説明するにはこうしたUIってかなり有用だと思われます。 いかに小さな画面においても詳細を見せるか？という場合において１つの選択肢として覚えておいて損はな
ソーシャルな活動を１個にまとめて配信できるjQueryプラグイン「LifeStream」:phpspot開発日誌
christianv/jquery-lifestream - GitHub ソーシャルな活動を１個にまとめて配信できるjQueryプラグイン「LifeStream」。 ソーシャルサイトは各種あるわけですが、最近のアクティビティを１個にまとめてぺたっと貼りつけたい場合に使えそう。 Delicious, Flickr, Github, Google Reader, Last.fm, Stackoverflow, Twitter ,Youtube に対応しているそうです。今のところFacebookは未対応。 使い方は .lifestreamメソッドのオプションとして、list プロパティにサービスとユーザIDをつなげて配列で渡してあげるみたいです。 ひと目で最近の活動がわかるのは便利ですね。 関連エントリ Twitter・mixi・facebook・はてブ等のソーシャルボタンを瞬時に埋め込めるW
ウェブ用の各エレメントが揃った、かわいらしいデザインのPSD素材 -Soft UI Kit
検索ボックス、ボタン、アラートパネル、プルダウン、スクロールバーなど、ウェブデザインで使用するさまざまなエレメントをかわいらしいデザインでまとめたモックアップ用のPSD素材を紹介します。
[JS]jQueryのプラグイン33 1選 -2011年5月 | コリス
Skitter 多種多少なアニメーションで画像を変更するスライドショー。 キャプチャは「cube」、キューブ状になって変更します。
レトロちっくで手描き風のなごみ系アイコン素材 -Retro Candy
Retro Candy: Free Icon Set [ad#ad-2] ダウンロードできるアイコンのフォーマットはPNG、サイズは200x200で、全18種類です。 アイコン全18種のキャプチャ アイコンの利用あたっては個人でも商用でも無料とのことです。 詳しくはダウンロードファイルの「License.txt」をご覧ください。 [ad#ad-2]
[CSS]スクリプトや画像を使用しないで、さくさく動作するニュースボックスを実装するチュートリアル
省スペースにぴったり！ 複数のパネルをマウスホバーで表示を切り替えるニュースボックスを実装するスタイルシートを紹介します。 CSS3 Easy Newsbox [ad#ad-2] 対応ブラウザはIE6/7/8/9, Firefox, Chrome, Safari, Operaとのことで、CSS3対応ブラウザでもっとも期待通りに表示されます。 ※当方のIE6では期待通り動作しませんでした。 下記はCSS3対応ブラウザ：Firefox4でのキャプチャです。 角丸、ドロップシャドウ、グラデーションが適用されています。 デモページ：IE7で表示 IE7では、角丸やドロップシャドウやグラデーションは適用されませんが、各パネルの切り替え表示には対応しています。 [ad#ad-2] ニュースボックスの実装 HTML 各パネルはa要素で実装されており、div要素で内包します。 <div id="newsb
サイトやブログの運営でよく使いそうな.htaccessの設定のまとめ
ウェブサイトやブログの運営でよく使いそうな便利な.htaccessの設定を紹介します。 こういうまとめは定期的にあがってきますが、やっぱり必要なのでシェアします。 10 useful .htaccess snippets to have in your toolbox [ad#ad-2] 下記は各ポイントを意訳したものです。 URLからwwwを削除 hotlinkingの防止 feedをfeedbunnerにリダイレクト カスタムエラーページ ダウンロードファイルの処理 PHPのエラーのログ URLからファイルの拡張子を削除 ディレクトリのファイルリストを見せない ファイルを圧縮して軽量化 文字コードの指定 URLからwwwを削除 SEOなどの理由で、URLからwwwを削除して使うことがあるかもしれません。このスニペットは、あなたのウェブサイトにwww付きでアクセスしてきてもwww無しに向
WordPressのカスタム投稿（ポスト）タイプを作成するまでの手順リスト - かちびと.net
捜し物をしている最中に、ちょっと気になったのでテスト的に記事にしてみます。WordPressに新たに追加されたカスタム投稿タイプですが、多少なりにカスタマイズ経験が無いとハードルも低くはない印象なので手っ取り早く作成出来る用にリスト化します。 便利なのにさほど深く浸透していない印象のカスタム投稿タイプ（カスタムポストタイプ）やカスタムタクソノミー（タグに親子関係を持たせる的な機能）とかいろいろと不可解なキーワードで混乱してる方も多いような気がします。 個人的には理解の前にとりあえず触ってみるのもひとつの手だと思いますので、まずは気軽に追加してみてからどういったものか調べればいいかなと。（賛否両論あるでしょうけど僕はとりあえず触って失敗して学びたい人なので カスタム投稿タイプってなんだろう カスタム投稿タイプとは、WordPressにデフォルトである「投稿」という機能とは別の「投稿」機能を加
複数並べられたコンテンツをまとめてスライドさせるjQueryプラグイン・Grid Slide Plugin - かちびと.net
ちょっとうまい説明が思いつかなかった んですけど、複数並べられた画像など を同時にスライドさせるjQueryプラグイン。 省スペースに多くのコンテンツを表示 させる事が出来るのはちょっといいかも 知れません。 あんまり見かけないタイプのスライダーですね・・省スペースに沢山の情報を表示させたい、という時に使えそうな使わなそうな。たまに似たようなインターフェース見かけますね。 これらの8つのコンテンツ部分が同時にスライドします。オプションで数を減らしたり速度を変えたり。 デモ見たほうが早いですね。説明下手ですみません。 Demo js <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"> </script> <script src="jquery.ea
まとめ：「スキマ時間」にできるタスク管理＆休憩30選 | ライフハッカー・ジャパン
通勤途中。アポイントの前。病院の待合室。 普段の生活では、意外と多いこの「スキマ時間」ですが、できるならその時間を有効活用したいものですね。 ということで今回のまとめ記事は、「スキマ時間にできること」がテーマです。少しの時間でも手帳を開いたり、ちょっと休憩をしてみてはいかがでしょうか？ Photo by caravinagre's photostream. ■手帳管理（「生産性向上」編） ・不況に負けないためのタイムマネージメント術 ・1回のメールチェックを「15分間」と決めると、効率良く時間が使える理由 ・タイマーを使って「集中」モード！ シンプルな生産性向上のススメ ・GTDに役立つ「朝10分、夜15分」ルールとは？ ・Ginaが説く、何物にも邪魔されずにタスクに集中するための「時間ブロック術」 ・オフィス以外の仕事場で生産性をバッチリ上げるための7つのコツ ・生産性向上の敵とみられが
「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント
☆ご注意☆ この記事は 2011年5月29日 に書いたものです。情報が古い可能性がありますのでご注意ください。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 毛の生えた私からツルツルの私へのダメだし Webデザイナーなりたてのころ、デザインのチェックをしてもらったとき、 「んーーーなんかこのへん素人っぽいね」と言われた事があります。 素人っぽい。。。？？？(゜д゜) そのときは何だろう、どんなのが素人っぽいんだろうとわかりませんでした。 就職はできたものの、技術は完全ど素人なので。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 「素人っぽい」の意味が。 毎日、たっくさんのWebサイトを見ますが、プロのデザイナーが作ったと思われる、構成もデザインもしっかりしたサイトもあれば、お店の人が一生懸命手作りしてそうなサイ
Webサービスを運営するうえで、おさえておきたい利用規約のポイント │ モノづくりブログ 株式会社8bitのスタッフブログです
株式会社8bitのスタッフブログです。こんにちは。株式会社8bitの高本です。 先週「Web制作とお金の話し」を当ブログに書いた際に、様々な方からご意見をいただき、非常に勉強になりました。 ありがとうございます。 その中で、契約も非常に重要であるというご意見をいただきました。 確かにおっしゃる通りでクライアントとのやり取りでお金の前にきっちり契約書を交わすということは重要だと思います。 Web制作の契約もそうですが、不特定多数を相手にしているWebサービスの利用規約や会員規約もかなり重要なポイントではないかと思います。 実際のところ、よく分からないから、他のサービスを参考にしている場合も結構あると思います。 参考にするのは良いとして、サービスによって内容も違いますし、運用する会社や個人によっても保障できる範囲は異なると思います。 Webサービス以外でもサービス提供している場
PHPコード最適化高速化TIPSまとめ | Webエンジニアのメモ
TweetPocket PHPコード最適化高速化TIPSまとめPHP最適化 ベストプラクティス！ 参考url： http://d.hatena.ne.jp/koto2/20080518/1211070116 01. static にできるメソッドは static として宣言しよう。（4倍速い） 02. echo の方が print より速い。 03. echo ‘文’,’字’; （カンマ区切り）の方が、’文’.’字’ （ドット連結）より速い。 04. ループの最大値は、ループ「内」ではなく「前」にセットしておこう。 05. 大きい配列のような変数は unset() してメモリを解放しよう。 06. マジックメソッド（例： __get, __set, __autoload）は使用を避けよう。 07. require_once はハイコストなのです。 08. include や require
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モックアップ作成用PhotoshopのUIキット「Soft UI Kit」:phpspot開発日誌
IDEA * IDEA