[JS]画像をホバー時にさまざまなアニメーションで目立たせるスクリプト -Adipoli
シンプルなものからちょっと面白いものまで、20種類以上のアニメーションのエフェクトを備えた画像を目立たせるjQueryのプラグインを紹介します。 デモ 用意されているエフェクトは20種類以上で、ホバー時のエフェクトは下記のものが揃っています。 normal popout sliceDown sliceDownLeft sliceUp sliceUpLeft sliceUpRandom sliceUpDown sliceUpDownLeft fold foldLeft boxRandom boxRain boxRainReverse boxRainGrow boxRainGrowReverse 画像のデフォルト時のエフェクト（オーバーレイ・半透明）も用意されており、組み合わせて利用できます。 [ad#ad-2] 以下、デモページのエフェクトを紹介します。
[webサービス]2012年2月リリースされた(話題になった)webコンテンツまとめ
このコンテンツは と言う事で毎月書いていますが、一応スタンスとして 規模の大小に関わらず、webサービス、アプリ等を紹介する 海外のサービスでも日本語で直感的に使えるものは普通に紹介 海外のサービスで他言語が必要なものはおまけで紹介 キャンペーン等のコンテンツもおまけで紹介 モバイルデバイスのみでしか使えないアプリ等は除外 と言った感じで進めてきました。 ですが段々海外の面白そうなサービスや、プロモーションの面白いコンテンツが増えてきている傾向にあり、おまけのウェイトがかなり重くなってきそうなので、改めて全てを一緒に紹介して行く形にしようかと考えてます。 国内のサービスしか見たくない人はちょっと申し訳ないですが、雑多な感じで集めていきます★ お暇なときにでもさらっと気になるサービスを探されてはいかがでしょうか？ 2012年2月のwebサービス総括 と言う訳でサービスです。2月はもうバレンタ
![[webサービス]2012年2月リリースされた(話題になった)webコンテンツまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/59fc4b8cf1c794158aa358a703d709cadeff33bf/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F11%2Feyecatch-collection-150x150.png)
少人数でWebサービスを作る僕らの仕事スタイル５つ - パパパパ
今回は僕らの仕事のスタイルを公開してみようと思います。一般的な会社と比べるとちょっと変わっているようです。インターネット事業を生業にしている僕らとしては、インターネットをフル活用して、固定費をなるべく下げて、新しい生活や仕事のスタイルを確立しようと考えています。 1. オフィスをもたない Webサービスはリアルの店舗を必要としないので、理論上ではオフィスがなくてもなりたちます。会社の登記はバーチャルオフィスという便利なサービスがあるのでクリアできますし、作業場所も自宅や喫茶店、コワーキングスペース、友だちの家、知り合いの会社など基本的にフリーダムです。 オフィスを持つと固定費が掛かるというのも大きいですが、移動時間をなるべく減らしたり、自由な場所で作業することで、精神的にも束縛のない環境を作っています。直接の打ち合わせは、週に1回だけ都心の喫茶店で行なっています。規模が大きくなると継続は難
Media QueriesとjQueryを使って、スマートフォンでアクセスした時だけナビゲーションメニューを上に隠す
シンプルで良かったので一応メモ。レスポ ンシブWebデザインのTipsです。Media Queries とjQueryを使用して、スマフォでアクセス した時だけ、邪魔になりがちなナビゲー ションメニューを上に隠す、みたいな手段。 割と良かったので参考までに記事に備忘録 として残しておきます。 隠すというと語弊があるんですけど・・・凄くシンプルな方法です。 Pull-Down-for-Navigation 通常のPCでは普通のナビゲーションですが、スマートフォンの場合、このように上に隠れています。しかし、タップで降りてくる、引っ張る、などのギミックではありません。 まずはデモをご覧下さい。 Sample QRコードでもアクセス出来ます。 Media Queriesの内容はだいたい予想が付くと思いますのでjQueryだけ。これもかなり単純ですが。 function checkWidth ()
【完全版】Facebookページのタイムライン化で本当に検討すべき11項目のチェックリスト « 株式会社ガイアックス
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
ウェブ制作者の困ったを解決するコードが盛りだくさん、スニペットを共有するサービス -Code Pad
Public Snippets コードは、現在7つのカテゴリに分けられています。 CSS Apache PHP JavaScript jQuery HTML XML Others [ad#ad-2] 例えばCSSだと、clearFix、角にリボンを配置、画像のフリップ、フッタの固定表示など、たくさんの便利なスニペットが登録されています。 CSS: Clearfix CSS: Pure CSS Corner Ribbon CSS: Flip an Image CSS: Sticky Footer スニペットのページでは、シンタックスハイライト、テキスト表示に対応しており、テキスト形式でダウンロードできます。
WEBサイト負荷テストツール7選 | さぶみっと！JAPAN
WEBサイトに情報を入力するだけで負荷テストができるLoad Impact、GUIから操作できるApache JMeterや、コマンドラインから使うcurl-loader・httperf・Siege・Pylot・abを簡単な使い方と共に紹介していきます。 Load Impact http://loadimpact.com/ Load ImpactはスゥエーデンのGatorhole AB社が管理している、フォームに必要な情報を入力するだけで負荷テストをしてくれるWEBサイトです。 ツールをインストールしたりする必要が有りませんので、非常に楽です。 毎月5回まで無料で負荷テストができます。 それ以上は10回/$30のクレジットを購入する事になります。 トップページのフォームにURLを入れて「Run free test」をクリックすると、世界各地のいずれかのAmazon EC2サーバから負荷テス
私の転換点 「放射能」は量の問題だと気づくまで - Togetter
あふらん/afran @pinwheel007 私の転換点① ブログにまとめて書くつもりですけど、その前に、ここでちょっとつぶやきます。私の転換点は去年の5月ごろ「つまり、放射能は量の問題なんだ」と気づいたときだと思います。「あるかないかではなく、量の問題なんだ」と気づいたときから冷静に考えられるようになりました。 2012-03-05 15:17:41 あふらん/afran @pinwheel007 私の転換点② それまで夫がいろいろ説明してくれても、夫が言っていることはわかるんだけど、頭の上に重たい雲がどーんとのっかってる感じがとれませんでした。この重たい気分がいやなのよと思って、どこかに引っ越したいと思いました。会津に行って帰ってくるときは気分が沈みましたね。 2012-03-05 15:23:56
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
テスト駆動開発について僕は誤解していた - 偏見プログラマの語り！
ここ数日 ruby をやってるんですけど、ruby といえばテストらしいので Test::Unit やら RSpec やらを調べてました。しかし僕はこれまでまともな TDD をやってこなかったので、先にテストとは何ぞや？TDD とは何ぞや？ってのを調べたりしていました。 この記事は、ずぶの TDD 素人がテストについて知り始めたまとめです。 1. きっかけは RSpec のドキュメント そもそも RSpec の↓紹介文の冒頭から意味不明に感じたんです。 FAQ:「RSpec って、要は Test::Unit でやっていることを別の書き方にしただけでは？」 この FAQ への短い答えはイエスです。 『スはスペックのス 【第 1 回】 RSpec の概要と、RSpec on Rails (モデル編)』 Rubyist Magazine えっ... じゃあ要らんやろソレ。いちいち手作業でチェック
Perl+JavaScript - 勝手に添削&移植 - 全裸で学ぶMVC事始め : 404 Blog Not Found
2012年03月07日00:45 カテゴリLightweight Languages Perl+JavaScript - 勝手に添削&移植 - 全裸で学ぶMVC事始め Perlプログラミング救命病棟 Peter J. Scott 著 / 伊藤直也 監訳 原書:Perl Medic ムケてないところを見つけたので。 全裸で学ぶMVC事始め - ゆーすけべー日記 添削篇 具体的には、ここ。 sub zenrize { my ( $self, $sentence ) = @_; return unless $sentence; my $api = $self->{yahoo_ma}; my $result = $api->parse( sentence => $sentence ) or return; my $ma_result = $result->{ma_result}; my $resu
ブログに挿入する画像へのこだわり。画像ソースとサイズへの気配りについてお話します。
ブログ移転のお知らせ！ ▼当ブログは移転しました！新しいサイトは以下となります！！ http://bamka.info ▼お手数おかけしますが、RSSの再登録もお願いします！！ http://feeds.feedburner.com/bamka ～追記～ 当エントリーでは、あたかも「PhotoPinの画像であれば、すべて可変して構わない」と取れるような表現があります。しかし、PhotoPinの画像でもCreative Commonsの利用条件に遵守する必要があります。詳しくはコチラのリンクを参照ください。 誤解を招く表現をしてしまったことを、お詫び申し上げます。 ---------- ブログを書く上で、結構な重要度を持っている画像。 文章だけでは伝えづらい、または本文が文章だけで味気なくなってしまう。そんなときに私は画像を挿入するようにしています。 そのほうがメリハリが出て読みやすいなぁと
この発想がすごい！次世代表現のヒントがいっぱいのWebサイト
IKEA | TRY ON A NEW SOFA... / uniqlo undercover / TIERRA | 福岡市中央区平尾の美容室 ティ...他...全5件
Webアプリのパフォーマンスアップ作戦 - ゆーすけべー日記
予定している機能を実現するアプリが完成するだけでWebサービスが成り立つわけではありません。 運用の最中にパフォーマンスにまつわる問題が出てくる可能性があります。 それは突然大きなトラフィックがやってきたというような時だけではありません。 知識が無いうちですと、いざ運用に乗せてみるとずいぶんとサイトの読み込みが遅いといったケースが発生することもあります。 僕はいくつかのエロサイトを管理しているのですが、 その中に月間700万PVのアクセスをいただいている「サイトA」があります。 サイトAの場合、トラフィックもそこまで無かった当初からパフォーマンスに関する問題がいくつか発生し、 その都度調べては実践で試して対策をしてきました。また、できる限り少ないリソースでの運用を目指しています。 今回はWebアプリのパーフォマンスアップ作戦として、 サイトAでの運用経験からのいくつかの方針やTipsを紹介
【CSS】実はこんなに便利！cssのセレクタ指定方法をちょっとだけ掘り起こしてみた | バシャログ。
モニターを見つめる目に優しいメガネがZoffからも出る！しかも度付きOK、フレームも選べる！気になってます。hakoishiです。 さて、今回は実は便利なcssのセレクタ指定方法をちょっとだけ掘り起こしてご紹介。 直下にある要素だけ、とかセレクタ名が部分一致したら、はたまたリンク先パスによって、とか実はかなり便利です！ 特定の要素の直下の要素だけに一括でマージンを設定 特定の文言を含むセレクタ、及びその位置で対象を絞り込み指定 リンク先のパス次第でスタイルを切り分ける 特定の要素・セレクタを例外とする 特定の要素の直下の要素だけに一括でマージンを設定 #container>* { margin: 0 10px; } IE7以上対応。 親>子で、直下要素のみを対象指定。 上記例ではid="container"の直下の要素すべてにマージンが設定されます。 ユニバーサルセレクタには正直不安を感じ
全裸で学ぶMVC事始め - ゆーすけべー日記
一般的なWeb Application Framework（WAF）ではMVCという設計及び実装における概念が取り入れられています。 MVCに従ってつくるのが全てではありませんが、 WAFを使うと共に、一度はMVCを用いたWebアプリの開発経験はしておいた方がよいと思います。 MVCはモデル（Model）、ビュー（View）、コントローラ（Controller）の3つの単語を組み合わせた言葉で、 この3つで概念が成り立っています。 クライアントがWebに対してリクエストをした時に、これら3つがそれぞれ連動して結果を返します。 一般的には以下のような処理経路をたどります。 クライアントがWebサイトにリクエスト コントローラがリクエストの処理を行い、モデルとビューを動かす 必要に応じてモデルを呼び出す 結果のデータをビューに渡す ビューがHTML化などをしたものをクライアントに表示する MV
IE 6, IE 7, IE 8 が退場した未来 - latest log
Internet Explorer の自動アップグレードについて | TechNet 長かった… 本当に長かった… やっと、IE 6, IE 7 が居なくなるのですね… uupaa.js ver 0.8 に埋まっている処理から情報を抜き出し IE 6, IE 7, IE 8 が居なくなった未来では何が可能になるのか抜粋してみました。 IE8 でやっと使えるようになる機能 一部は IE 6 や IE 7 でも使えるのですが、対応が限定的だったり不具合が多かったりと、安心して使えなかった機能も含まれています。 display: inline-block display: table, table-cell など position: fixed; E:active {...} E:focus {...} E::first-child {...} E:lang(C) {...} E::after
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HugeDomains.com
Rails3.2ってどう変わるの？
http://miqata.com/t/75
新着記事
新着記事
