自分のために始める30のこと（上）、「運を試そう」、「過去の自分と競争しよう」など - IRORIO（イロリオ）
アルバート・アインシュタイン氏は「他人のために尽くす人生こそ、価値ある人生だ」と語ったという。この言葉には落とし穴がある。自分を大切にしないという意味ではない。 人気ライフハックブログ「Marc and Angel Hack Life」で昨年最も話題になった記事「自分のために始める30のこと（30 Things to Start Doing for Yourself）」には、自分のために自分ができることが凝縮されている。 じっくりと２回に分けて紹介しよう。なお、後半記事は「自分のために始める30のこと（下）、「ふとした瞬間の幸せに気付こう」など」をご覧ください。 1. 適切な人たちと時間を過ごそう 一緒にいて楽しい人たち、あなたに愛情を持って接して、あなたを認めてくれる人たち、良い刺激を与えてくれ前進できるよう励ましてくれる人たちと過ごす時間を大切にしよう。 2. 問題に正面から取り組もう
Helveticaの代わりに使える30のフォント
世界中で愛されている永久定番級のフォントといえばHelvetica（ヘルベチカ）、デザイナーじゃなくともお馴染みのフォントです。今回はHelveticaは余りにメジャーすぎてちょっと抵抗がある、、、というひねくれモノのあなたのためにHelveticaの代わりに使えるフォントを30種類紹介した記事を。 — SEO Japan Helveticaは筋金入りの書体だ。明確さ、順応性、徹底的な完璧さを持つそれは、スイスのデザイン文化の証だ。この有名な書体は、数えきれないほどの理由から愛されている。それ自体には何の個性もないために、どんな気持ちや感情や心象も受け入れることができる能力もその1つだ。 Helveticaは私たちの最高のリスペクトに値するが、Helveticaには叫ぶ必要のある問題がある。あまりに多くのデザイナーが永遠にそれに固執しているのだ。そしてそれは、他の全てのサンセリフ体に対して
Coding Methodology | CFニュース | CODING FACTORY - コーディング専門サービス
Coding Methodology JavaScriptなし、HTMLとCSSだけでカルーセルを実装
jQuery.ScrollTo - tech.ludicmind.net
何をスクロールさせるかの指定 全てのマッチする要素がスクロールさせられる。 $('div.pane').scrollTo(...);//all divs w/class pane window (screen)をスクロールさせる場合には以下のように。 $.scrollTo(...); どこへスクロールするかの指定 目標位置の指定には様々な方法がある。 数値 文字列（'44', '100px', '+=30px'など） DOM要素（スクロール可能な要素の子） スクロール可能な要素に関連付けられているセレクタ { top:x, left:y }のようなハッシュ。xとyは上記のように数値や文字列 水平、垂直両方向に移動し、x, yが違う値の場合のみハッシュが必要。詳しくは以下に。 セッティング アニメーションと最終地点をカスタマイズするための多くのオプションがある。 axis スクロールの軸。'
[JS]スクロールを楽しくするパララックスを簡単に実装できる超軽量スクリプト -skrollr
jQueryなどの他のスクリプトに依存せず、スタンドアローンでパララックスのエフェクトを実装できる超軽量（2.2KB）のスクリプトを紹介します。 skrollr -GitHub [ad#ad-2] skrollrのデモ skrollrの使い方 skrollrのデモ パララックスは複数のエレメントを異なるスピードで動かすことで奥行きの錯覚を起こすもので、skrollrはスクロールの量に応じて、ページ上の各エレメントにさまざまなスタイルを定義することができます。 デモではその面白いパララックスのエフェクトが楽しめます。 デモは3つあり、まずはskrollrが楽しめるメインのデモから紹介します。
jQueryで奥行きのある背景スクロールを作ってみる
画像を手前は早く、奥は遅く移動 デモを見て頂ければわかると思いますが、やってることは手前の背景画像を早く動かし、奥の画像を遅く動かしているだけです。 html + css 画像は当然ですが2枚以上用意しましょう。 ここでは3枚画像の画像を使用します。 なのでdivを3つ用意し、それぞれに背景画像を指定します。 html <div id="bg03"> <div id="bg02"> <div id="bg01"> <!-- /#bg01 --></div> <!-- /#bg02 --></div> <!-- /#bg03 --></div> css #bg01 { background: url(bg1.png); height: 3000px; } #bg02 { background: url(bg2.png); } #bg03 { background: url(bg3.png);
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
『ブスの100カ条』まとめ
Domain Unavailable!