動画を背景にするとこんなにカッコいい、というデモと実装jQueryプラグイン:phpspot開発日誌
動画を背景にするとこんなにカッコいい、というデモと実装jQueryプラグイン 2012年12月10日- Make an HTML5 video a background - body bg demo 動画を背景にするとこんなにカッコいい、というデモと実装jQueryプラグイン。 Youtubeの動画を背景にするjQueryプラグインがあったりしますが、今回は自前の動画を背景に使ったサイトが簡単に作れます。 動画フォーマットも各種指定することで色々な端末に対応することができそう 実装コード。各種動画ファイルをフォーマットベースにオプション指定 若干重いですが、将来的にはこういったサイトも当たり前のように登場していることでしょう。 関連エントリ フリーのオープンソースなHTML5動画プレイヤーいろいろ
作業効率化！Dreamweaverのオススメ拡張機能まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。 Dreamweaverの数ある機能を十分に活用できてる方ってどのくらいいるのでしょうか？ 私の場合、これまで最低限の機能しか使ってこず、操作上でわずらわしく感じることでも我慢してたんです。で、そのわずらわしさも苦痛に感じなくなってきて、いつの間にか慣れちゃってました。いけない子ですね。 そこで今日は以前の私みたいな方のために、作業効率を良くするDreamweaverの便利な拡張機能やおすすめ設定術を紹介させていただきます。 閉じタグコメントを自動挿入：End_comment.mxp 閉じタグコメントはソースの構造をチェックしたりする時に便利なんですが、その都度書いていくのって手間ですよね。 この拡張機能は閉じタグコメントを自動で挿入してくれます。もちろんIDとclassもちゃんと認識してくれます。 コメントを生成して挿入するDreamweaver用の拡
導入必須のWordPressプラグイン7選＋便利なおすすめプラグイン8選
プラグインとは、WordPressを自分好みにアレンジしたい場合に非常に便利なツールである。 サイトの表示速度を高速化したり、安全に利用できるように対策したり、サイトの見栄えを整えたりする上で、適切なプラグインをインストールすることは必須項目といっても過言ではない。 ただしプラグインは何千種類もあり、どれを使うべきか悩む方がほとんどだろう。「あれもこれも」と手を出し、結果的に何十個もインストールしてしまった方も多いのではないか。 しかし、誰にとっても必要といえる優秀なプラグインはそれほど多くはない。この記事では、バズ部が本当におすすめするプラグインに絞って、簡単な使い方や設定方法も含めて紹介していく。
２Dゲームが作れそうなアニメーションjQueryプラグイン「Motio」:phpspot開発日誌
Motio - jQuery plugin ２Dゲームが作れそうなアニメーションjQueryプラグイン「Motio」 矢印で移動したりスペースキーでジャンプしたりとデモが面白い。 実際の実装においても、サンプルコードを見る限りでは分かりやすいコードの実装が出来るみたいです サイトのトップにあるような絵に置き換えてみても面白そうですし、簡単なゲームをつくってみるのも楽しそうです 関連エントリ アニメ映画のようなロゴアニメーションを実現するjQueryアニメーションプラグイン「SuperScrollRama」 クリックで水滴を落としたようにアニメーションさせられるｊQueryプラグイン「jQuery.twinkle」 ターミナルに文字を打ってるアニメーションエフェクトが作れるjQueryプラグイン「Typist」
WordPressのガラケー変換プラグイン・Ktai Styleでthe_content()内の要素をスタイリングしてみる
スマートフォンサイトのWebデザイン に関する情報の配信が多いですが、 ガラケーサイトの制作需要もまだ健在 ですのでTipsを備忘録も兼ねて書いて みます。WordPressのKtai Styleで the_content()内をスタイリングする、 というもの。 まず最初に、僕はKtai Styleの仕様に関する知識は殆どありませんのであまり良くない方法なのかもしれません。その程度の記事としてお受け止め頂ければと思います。 Ktai StyleのテーマカスタマイズKtai Styleのテーマデザインの前に下準備。基本的には開発者さんが用意してくれたKtai Style用の既存テーマをコピーし、style.css内を書き換えて作ります。 /* Theme Name: foo Theme URI: http://example.com Version: 1.0.0 Description: M
[JS]スクロールするのが楽しくなる！多彩なパララックスのエフェクトを簡単に実装できるオープンソースのスクリプト -Jarallax
Loodsmedia ディスプレイ内のコンテンツもパララックスします。 Jarallaxの使い方 「Demo 3」を例に、実装方法を簡単に紹介します。 外部ファイル 「jquery.js」と当スクリプトをhead内に外部スクリプトとして記述します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jarallax-0.2.3b.js"></script> HTML HTML自体は通常通りに実装し、アニメーションのエフェクトを適用するエレメントには参照できるようid, classなどを付けます。 <h1 class="logo">Jarallax</h1> <div class="container" id="slide1"> <h2>見出し：slide
[JS]テキストを揃えたり、文字間を調整したり、かっこいいアニメーションを適用したりするjQueryのプラグインのまとめ
テキストにかっこいいスタイルを与えたり、レスポンシブに対応した配置や複雑な形状の回り込み、タイプライターや案内板のようなアニメーションで一文字ずつ表示するなど、テキスト関連のjQueryのプラグインを紹介します。
ブロック要素の高さを簡単に揃えられるjQueryプラグイン「equalize.js」:phpspot開発日誌
equalize.js ブロック要素の高さを簡単に揃えられるjQueryプラグイン「equalize.js」 $('#height-example').equalize(); などとすれば、幅や高さを瞬時に揃えることが出来ます。 ↓こんな感じに↓ 高さだけではなくて、 ↓幅も同様に全部揃えられます↓ カラムの高さを揃えることでスッキリできますが、簡単にできるのは有難いですね 関連エントリ 画像レイアウト関連で便利なjQueryプラグイン等まとめ アイテムをドラッグ＆ドロップで画面レイアウト出来るjQueryプラグイン「gridster.js」 コンテンツ幅に対してテキストを最大にして美しくレイアウトできる「BigText」
更新した記事の末尾にフロントエンド側でコンテンツを追加できるようにするWordPressプラグイン・liveblog
使う機会は個人的には多くは無い かもですが、なかなか面白い発想 だったのでご紹介。既に公開した 記事の末尾に、フロントエンド側 からコンテンツを追加できる、と いうWPプラグインです。 Automattic社製のWordPressプラグイン。フロントエンド側でコンテンツを追加・・出来るのですが、どちらかというとコメントっぽい感じです。 イベントの更新を素早く伝えることが出来る、みたいな用途だそうです。（多分 プラグインを有効化し、liveblogを使いたい投稿の投稿ページ下部チェックボックスにチェックを入れると記事下部にliveblog用のボックスが追加されます。追加されたコンテンツはそれぞれ単体で削除する事が出来ます。 画像なんかはドラッグ&ドロップで追加できます。 ただし、the_content()内に追加コンテンツが格納されるわけじゃないっぽいのでちょっと注意必要かもです。よく見てな
アイテムをタイル状に並べる新しいjQueryプラグイン「Freetile」:phpspot開発日誌
Yannis Chatzikonstantinou / Freetile.js アイテムをタイル状に並べる新しいjQueryプラグイン「Freetile」 LightBoxばりに流行ったこのレイアウトプラグインですが、新しいプラグインが出た模様。 プラグインは色々ありますがそれぞれ使い勝手が違ったりするので１つの選択肢として覚えておいてもよさそうですね 使い方は以下のように簡単で、オプションでアニメーションするかなどのシンプルなオプションが選べる模様です $('#container').freetile(); 関連エントリ 画像レイアウト関連で便利なjQueryプラグイン等まとめ
アニメーションでコンテンツをより効果的にみせるためのjQueryプラグイン集:phpspot開発日誌
15 Cool jQuery Animation Plugins | Graphic & Web Design Inspiration Resources アニメーションでコンテンツをより効果的にみせるためのjQueryプラグイン集。 画面上で動くものに関してはやはり注目がいってしまうものですが、アニメーションを実装する際に参考にできるプラグインがまとまっていましたのでご紹介。 見せたい部分を色で目立たせるだけでなく、アニメーションも入れることでより効果的に注意を引くことができそうです。 今後はCSS3も組み合わせたものがどんどん出てきて、ここ数年で、よりWEBサイトデザインは変わっていきそう。 関連エントリ CSS3アニメーションをjQueryで使いやすくするプラグイン「jQuery Transit」 アニメ映画のようなロゴアニメーションを実現するjQueryアニメーションプラグイン「S
これがやりたかった！WordPressで月別アーカイブの折りたたむ方法 | ひとぅブログ
10月でこのブログもまる5年になることをつい最近気づいて驚いている@hitoxuです。 ブログを長く続けていると、過去の記事が溜まっていきますよね〜。私は月別アーカイブの“長さ”を見てニヤニヤするのが好きだったりします(^_^;)。 でもさすがに、5年分となるとサイドバーの専有面積も多くなり、目障りになってきました。（管理者の私がいうなって？(^_^;)） そこで月別アーカイブを“いい感じで”折りたためるWordPressプラグインを探していたのですが、ようやく見つけられたのでご紹介します。 月別アーカイブプラグインに求める3つの条件 探していたプラグインの仕様でつぎの3つは欲しいな〜と思っていました。 今年は従来通り「月」が表示される 昨年以前は「年」のみ表示されていて、「月」を展開できる 「月」、「年」に記事数が表示されている 月別アーカイブをまとめる方法として、例えばプルダウンがあり
99吃鸡-最佳免費成人影視網站，最佳免費成人影視網站,漂亮女邻居夹得好紧又爽,天堂中文在线观看,56免费福利精彩视频,四川美女野外大胆自拍,日韩一级欧美一级夜夜爽
99吃鸡-最佳免費成人影視網站，最佳免費成人影視網站,漂亮女邻居夹得好紧又爽,天堂中文在线观看,56免费福利精彩视频,四川美女野外大胆自拍,日韩一级欧美一级夜夜爽,a视频一区在线观看大片,很黄很污的视频免费观看,卡通动漫1页久久综合,免费网站一级毛片,成年人看樱花视频
Photoshop VIP どんなWebサイト制作にも対応、Photoshopでグリッド、カラムガイドラインを作成する方法
Photoshopを使ってWebデザインを制作するときに、まず必要となるのがピクセル単位で引かれたグリッドガイドラインです。 グリッドレイアウトを利用することで、コンテンツをすっきり見やすく並べるだけでなく、デザイン作業を直感的に行うことができます。 海外デザインブログWebdesigntuts+で、Photoshop用プラグインGuideGuideを利用したWebデザイン制作用のガイドラインの設定方法を解説したチュートリアル「Setting a Baseline Grid With GuideGuide for Photoshop」が公開されていたので、今回はご紹介します。 詳細は以下から。 Webデザインに必要なガイドラインを作成するPhotoshopチュートリアル Step 1: プラグインGuideGuideをインストールしよう 今回はPhotoshopエクステンションプラグインG
今こそ知っておくLightbox風プラグイン20+:phpspot開発日誌
20 Useful jQuery Lightbox Plugins 今こそ知っておくLightbox風プラグイン20+。 LightBoxが登場して7年ぐらい経つんでしょうかね。色々なところで見るようになったLightBoxのインタフェース。 新しいウィンドウを開く部分の軽量化、ポップアップブロック対策などとして広く使われるようになりました。 派生スクリプトも多数出てきていますので、定番からマイナーなものまで、まとまっていて選択の際に便利かも。 そんなこんなで、このブログも7年ぐらいほぼ毎日更新を続けていますが、LightBox登場あたりから7年も経つのかと時の流れの速さを感じています。 関連エントリ CSS3で出来たクールなLightBox実装チュートリアル
テキストでも画像でもルーペのように拡大できるjQueryのコード - かちびと.net
よくある拡大鏡を実装するスクリプト です。マークアップも楽で、コード も少量で済むので参考にしました。 そんなに多用するUIではありませんが、 便利は便利なので覚えておきたいです。 方法が好みだったのでメモ的に。いわゆるルーペ的なを実装。 Sample jQueryを使います。 ドラッグで動かします。CSS-Tricksでもだいぶ前にプラグインを作ってました。こちらはクローンを自分で用意する、というものでしたが、今日のコードは指定したセレクタ内のDOM要素のクローンを作成してオリジナルの上にレイヤーとして重ねてCSSで部分的に表示、JSでドラッグ出来る様にすると拡大されたように見える、という仕組みっぽいので、マークアップは普通でOKです。 CSSを外すと、クローンが作られているのがわかります。 IE6も含め、殆どのブラウザで動作するみたい。ただ、border-radiusと相性悪いそうです
Google Reader
Thank you for stopping by. Google Reader has been discontinued. We want to thank all our loyal fans. We understand you may not agree with this decision, but we hope you'll come to love these alternatives as much as you loved Reader. Sincerely, The Google Reader team Frequently-asked questions What will happen to my Google Reader data? All Google Reader subscription data (eg. lists of people that y
Redmineに入れたプラグイン一覧 - プログラマの思索
RedmineのVer0.8.4、0.8.6に入れたプラグインのうち、使っているものを公開してみる。 1年前に比べると、プラグインが充実していて楽しい。 結局10個以上も入れていた(^^;) 【コードレビュー】 r-labs - Code Review - Redmine Redmineのプラグインが充実している: プログラマの思索 リポジトリ画面からコードレビューのチケットを発行して、レビューをワークフロー管理できる。 お手軽にコードレビューできるのがいい。 レビューもチケットにするから、ワークフローのカスタマイズも可能。 【Hudson】 r-labs - Hudson - Redmine Redmineのプラグインが充実している: プログラマの思索 Hudsonと連携して、ビルド管理する。 SimpleCIプラグインよりもはるかに機能が充実している。 【Wiki拡張】 r-labs
[WP]メルマガ・メール購読プラグイン比較まとめ
wordpress対応のニュースレター系プラグインの比較をしたのでまとめてみた。 メールマガジン配信、メール購読、登録ユーザーへのメール送信がwordpressの管理パネルから出来るプラグインが中心。 ビジネスブログとかCMS的に構築したときリクエストされる事が多いけど、いざ探してみるとなかなか見つからないんだよね…。 Subscribe2の日本語化ファイルver5.6に対応 Subscribe2の日本語化ファイルver4.15に対応 Subscribe2の日本語化ファイルver4.7に対応 説明にダウンロードのリンクがあります。 Subscribe2 メール通知系では多分一番有名だと思う。多機能なプラグイン。 cforms2を使用している場合、一旦オフにしないとオンにするときエラーが出る。 機能説明訂正 メールアドレスだけの登録の他、ブログへのユーザ登録者も購読者に出来る。 基本的には投
![[WP]メルマガ・メール購読プラグイン比較まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.2ch-search.net/blog/6