タグ「スライダー」

タグスライダー

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 57件)

CSSの進化がすごすぎる！ 2つの画像を比較するスライダーは数行のコードで実装できるようになりました

2023/11/28 147 users CSS ライブラリ HTML テクニック動作

2つの画像を重ねて表示し、画像を比較できるスライダーを実装するには、今まではJavaScriptのライブラリなどを使用していたかもしれません。ほんの少しのJavaScriptと、あとはシンプルなHTMLとCSSで2つの画像を比較するスライダーを実装するテクニックを紹介します。まずは、実際の動作をデモページでご覧ください。縦... 続きを読む

高坂 on Twitter: "スケッチ1枚からイラストやアニメーション、3Dモデルをリアルタイムに自動生成する実験をしています。 UIのスライダーでパーツの形状や色、質感を変更でき、ランダムな選

2022/09/16 119 users アニメーション質感リアルタイム形状実験

スケッチ1枚からイラストやアニメーション、3Dモデルをリアルタイムに自動生成する実験をしています。 UIのスライダーでパーツの形状や色、質感を変更でき、ランダムな選択も可能です。クリエイターさんから絵を描いたことがない方まで、創… https://t.co/SwT91BcJqI 続きを読む

タコの滑り台は芸術品？　類似遊具を訴えた裁判で判決：朝日新聞デジタル

2021/04/28 118 users 滑り台原告被告ダコ判決

公園にある「タコの滑り台」は、著作物として保護されるべき芸術品かどうか――。この点が争われた著作権侵害訴訟の判決が28日、東京地裁であった。裁判長が示した判断とは……。原告は、タコの足がスライダーや階段状になっている滑り台を1970年代に開発したデザイン会社（東京都）。被告の遊具製作会社（同）が、これとよ... 続きを読む

どんどん簡単になっていく！最近見かけるアニメーションを伴ったさまざまなUIが実装できるスクリプト -LayerJS | コリス

2018/05/18 250 users モーダルコリスアコーディオンパララックスエフェクトほか

アイコンをクリック・タップすると横からスライドして表示されるナビゲーション、サムネイルをタップするとズームして次のコンテンツを表示、今までとは異なるうるさくないパララックスエフェクト、ほかにもスライダーやアコーディオンやモーダルなど。最近のWebページやスマホアプリでよく見かけるアニメーションを伴ったさまざまなUIが簡単に実装できる超軽量スクリプトを紹介します。他のスクリプトやスタイルシートに... 続きを読む

目的にあったJavaScriptのライブラリを探す時にかなり便利、JavaScript専門の検索エンジン -searchlibs | コリス

2017/06/18 133 users カルーセルコリススクロールエフェクトナビゲーション目的

スライダーやカルーセル、ナビゲーション、アニメーションを伴ったスクロールエフェクトなど、目的にあったJavaScriptのライブラリを探す時に役立つJavaScript専門の検索エンジンを紹介します。人気はあるのか、ア ...記事の続きを読む続きを読む

