最近見かけた、CSSの一工夫加えたスゴ技テクニックのまとめ

2022/07/26 164 users CSS ドロワー Airbnb NIKE カルーセル

Apple, Nike, Tesla, AirbnbなどのWebサイトやスマホアプリで使用されている、CSSの一工夫加えたスゴ技テクニックを紹介します。 美しい磨りガラスのヘッダ、コンテンツがズームするエフェクト、タッチフレンドリーなカルーセル、超クールなスワイプオーバーセクション、新感覚のスワイプアップするドロワーなど、すぐに... 続きを読む

超クールな Emacs Package（俺的）20 選 - Speaker Deck

2019/03/03 157 users Speaker Deck

All slide content and descriptions are owned by their creators. 続きを読む

ガーナで『よさこい踊り』が独自の変化を遂げ、超クールなダンスへと進化していた「完全にアフリカンナイズされている」 - Togetter

2018/11/11 450 users Togetter 全編 アフリカン ガーナ パフォーマンス

ガーナの他の学校の「よさこい」パフォーマンス（全編）は、こちらです！本当かっこいい！！ぜひご覧ください！ facebook.com/takanori.nakag… 続きを読む

さかなクンが音楽・楽器への愛情をたっぷりと語る！すギョ〜くステキな音楽のおはなし - 耳マン

2016/03/23 317 users きょ さかなクン サックスプレイヤー 愛情 楽器

さかなクンのサックスプレイが「かっこよすぎる！」と話題に 2016年2月に放送され、話題を呼んだ缶入りチューハイ『キリン氷結』のテレビCM。さかなクンがサックスプレイヤー“GYO”として登場し、東京スカパラダイスオーケストラ（以下、スカパラ）とセッションをくり広げる……。ひょうきんで天真爛漫なイメージのさかなクンがくり広げる超クールなサックスプレイに「かっこよすぎる！」とのコメントが殺到し、大きな... 続きを読む

タイポグラフィの歴史を5分で説明するよ（コマ撮り動画＆全訳） : ギズモード・ジャパン

2013/07/15 253 users タイポグラフィ ダッ マルチメディア マクマスター大学 カナダ

タイポグラフィの歴史を5分でダッと説明するストップモーションアニメ（上）が超クールと海外で注目を集めています。 製作したのはカナダのマクマスター大学でマルチメディアを専攻するベン・バレット=フォレスト（Ben Barrett-Forrest）さん（23）。3年目のアニメーション科目の課題でショートアニメを作れと言われて始めたら、ついつい凝ってしまったのだそう。 出身地ユーコンの地方紙はこう紹介して... 続きを読む

タイポグラフィの歴史を5分で説明するよ（コマ撮り動画＆全訳） : ギズモード・ジャパン

2013/07/15 253 users タイポグラフィ ダッ マルチメディア マクマスター大学 カナダ

動画 タイポグラフィの歴史を5分で説明するよ（コマ撮り動画＆全訳） 2013.07.15 21:00 タイポグラフィの歴史を5分でダッと説明するストップモーションアニメ（上）が超クールと海外で注目を集めています。 製作したのはカナダのマクマスター大学でマルチメディアを専攻するベン・バレット=フォレスト（Ben Barrett-Forrest）さん（23）。3年目のアニメーション科目の課題でショート... 続きを読む

日本伝統楽器で演奏したレディー・ガガ『Telephone』に世界がシビれる！ 海外の声「これ最高！」「原曲より好き」 | ロケットニュース24

2013/05/23 133 users telephone 尺八 ガガ レディー 彼ら

世界的ヒット曲レディー・ガガの『Telephone』が、日本のあるグループによって素晴らしい生まれ変わりを果たし、現在ネット上で注目を集めている。 『Telephone』を超クールにカバーしたそのグループとは、レディー・ガガが大好きな音楽集団「光山組（こうざんぐみ）」である。動画「Lady Gaga Telephone cover」が示すように、彼らは尺八や琴といった日本の伝統楽器を使い、それはも... 続きを読む

『GeekTool』でMacのデスクトップを魅力的にカスタマイズしよう！ : ライフハッカー［日本版］

2012/07/27 363 users GeekTool ライフハッカー Mac バッテリー 日付

Apple , MacOS , ソフトウェア , デスクトップツール 『GeekTool』でMacのデスクトップを魅力的にカスタマイズしよう！ 2012.07.27 20:00 カスタマイズといえばWindowsばかりに目が行きがちですが、Macのデスクトップだって超クールにカスタマイズできるのをご存じですか？　『GeekTool』を使えば、時間や日付、ハードドライブの空き容量、バッテリーの状態、... 続きを読む

CSS3で画像を分割スライドする超クールなパネル実装例:phpspot開発日誌

2012/01/26 104 users phpspot開発日誌 エフェクト アニメーション CSS3

Sliding Image Panels with CSS3 | Codrops CSS3で画像を分割スライドする超クールなパネル実装例。 例えば、画像が４枚に分割されていてそれらがアニメーションで次の画像に切り替わるというエフェクトをCSS3で実現しています。 アニメーションの種類は４種類あって、全部CSS3でJSオフで動きます。クオリティが超高いので、ダウンロード版をそのまま使いまわすことも可... 続きを読む

