最近見かけた、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”として登場し、東京スカパラダイスオーケストラ（以下、スカパラ）とセッションをくり広げる……。ひょうきんで天真爛漫なイメージのさかなクンがくり広げる超クールなサックスプレイに「かっこよすぎる！」とのコメントが殺到し、大きな... 続きを読む

世界の超クールな「個室」たち : ライフハッカー［日本版］

2014/01/04 56 users ライフハッカー 個室 日本版 世界 ボット

DIY , オフにやること , 仕事場探訪 世界の超クールな「個室」たち 2014.01.04 13:00 小さいことは美しい。そして効率的。 米メディア「Inc.」が選んだ9つのポッドやドーム型の部屋、仕事場はいずれも、芸術的にも環境的にも卓越しています。 未来の小部屋は必ずしも四角ではありません。オフィスであれ家であれ、クールな"個室"は、電話の音を遮断するプレキシガラスを備えていたり、三角形... 続きを読む

タイポグラフィの歴史を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」が示すように、彼らは尺八や琴といった日本の伝統楽器を使い、それはも... 続きを読む

HTML5を使った超クールなフリーのWordPressテーマ集35:phpspot開発日誌

2013/04/19 66 users phpspot開発日誌 HTML5

35 Free HTML5 WordPress Themes For Your Blog | Free and Useful Online Resources for Designers and Developers HTML5を使ったフリーのWordPressテーマ集35。 良い感じのテーマが集まっています。ぼちぼち今のテーマにも飽きて、もう、これからはHTML5だぜ、という方は試してみても良い... 続きを読む

レスポンシブで超クールなカレンダーデモとｊQueryプラグイン「Calendario」:phpspot開発日誌

2012/12/04 94 users CSS グラデーション jQueryプラグイン デモ

Calendario: A Flexible Calendar Plugin | Codrops レスポンシブで超クールなカレンダーデモとｊQueryプラグイン「Calendario」。 次のようなグラデーションが美しいカレンダーのデモとプラグインが共に配布されています。 カレンダーのHTML構造は予め決められており、CSSでデザインされています。 カレンダー機能はシンプルなものですが、コールバッ... 続きを読む

超クールなjQueryUIテーマ「Delta」:phpspot開発日誌

2012/10/12 50 users Delta TwitterBootstrap UIパーツ

Delta - The Free jQuery UI Theme from Kiandra IT 超クールなjQueryUIテーマ「Delta」。 次のようなUIパーツでのWEBページを実現することが可能です。 TwitterBootstrapもカッコいいわけですが、こういうUIもいいですね。 かなりアップル意識している感じですが。 背景がブラックなバージョンもクール こういうものがもっともっと増... 続きを読む

「宇宙刑事ギャバン」まるでダークヒーロー！スタイリッシュな劇場版ビジュアル公開！ - シネマトゥデイ

2012/07/27 52 users シネマトゥデイ 宇宙刑事ギャバン ダークヒーロー 劇場版 一味

一足先に進んだギャバンを目撃せよ!?　超クールなビジュアルが公開！ - (C)2012「ギャバン」製作委員会 [シネマトゥデイ映画ニュース]　今年で生誕30年となる特撮ヒーロー番組初の映画化『宇宙刑事ギャバン THE MOVIE』から、これまでのイメージとは一味違った、ダークでスタイリッシュなギャバンのポスタービジュアルが公開となった。 1982年から放送され高視聴率を記録し、シャリバン、シャイダ... 続きを読む

『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オフで動きます。クオリティが超高いので、ダウンロード版をそのまま使いまわすことも可... 続きを読む

文字を別の文字に切り替えながら超クールにアニメーションさせながら表示「Shuffle Letters Effect」:phpspot開発日誌

2011/09/29 58 users phpspot開発日誌 A jQuery plugin

文字を別の文字に切り替えながら超クールにアニメーションさせながら表示「Shuffle Letters Effect」 2011年09月29日- Shuffle Letters Effect: a jQuery Plugin | Tutorialzine 文字を別の文字に切り替えながら超クールにアニメーションさせながら表示「Shuffle Letters Effect」。 Flashサイトなんかであ... 続きを読む

元Googleエンジニア「Googleは古いコードを重んじる典型的な大企業のようになっている」 : ギズモード・ジャパン

2011/06/13 53 users グーグル ギズモード 天国 巨人 エンジニア

グーグル , 企業 元Googleエンジニア「Googleは古いコードを重んじる典型的な大企業のようになっている」 2011.06.13 16:00 [0] [0] Tweet Check Googleと言えば...、世界で最も先進的で、超クールで、自由で、エンジニアにとって天国のような企業というイメージがあったはず。 しかし元Google社員によれば、もはやその「検索の巨人」は革新的で先進的な企... 続きを読む

多数アイテムの絞り込みや並替えを超クールに演出できるjQueryプラグイン「Isotope」:phpspot開発日誌

2011/02/09 61 users Isotope Sort filter フィルタ ソート

Isotope 多数アイテムの絞り込みや並替えを超クールに演出できるjQueryプラグイン「Isotope」。 デモページ上部の Filter や Sort、Layout 部分のボタンをクリックすると、下に並ぶ多数のアイテムがそれぞれアニメーションしながら並び替わります。 例えば、iPhone等でページを見ていて、ブログの記事項目が多い場合、フィルタやソートをした方が見やすい場合があったりしそうで... 続きを読む

ネットに超クールな“職業データベース”が出来つつある - 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デザインされたUIのレーティングシステムのサンプル:phpspot開発日誌

2007/04/04 96 users レーティングシステム Hosting Webdesign

Rater ? Robarov: Webdesign, zoekmachine optimalisatie, hosting 超クールなCSSデザインされたUIのレーティングシステムのサンプル。 サンプルを使って次のようなカッコいいレーティングシステムを実装することができます。 デザインその１ デザインその２ いずれも、CSSによってデザインされており、HTMLは次のようにシンプル。 <ul id... 続きを読む

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」。 ウェブサイトの背景画像なんかに使える画像が大量に公開されています。 例えば次のような画像のダウンロードが可能で... 続きを読む