以前、JavaScriptで雨を再現した癒やし系スクリプトを紹介しましたが、今日紹介するのはスクリプト無し、CSS3アニメーションで実装する窓越しに楽しむ雨粒を紹介します。 キャプチャは静止画ですが、CSS3アニメーションで雨粒がどんどん増えていきます。
以前、JavaScriptで雨を再現した癒やし系スクリプトを紹介しましたが、今日紹介するのはスクリプト無し、CSS3アニメーションで実装する窓越しに楽しむ雨粒を紹介します。 キャプチャは静止画ですが、CSS3アニメーションで雨粒がどんどん増えていきます。
By: Linda N. – CC BY 2.0 「予定していたスケジュールよりも大幅に仕事が遅れている。」 「しかも、締め切り間近の仕事もいくつか溜まっている。」 「したくないけれど、今日も残業だ。」 …こんな状況に陥ってしまったら、ついついこう思ってしまいそうになりませんか? 「ああ、自分は仕事ができない人間だ。」 しかしそんなときでも、「自分は仕事ができない人間だ。」などと決して考えてはいけません。今日はその理由についてお話しします。 1.「仕事ができない」と思う人は自分で成長を止めている 2.「仕事ができないから」を止めたら仕事が早く終わるようになった話 3.「なぜだろう?」と考える気力がないとき 1.「仕事ができない」と思う人は自分で成長を止めている 「自分は仕事ができない」と考えることの最も危険なポイントは、そう考えた途端に思考停止してしまうことです。 仕事が遅れていたり、うま
Welcome to Square Bracket - Open JS Grid v2 Bootstrapなデザインのデータグリッドを実装できる「Open JS Grid」 ソート機能、ページング機能、データ追加・編集・削除などが可能でBootstrapデザインのデータグリッドを実装することが可能。 データグリッドもカッコよく作りたい場合の一つの選択肢として。 HTML的にははjQuery+Bootstrapでサーバサイドがphpで実装されている物がダウンロード可能です。 関連エントリ テーブルを折りたたみ可能なツリー型グリッドに変換できる「TreeGrid」 レスポンシブなアイコングリッド作成チュートリアル 4KB程の軽量レスポンシブグリッドライブラリ「fitgrid」 オーバーレイするグリッドの超クールなデモ
Inc. :忙しい現代人はストレスを溜め込みがちですが、ちょっとした工夫でストレスを軽減することは可能です。世界でもっとも読まれているセールスに関するブログのひとつ『Sales Source on Inc.com,』の著者Geoffrey James氏がアドバイスする、ストレスに打ち勝つための21の方法をご紹介します。 1.小さな成功を喜ぶ 私たちの多くは、実現するのに何年もかかるような大きな夢をもっています。それは良いことですが、その目標に達するまでに必要な小さなステップを達成したときにも、喜ぶようにしましょう。 2.仕事と関係のない友人と遊ぶ 仕事に関わりのある人々と多くの時間を過ごしすぎると、話の話題が仕事関連になりがちで、ストレスが増える元となります。仕事と関係のない友人と時間を過ごすことで、仕事モードから離れれば、ストレスを軽減することができるでしょう。 3.自分が心地よいと感じ
ブログをやっている人、またはやろうと思ったことがある人、というのは昨今とても多いと思います。 文書を書くことや、自分の作品を世界に向けて発信することは間違いなく喜ばしいことであり、最近ではブログでお金を稼ぐことも可能です。そして既存のビジネスのプロモーションツールとしても有効に使うことができます。 それではパーソナルな、またはプロフェッショナルとしてのゴールに到達するためにブログを活用したい場合、ブログはどんな風に役立ってくれるのでしょうか? 今回はブログを始めるとどんなよいことがあるのか、ブログを始めると果たして人生は変わるのか、というお話をしてみたいと思います。 #1:新しいスキルが手に入る ブログを運営するには様々なスキルが必要となります。ブログを設定し、運営する術を身につけておくと、そのスキルは別の場面でも有益に使えることも多くあります。定期的に記事を書くことは書く力を向上させるだ
重要なポイントとは、チームに取り入れるべき「5つの存在」です。ただ与えられるだけの仕事をこなすのではなく、情熱をもって仕事に取り組むチームを築くのに欠かせない、その5つの存在を以下に紹介しましょう。 1.チアリーダー:チームの雰囲気を盛り上げる者 あなたのチームは団結していますか? やる気が満ちており、楽しんで仕事に取り組める環境ですか? 答えがノーであれば、必要なのは「チアリーダー」です。 「チアリーダー」はチームのやる気を高め、チームに積極的に関わり、士気を高めつつ、メンバー全員をよりクリエイティブにし、仕事に対する情熱を向上させる存在です。社交的であり、チームメンバーを会話と共同作業に引き込むことのできる、生まれながらの能力をもっています。「チアリーダー」はメンバー同士のコミュニケーションを活発にするため、社交的ではないメンバーは、最初は1歩引いたり、不快に感じることもあるかもしれま
対応動作環境にiOS 7を追加:Ajaxライブラリ「YUI 3.14」公開、ECMAScriptモジュールを変換可能に 米Yahoo!のエンジニアが開発するAjaxライブラリの新版「YUI(Yahoo! UI Library)3.14.0」が公開された。今回の大きな変更点は2つで、ChartsモジュールおよびGraphicsモジュールの機能強化と、ECMAScript 6モジュールをYUIモジュールに変換する新機能である。 米Yahoo!のエンジニアが開発するAjaxライブラリの新版「YUI(Yahoo! UI Library)3.14.0」が2013年11月25日に公開された。今回の大きな変更点は2つで、ChartsモジュールおよびGraphicsモジュールの機能強化と、ECMAScript 6(ES6)モジュールをYUIモジュールに変換する新機能である。その他、多くのバグも修正した。
Photoshopで開いたキャプチャ 各エレメントはベクターなのでカラー変更なども簡単にできます。 アイテムは2種類。 Transparent Style 要素は透明で作成されており、洗練されたモダンなデザイン。背景のカラーを変えたり、写真画像を配置しても面白いと思います。 iOS 7 Line Style iOS 7ライクのソリッドなラインで構成されたデザイン。
フォームのチェックボックスとラジオボタンに余分はタグは使用せずに、ちょっとだけアニメーションを加えて楽しくするスタイルシートを紹介します。 Animated Toggles HTML チェックボックスもラジオボタンも通常通りにマークアップします。 余分なタグは特にありません。 <form> <h1>Animated Toggles!</h1> <div class="controls"> <input id='check-1' type="checkbox" name='check-1' checked='checked' /> <label for="check-1">Apples</label> <input id='check-2' type="checkbox" name='check-1' /> <label for="check-2">Oranges</label> </div
全て商用利用無料!すぐに使えるJPEG素材からオリジナルを作成できるPSDまでブラーな背景素材のまとめ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く