ネットに超クールな“職業データベース”が出来つつある - Chikirinの日記

2011/01/26 376 users Chikirin 日記 ネット

この前も書いたが、「インターネットが子供のキャリア形成プロセスに与える影響」というテーマで講演した。（ちなみに、ここで“子供”とは、小学校5，6年生から中学生くらいを想定してます。）ちきりんはインターネットの中には今、子供がキャリア形成の参考にできる情報がものすごい勢いで蓄積されつつある、と感じてる。 １．多彩な職業情報ネットでの個人発信情報はまだまだ匿名が多いけど、職業については開示している人が... 続きを読む

画像をキャプション付で超クールに切り替えるjQueryプラグイン「s3Slider」:phpspot開発日誌

2010/02/26 140 users jQueryプラグイン phpspot開発日誌 半透明 実装

s3Slider jQuery plugin 画像をキャプション付で超クールに切り替えるjQueryプラグイン「s3Slider」。 次のように、画像に半透明のキャプションを付けつつクールにアニメーションさせられるjQueryプラグインです。 動きを実際に見てみましょう。かなりかっこいいです。 s3Sliderプラグインの使い方とダウンロードはこちら 実装のHTMLは次のように結構綺麗になってます... 続きを読む

プロレベルのバックグラウンド画像作成Photoshopチュートリアル集:phpspot開発日誌

2008/09/09 291 users phpspot開発日誌 教材 充実ぶり 背景画像 作成

40 Cool Abstract and Background Photoshop Tutorials | Photoshop Tutorial プロレベルのバックグラウンド画像作成Photoshopチュートリアル集 次のような超クールな背景画像の作成の流れが分かります。こんな大量の教材があれば、もう他に教材は要らないというぐらいの充実ぶり。 Abstract Signature Windows ... 続きを読む

CSSベースの超クールなナビゲーション集:phpspot開発日誌

2007/03/16 183 users phpspot開発日誌 CSSベース ナビゲーション集

CSS-Based Navigation Menus: Modern Solutions | Smashing Magazine Navigation menus have to be intuitive, precise and easy-to-use. CSSベースの超クールなナビゲーション集。 どんなサイトにでも必ず必要になってくるのがメニューナビゲーションです。 秀逸なデザインのナビゲーシ... 続きを読む

JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ:phpspot開発日誌

2007/03/01 323 users phpspot開発日誌 ライブラリまとめ リアルタイム デモ

JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ。 バリデートするライブラリも沢山でてきました。とここら辺で一度まとめておきました。 Really easy field validation (デモ) - 入力値がおかしいと、エラーメッセージをフェードインさせながら超クールに表示できます。 ※ ページの最後で使い方紹介（これは良いです） Remember the m... 続きを読む

超クールなフリーフォント５種:phpspot開発日誌

2007/02/27 334 users phpspot開発日誌

注目！Flashを応用してHTML＆CSSだけでは通常作れない画像効果を得る「swfIR」 次の記事 »：ブラウザのウィンドウを各種解像度のサイズに自動リサイズできるFireFoxの拡張「Window Resizer」 5 More Freefonts: Chara, Preface, Colaborate | Smashing Magazine High quality freefonts ar... 続きを読む

超クールなドット絵背景画像がダウンロードできる「Kaliber10000」:phpspot開発日誌

2007/02/18 173 users phpspot開発日誌 Kaliber10000 背景画像

Kaliber10000 As the name implies, this section of K10k is a resource for deliciously pixellated patterns. 超クールなドット絵背景画像がダウンロードできる「Kaliber10000」。 ウェブサイトの背景画像なんかに使える画像が大量に公開されています。 例えば次のような画像のダウンロードが可能で... 続きを読む

超クールな画像スライドショーを実現するためのJavaScriptライブラリ「FrogJS」:phpspot開発日誌

2007/02/06 203 users phpspot開発日誌 JavaScriptライブラリ

Programming and Designing for the Web FrogJS Javascript Gallery FrogJS is a simple, unobtrusive javascript gallery. It is not a replacement for other thumbnail galleries such as Lightbox JS, but rathe... 続きを読む

WordPressの超クールなテンプレート集:phpspot開発日誌

2007/02/01 252 users phpspot開発日誌 WordPress テンプレート集

数字の足し算を行わせてCAPTCHA認証を行うPHPライブラリ「PEAR::Text_CAPTCHA_Numeral」 次の記事 »：FireBug1.0リリース！＆YahooでのFirebugデモムービー 続きを読む

画像の拡大プレビューを超クールに行える「Highslide JS」:phpspot開発日誌

2006/10/23 252 users phpspot開発日誌 pages 画像

Highslide JS - JavaScript thumbnail viewer Highslide JS, formerly Vevstein Thumbnail Expander, is a piece of JavaScript that streamlines the use of thumbnail images on web pages. The library offers th... 続きを読む