痛いニュース(ﾉ∀`) : 【WBC】山田のホームラン、ファンがキャッチしてしまい二塁打に - ライブドアブログ

2017/03/07 138 users 打球ライブドアブログ一直線ＷＢＣ球場

【WBC】山田のホームラン、ファンがキャッチしてしまい二塁打に 1 名前：チキン ★＠＼(^o^)／：2017/03/07(火) 20:54:05.89 ID:CAP_USER9.net 四回、２死二塁での３打席目。２ボール１ストライクから４球目、１２２キロのスライダーを狙った。打球は一直線に左翼方向へ。そのままスタンドに消えたかに思われたが、三塁審判は二塁打の判定。球場が一時騒然となった。... 続きを読む

最近見かけるレイアウト・ナビゲーション・スライダー・フォームなどがどうやって実装されているのかのまとめ | コリス

2017/02/15 353 users CSS コリステクニックスマホアプリタイムライン

Webページやスマホアプリで見かけるレイアウト、ナビゲーション、ボタン、スライダー、フォーム、タイムライン、ボタンなど、CSSを使って実装されたテクニックがまとめられたコンテンツを紹介します。デザインのアイデアとして、 ...記事の続きを読む続きを読む

『Conan Exiles』陰茎調整と性器物理に見る常識という名の没入感、乳揺ればかりがリアルじゃない | AUTOMATON

2017/02/07 296 users AUTOMATON Conan Exiles 没入感常識

先月末にSteamで早期アクセス販売が始まったオープンワールドサバイバル『Conan Exiles』が、ゲームと直接的に関係のない部分で大いに脚光を浴びている。同作はキャラクターエディットに男性器の大きさを調整できるスライダーを備えていることに加えて、男性キャラクターの陰茎と睾丸はジャンプしたりしゃがんだりするたびに、Unreal Engine 4の物理演算によって実際に揺れる。これまでペニスの造... 続きを読む

ウェブ制作で差がつく！コピペ可能なHTML/CSSスニペット50個まとめ 2016年10月度 - PhotoshopVIP

2016/10/21 129 users Ｒｕｎホバーエフェクト PhotoshopVIP 一味工夫

ウェブ制作で差がつくテクニックをコピー&ペーストで利用できる HTML/CSS スニペットをまとめてご紹介します。最新のデザインテクニックを駆使したレイアウトやスライダー、ボタンエフェクト、ホバーエフェクトなどユーザーがたのしむことができる工夫のつまった作品が数多く公開されています。これらのスニペットを利用することで、他とは一味違うユニークなウェブサイトを制作してみてみましょう。「Run... 続きを読む

フォトショやイラレが物理コントローラーのツマミ・フェーダーで操作可能になるモジュール式コントローラー「Palette」 - GIGAZINE

2016/01/21 242 users GIGAZINE イラレフォトショ Palette ダイヤル

Adobeが提供しているPhotoshopやIllustratorの操作を、マウスやキーボードとは別にボタンやフェーダー(スライダー)、ダイヤルなどで行うことができるコントローラーが「 Palette 」です。Paletteは各コントローラーにソフトウェアの機能を割り当てることで、ハードウェアコントロールを可能にし、より直感的な操作を行うことができるようになっています。 Palette Gear:... 続きを読む

デザインがイケてる地方自治体系の観光サイト＆特設サイトまとめ16選 | 株式会社LIG

2015/06/16 114 users 株式会社LIG デザイン姐さんデザイナー一言メモ

こんにちは、デザイナーの姐さんです。今回は、地方自治体系の観光サイトや、特設サイトで気になったものをまとめてみたいと思います。東日本編青森県観光情報サイトアプティネット http://www.aptinet.jp/ 一言メモ：スライダーがカッコいい、スタイリッシュ、渋い。ブンカDEゲンキ　あきた文化情報サイト http://common3.pref.akita.lg.jp/bunka/ ... 続きを読む

[JS]スマホ・タブレットでの操作性を重視したタッチデバイス対応のさまざまなスライダーを実装できるスクリプト -Swiper | コリス

2015/03/02 149 users Swiper ネイティブアプリコリス iOS スクリプト

iOS/Androidなど、モバイル向けのWebサイト、Webアプリ、ネイティブアプリでの利用に最適化されたタッチデバイス対応のスライダーを実装できるスクリプトを紹介します。キーボード操作やマウスのホイール・ドラッグ操作にも対応しているので、デスクトップでもOK！ Swiper Swiper -GitHub Swiperの特徴 Swiperのデモ Swiperの使い方 Swiperの特徴ライブ... 続きを読む

[JS]ユーザーが快適に操作できることにこだわった、タッチデバイスにも対応のスライダーを実装するスクリプト -Flickity | コリス

2015/01/29 241 users コリススクリプトタッチデバイスユーザー

デモページ: ナビゲーション Flickityの使い方 Step 1: 外部ファイル当スクリプトとスタイルシートを外部ファイルとして記述します。 ※jQueryのプラグインとして利用する時は、jquery.jsを加えます。 <head> ... <link rel="stylesheet" href="/path/to/flickity.css" media="screen"> <script ... 続きを読む

[JS]スライダーのスクリプトを探しているなら絶対チェックした方がいいスクリプト -Slider Pro | コリス

2014/11/19 204 users コリス jQuery スクリプト商用デモ

デスクトップ、スマホ、タブレットの表示・操作に対応したさまざまなスライダーを実装できるjQueryのプラグインを紹介します。今必要とされるさまざまな機能を備えています。「Pro」がついてるから有料？って思うかもしれませんが、MITラインセンスで個人でも商用でも無料で利用できます。 Slider Pro Slider Pro -GitHub Slider Proの特徴 Slider Proのデモ... 続きを読む

私がよく使っているjQueryプラグインまとめ（スライダー、モーダルウィンドウなど） | OZPAの表4

2014/08/06 611 users jQuery シンプモーダルウインドウ OZPA 必須

こんにちは、暑いですね。脇汗すごいですね。僕が。さて今回はWebページ作成時に、私がよく使っているjQueryプラグインをまとめてみました。（たまにjQueryが必須でないものもあります。） ※紹介しているプラグインを使用する際、ライセンスは各自で再度確認してくださいませ。 Owl Carousel 個人・商用利用可能。レスポンシブでいい感じに動作してくれるカルーセルスライダーです。動作もシンプ... 続きを読む

フラットデザインに似合うボタンが、スライダーを調整するだけで作れるサイト「2.5dBUTTON」 : ライフハッカー［日本版］

2014/07/12 434 users カメきちマウスライフハッカー HTML フラットデザイン

Webサービス , デザイン , 趣味フラットデザインに似合うボタンが、スライダーを調整するだけで作れるサイト「2.5dBUTTON」カメきち 2014.07.13 07:00 「2.5dBUTTON」はフラットデザインに似合うボタンが作れるサイトです。マウスを乗せるとポコッと立体的に浮き上がるボタンが作成できます。作ったボタンはHTML、CSSごとダウンロード可能です。以下に使ってみた様子... 続きを読む

[CSS]スクリプト無しでこんなにかっこいいスライダーが実装できるとは！ -radio click through | コリス

2013/11/17 241 users 半透明スクリプト GIFアニメーションコリスデモ

画像が右からスライドし、それに続きコンテンツを配置した半透明のパネルが追いかけるようにスライドするコンテンツスライダーを紹介します。実装はHTML/CSSで、スクリプトは無しです。デモのアニメーション上記のgifアニメーションは軽量化のためコマ数を落としていますが、実際の動作はもっと滑らかで気持ちいいです。下記ページでお試しください。 radio click through スライダーの動... 続きを読む

ウェブやモバイルの次のプロジェクトの参考にしたい、わくわくするUI/UXデザインのまとめ | コリス

2013/11/11 145 users コリス Behance アニメーション UX設計レイアウト

ウェブやスマフォやタブレットのUI/UX設計の参考になるコンセプトデザインをBehanceから紹介します。UI/UXのデザインが素晴らしいだけでなく、それを見せるレイアウトも素晴らしいものばかりです。 Designer screen 各エレメントをレイヤー化する動きがアニメーションで楽しめます。 iOS 7 Style UI/UX Kit スライダー、パネル、フォームをはじめ、さまざまな要素をiO... 続きを読む

[JS]jQuery無し、アニメーションを使ったスライダーを簡単に実装できる軽量スクリプト -slidr.js | コリス

2013/10/27 178 users コリス jQuery無しアニメーション軽量スクリプト

コントローラーとパンくず slidr.jsの使い方 Step 1: 外部ファイル当スクリプトを外部ファイルとして</body>の上あたりに記述します。 ... <script type="text/javascript" src="/path/to/slidr.min.js"></script> </body> Step 2: HTML 各パネルはinline, inline-block, bl... 続きを読む

[JS]シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のスクリプト -Unslider | コリス

2013/03/18 206 users jQuery Unslider コリススクリプト実装

シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のjQueryのプラグインを紹介します。デスクトップのキーボード操作やスマフォ・タブレットのスワイプ操作にも対応！ Unslider Unslider -GitHub Unsliderの特徴 Unsliderのデモ Unsliderの使い方 Unsliderの特徴実装は簡単でクリーン HTMLは非常にシンプルで、カスタマイズも容易... 続きを読む

面倒なシャドウもグラデも簡単に作成できるCSS3のボタンを作成するジェネレーター -CSS Button Generator | コリス

2013/01/15 206 users コリスジェネレーターグラデ Button Shadow

ボタンのカラー、グラデーション、角丸、ブラー、テキストシャドウ、ボックスシャドウなど、さまざまなスタイルを簡単に適用できるCSS3のボタンを作成できるオンラインツールを紹介します。 CSS Button Generator 使い方は簡単です。ボタンのColor, Size, Shadow(text), Shadow(button)のスライダーを変更すると、リアルタイムにボタンにデザインが反映され... 続きを読む

【衝撃野球動画】なぜナックルボールが「魔球」と呼ばれるのか一発で分かるGIFアニメがスゴイ | ロケットニュース24

2012/12/26 255 users ナックルボールシュートカープフォークスゴイ

カーブにシュートにフォークにスライダー。野球には様々な変化球があるが、いまいち「どのように変化するのかが分からない」という人は意外と多い。なかでも謎なのが “魔球” とも言われるナックルボールだ。ほぼ無回転で投げられ、左右にブレたり不規則に変化しつつ落下していく。それはまるで「氷の上をツルツルと滑るように」とも形容されるが、果たしてどのような変化なのか。今回ご紹介するナックルボールGIFアニメを... 続きを読む

[JS]jQueryのプラグイン100選 -2012年総集編 | コリス

2012/12/16 707 users jQuery コリスレスポンシブナビゲーションレイアウト

2012年に紹介したものを中心としたjQueryのプラグイン100+α選です。今年目立ったのは、やはりレスポンシブ、そしてCSS3アニメーションでしょうか。スライダーやギャラリー系もレスポンシブ・アニメーション対応、ナビゲーションやPinterst風のレイアウトなど、多くのプラグインにそれら二つの要素が組み合わさっています。動画関連画像ギャラリー関連画像拡大関連画像配置・キャプション関... 続きを読む

すぐに使える！jQueryを使用してウインドウ幅一杯にメインビジュアル用のスライダーの実装工程を学ぶ！jQuery Lab第1回 | HTML5でサイトをつくろう

2012/12/10 447 users jQuery チュートリアル紙面ウインドウ幅プラグイン

2012年12月から雑誌Web Designingの『jQuery Lab.』にて連載をさせて頂くことになりました。ここではjQueryを使ったチュートリアルやプラグインの紹介をさせていただく予定です。当ブログでは、紙面の関係で載りきらなかった部分やサンプルのより細かい解説をしていきたいと思います。 12月号のテーマは、「jQueryを使用してウインドウ幅一杯にメインビジュアル用のスライダーを... 続きを読む

[JS]jQueryのプラグイン33+1選 -2012年12月 | コリス

2012/12/06 258 users jQuery コリス Carousel 水玉あずき

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 videoBG 動画をページの背景（あずきの水玉）でもdiv要素の背景（暗いトンネル）でも配置します。 Superslides フルスクリーンサイズで軽快なアニメーションを備えたスライダー。 Carousel 水平・垂直・クロス・タイマーに対応したカルーセル型のギャラリー。 ayaSlider さまざまな要素のタイミングを設定して... 続きを読む

(1 - 25 / 57件)

次の25件 »