jQueryで読み込み時とリサイズ時の処理を合わせて書くには、以下のようにします。 $(window).bind(“load resize”, function(){ // code here }); ※はてぶでコメントを頂いたので追記(2013.2.19) jQuery 1.7以上では「.bind」は非推奨になったため、以下のように「.on」を使います。 $(window).on(“load resize”, function(){ // code here });
jQueryで読み込み時とリサイズ時の処理を合わせて書くには、以下のようにします。 $(window).bind(“load resize”, function(){ // code here }); ※はてぶでコメントを頂いたので追記(2013.2.19) jQuery 1.7以上では「.bind」は非推奨になったため、以下のように「.on」を使います。 $(window).on(“load resize”, function(){ // code here });
YouTubeの動画埋め込み時に関連動画を非表示にするには、以下のようにします。 https://youtube.com/watch?v=xxxxxx%3Frel%3D0%EF%BC%88xxxxxx%E3%81%AF%E5%8B%95%E7%94%BBID%EF%BC%89 ※URLの後ろに、「?rel=0」を付けます。
jQuery Responsive Tile Galleryは、レスポンシブレイアウトに対応した画像ギャラリーです。 ブラウザサイズを変更すると、すっとアニメーションしながらレイアウトが変更されます。 jQuery Responsive Tile Gallery
CUSTOM DROP-DOWN LIST STYLINGという記事で、ドロップダウンメニューをカスタマイズするコードが紹介されています。 シンプルなフェードのアニメーションがあっていい感じです。 CUSTOM DROP-DOWN LIST STYLING
ふとまとめたくなったのでまとめておきます。 WakuWaku ぽんたと毎日のように行っているwakuwakuさん。アイデア商品が満載です。ご夫婦とスタッフの方で営業されているお店は温かい雰囲気。代官山駅からすごく近いので、ぜひ行ってみてください。 CIBONE センスのいいセレクトと早い商品の入れ替えで、いつも刺激を与えてくれるショップ。外苑前駅の近く、ベルコモンズのB1Fです。自由が丘店は閉店して姉妹店のToday’s Specialになりましたが、上のカフェはまだあって、CIBONEのソファやテーブルとおいしい料理が楽しめます。 Today’s Special CIBONEの姉妹店としてスタートしたToday’s Special。自由が丘店は大きくて広々としています。ナチュラルなアイテムが中心。渋谷のヒカリエにも入っています。 hhstyle スタイリッシュでクールなアイテムを探すなら
Top 30 Responsive jQuery Slider Plugins for Websitesという記事で、jQueryを使ったスライダープラグインがまとまっています。 Camera Slider 加減速やトランジションの気持ちいいスライダー carouFredSel レスポンシブに対応したカルーセルプラグイン FlexSlider 2 ベーシックなスライダー WOW Slider 思わず「わぉ」となってしまう動きのスライダー CSS3 Responsive Slider JavaScriptを使わずCSS3で実装されたスライダー Top 30 Responsive jQuery Slider Plugins for Websites
先日印刷会社を募集したときに、ご連絡いただいたりした情報をまとめておきます(ご連絡ありがとうございます!)。 GRAPH 北川一成さん率いるGRAPH。出身地が同じでオフィスも近くということもあり、親近感を感じている会社。 イベントにお話を聞きにいったこともあるんですが、かなりエッジの効いた方で、とてもおもしろかったです。 プリンティングはオーダーメイドで、安くはないですが定評と歴史のある会社さん。今度名刺の作成をお願いしようと思っています。 COSMOTECH 箔押しなどの特殊加工が得意な印刷会社さんらしく、匠が仕上げてくれるのでクオリティが高いとのことです。 東京リスマチック 急ぎで作らなければならないものがあるときにデザイナーがよく使う会社のひとつ。 Kinko’s 手早く、安く作りたいときにおすすめ。 STUDIO UDONGE シルクスクリーン印刷など。 日研美術株式会社 平台校
<ul class="menu"> <li id="menu01"><a href="/page01/">page01</a></li> <li id="menu02"><a href="/page02/">page02</a></li> <li id="menu03"><a href="/page03/">page03</a></li> </ul> <ul class="menu"> <li id="menu01" class="current"><a href="/page01/">page01</a></li> <li id="menu02"><a href="/page02/">page02</a></li> <li id="menu03"><a href="/page03/">page03</a></li> </ul>
PowerTipは、シンプルでクールなツールチップを実装するjQueryプラグインです。 上下左右斜めの方向の配置や、マウスに追随するツールチップの実装が可能です。 PowerTip
デザイン・アート系の本が手に入る書店をまとめておきます。 代官山にある蔦屋書店。スタバが併設されていて、コーヒーを飲みながら本を選ぶことができます。とてもいい空間 limArtが代々木villageにオープンしたPOST。出版社をフィーチャーして時期ごとに本がセレクトされています 恵比寿にあるlimArt。アートイベントなども開催されています 先日ローンチしたオンライン古書店、nostos books。デザイン、アート、写真、文学、エッセイなどの古本が扱われています。ソートの動きがスムーズで使いやすいサイト 代官山にあったhacknet。残念ながら2011年5月8日にクローズしてしまいましたが、オンラインに注力しているようです。代官山店は片山正通さんによるインテリアデザインで、とてもいい場所でした
SharrreTwitterやは、Facebookのソーシャルボタンのデザインを変更できるjQueryプラグインです。 こういうデザインに変更できます。いい感じ。IE6に対応。 Sharrre
Photoshop CS6で点線を描く機能が追加されましたが、うまく描けないときがあるのでメモ。 ラインツール(U)で「シェイプ 塗り:透明 ストローク:線の色」を指定。 「ストロークオプション / 詳細オプション」で以下のように指定。 これでいい感じになります(この場合は1pxずつのドットラインになります)。 幅を伸ばすことが可能なのと、高さを変えると、塗りが透明なので枠線が点線になります。
メールのやり取りをしていて、さすがだなと思ったのでエントリー。 僕も以前からこうしているんですが、メールでコロンをつけて何か書く場合、ダブルクリックでコロン以下だけコピーしたいのに、全角だと1行分すべてが選択されてしまいます(Macで確認)。 【全角】ID:test 【半角】ID: test 全角の場合は、「ID:test」が選択されますが、半角の場合は「test」だけ選択されます。 なので半角コロンと半角スペースで書くのがいいと思います。 ブラウザだと、全角でも半角でも同じ動きをする場合があるようですね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く