『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
500x500px超のシームレスに使えるざらっとした紙のテクスチャ素材を紹介します。 FREE SEAMLESS PAPER TEXTURES 紙は全部で12種類あり、フォーマットはJPGです。 テク
lightboxよりJavaScriptと画像ロードの依存を少なくした、レスポンシブ対応で画像を拡大表示するjQueryのプラグインを紹介します。 デモページ:幅780pxで表示 SuperBoxの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 <link href="css/style.css" rel="stylesheet"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/superbox.js"></script> Step 2: HTML まずは、基本構造です。 HTML5のdata属性で拡大する画像を指定し、classに「superbox-im
jQueryでテーブル(table要素)に行を追加する方法を紹介します。 テーブル操作は、テーブル系のjQueryプラグインで色々なことが実現できると思いますが、業務で使っているツールでこの機能がピンポイントで必要になったため自力で作りました。 単に追加するだけであれば後述するappend()とprepend()で大丈夫です。ただアニメーション表示する方法についてはネットで色々探しましたが同様の情報がなかったので試行錯誤して作りました。テーブルを操作する場合の参考になれば幸いです。 1.サンプル まずはサンプルで動作をご確認ください。 jQueryでtableに行を追加するサンプル サンプルでは行の追加・削除・全削除が行えます。 2.テーブルの先頭に行を追加する 行をtable要素の先頭に追加するには次のように記述します。 $('tbody').prepend('<tr><td>~</td
Result jQuery$('table td span').click(function(){ //クリックで親要素ごと削除する $(this).parent().parent().remove(); });cssspan{cursor:pointer; color:red;} table, tr td{border:1px solid #999;} tr td{padding:15px 25px;} table{margin:25px;}html<table> <tr> <td>row 1</td> <td>row 1</td> <td>row 1</td> <td><span>X</span></td> </tr> <tr> <td>row 2</td> <td>row 2</td> <td>row 2</td> <td><span>X</span></td> </tr> </ta
まず「リスト選択」の列の選択肢から「B」を選択します。 ⇒「リスト名」が「B」に変更されます。(変更)「追加/削除」の列の「+」ボタンを押します。 ⇒行が追加されます。(追加)追加された行の「リスト順」の列の「↑」をクリックします。 ⇒行が上へ移動します。(移動)移動した行の「リスト順」の列の「↓」をクリックします。 ⇒行が下へ移動します。(移動)最後に、好きな行の「追加/削除」の列の「-」ボタンを押します。 ⇒行が削除されます。(削除) いかがでしょうか。まあ、よくある機能ですね。では、この機能の実装方法について以下にまとめておきたいと思います。 HTMLHTMLでは、以下の点がポイントとなります。 それぞれの機能を発生させるためのイベントハンドラをセットしておきます。操作の対象となる「行」の部分は<tbody>タグ内に記述するようにします(これが後々大事になります)。JavaScrip
不肖わたくし、ずっと前にGoogle+がスタートしたばかりのとき、いろいろdisるエントリーを書いております。 たとえばこんな感じ Googleは壁にミートソースぶつけてなにが残るか試しているのか?! しかし、ある時、鷹野さんという方のブログを読み、考えを一転させまして「とりあえずGoogle+はやっとけ、毎日運用しろ」に方向転換いたしました。いままでソーシャルはアクセスの流入とだけ考えていたのですが、それじゃいかんと手のひら返しました。まるで維新の橋下さんのようです。本日はどうしてそんな風に方向転換を行ったのか、簡単に解説したいと思います。 その前にGoogle+ですが、いつものようにループスからデータをお借りしますと・・ もともとニールセンのWindows PCからのみというちょい偏った統計からで、いまやソーシャルの過半数(mixiなんて大半がそう)がモバイルからという状況では正確とは
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
ニートというのはダメな人じゃない。 ノーワークおじさんなのだ。 人間やればできる。 誰でも可能性の宝庫なのだ。 PHPのフレームワーク「CodeIgniter」や「FuelPHP」を使って、Webサイトを作る。 そのとき、サブドメイン間で、セッション情報を共有したい。 あと、HTTPとHTTPS(SSLのページ)でも、セッションを共有したい。 =ログイン認証とか。 どうやれば良いか、検索してみたら、いろいろ参考情報があったので、メモ。 →「http https php サブドメイン セッション 共有」とかのキーワードで検索。 クッキーをサブドメイン間で共有する « kawama.jp setcookie("TestCookie", "Test", time() + 3600, "/", ".example.com"); なお、クッキーの動きを見るにはFireFoxが便利。ツール→オプション
【今使用しているWordPressテーマやプラグインがガイドラインに沿った作りかどうか確認する方法】私のプラグインもチェックしました 念のための前置きですが、私はWordPressテーマやプラグインは、有料でも無料でも、公式でも非公式でも、質の良し悪しはあると思っています。 今回は、私がこのブログで現在使っているテーマやプラグインについて、WordPressのガイドラインに沿って作成されているかどうかを確認する方法を書きました。WordPressを安全に利用したい方や(それはもちろん皆さんそうだと思いますが)、テーマや私のようにプラグインを開発している方にとっては、とても気になる情報だと思います。 もし、興味がありましたらご参考ください。 確認用のプラグインが配布されています下記のプラグインが配布されています。プラグインの名前どおり、テーマとプラグインのチェックができるというものですね。こ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く