タグ タイル状
新着順 10 users 50 users 100 users 500 users 1000 usersCSSグリッドレイアウトで、サイズが違う複数のボックスをタイル状に配置する | Webクリエイターボックス
2017/04/13
706 users
CSSグリッドレイアウト
Grid
display
ボックス
大きさの異なる複数のボックスを隙間なく並べてタイル状に表示したい！そんな時もありますよね。モザイクレイアウト、Masonryレイアウト、Windows 8 Metroスタイルレイアウト…などなど、さまざまな呼び方のあるこのレイアウト。今回は display: grid という新しい配置方法を使ってレイアウトを組んでみますよ！もちろんレスポンシブにも対応させたいと思います！ 1. どんなレイアウトに... 続きを読む
Windowsの標準ニュースアプリのヤバさ
2021/11/25
424 users
Windows
ニュースアプリ
ドメイン
標準
売り
WindowsではMSのニュースアプリが標準でスタートメニューに居るのだが、このアプリは酷すぎないか？なんで見逃されているのだろう？ 広告がヤバい 失効ドメイン編アプリを開くとニュースヘッドラインと広告がタイル状に並ぶ。 ところがこの広告が奇妙で、クリックするとドメインが失効して売りに出されているのが多いの... 続きを読む
2020年、知っておくと便利なCSSのプロパティのまとめ | コリス
2020/07/21
369 users
コリス
Flexbox
プロパティ
Edge
CSS
ChromiumベースのEdgeもリリースされ、最近のブラウザ状況は大きく変わってきました。知っておくと便利なCSSのプロパティを紹介します。 一昔前まではJavaScriptでないと実装できなかったもの、CSS Gridでの中央揃え、Flexboxでの中央揃え、リストのカラーを変更する方法、アイコンの横並び、タイル状の背景をいい感じに... 続きを読む
ピクセル・ライン・幾何学図形・紙・木・布・錆が揃ってるPhotoshop用のパターン素材 -Tileables | コリス
2011/10/04
275 users
コリス
サビ
幾何学図形
テクスチャ
金属
ピクセル・ラインや幾何学図形をはじめ、紙・木・布・金属のさびなども揃ってる、タイル状のシームレスなテクスチャが作成できるパターン素材を紹介します。 Tileables ダウンロードできるパターン素材は現在6種類で、それぞ [...] 続きを読む
アイテムをタイル状に並べる新しいjQueryプラグイン「Freetile」:phpspot開発日誌
2012/09/25
189 users
アニ
phpspot開発日誌
新しいjQueryプラグイン
Yannis Chatzikonstantinou / Freetile.js アイテムをタイル状に並べる新しいjQueryプラグイン「Freetile」 LightBoxばりに流行ったこのレイアウトプラグインですが、新しいプラグインが出た模様。 プラグインは色々ありますがそれぞれ使い勝手が違ったりするので１つの選択肢として覚えておいてもよさそうですね 使い方は以下のように簡単で、オプションでアニ... 続きを読む
Twitterのウェブ画面が、縦一列のタイムラインを脱却するかもしれない | TechCrunch Japan
2014/02/12
185 users
Twitter
Facebook
Mashable
ツイート
Twitterが新しいデザインを試していることを、MashableのMatt Petronzioが発見した。この変更はかなり大きい。ツイートは現在のような縦一列ではなく、タイル状のPinterestやFacebookの新しいPaperアプリを思わせるレイアウトで配置される。新機能として、ダイレクトメッセージにその場で返信するためのフィールドのついたポップアップ通知が用意された。RTやお気に入りの通... 続きを読む
複数の写真を横一列に並べて貼り付けられるようにしました - はてなブログ開発ブログ
2017/09/05
180 users
複数
横一列
はてなブログ開発ブログ
写真
NEWS
2017 - 09 - 05 複数の写真を横一列に並べて貼り付けられるようにしました 機能修正・改善 news はてなブログでは、記事編集画面 （PC版） の編集サイドバーにある「写真を投稿」タブから写真を貼り付ける際に、複数の写真を横一列に並べて貼り付けられるようにしました。これにより、簡単な手順で複数の写真をタイル状に並べることができます。どうぞご利用ください。 これまで「写真を投稿」タブから... 続きを読む
クリーンでエレガントなウェブ用の無料素材を配付しているサイト -elemis | コリス
2010/11/16
156 users
アブストラクト
コリス
ウェブページ
テクスチャ
商用
布や木などのテクスチャ、タイル状のテクスチャ、アブストラクトなパターン、ウェブページのテンプレートなどの高品質な素材を配付しているサイトを紹介します。 elemis 利用にあたっては個人でも商用でも、無料で利用が可能 [...] 続きを読む
ニコキャスがついにベールを脱ぐ、ライブ動画配信サービス始まる - TechCrunch
2014/12/12
129 users
ドワンゴ
KADOKAWA
TechCrunch
川上会長
ドワンゴは12日、ライブ動画配信サービス「ニコキャス」のiOSアプリをリリースした。アプリではタイル状に並んだサムネイル動画を見ながら動画を探して視聴したり、自分で放送することができる。ニコキャスは9月30日に開催されたKADOKAWAとドワンゴの経営統合会見の場で、ドワンゴの川上会長が「ニコニコ生放送依頼の大型新サービス」を年内にリリースすると語っていたが、今日までサービス名以外の詳細は明かされ... 続きを読む
手軽にCSSグリッドレイアウトのコードを生成できる「Griddy」 | Webクリエイターボックス
2017/04/16
112 users
グリッドレイアウト
CSSグリッドレイアウト
CSSコード
先日公開した記事「 CSSグリッドレイアウトで、サイズが違う複数のボックスをタイル状に配置する 」に続き、CSSグリッドレイアウト情報第二弾。今回はグリッドレイアウトを作成するにあたり、「 Griddy 」というCSSコードを生成してくれる便利なWebサイトがあったので紹介します。グリッドレイアウトの勉強にもなると思いますよ！ Griddy のサイトを開くと4つのグリッドアイテムが表示されています... 続きを読む
[CSS]レスポンシブ対応の賢いアイデア、自在に伸び縮みするカード型レイアウトを実装するスタイルシート -chewing grid | コリス
2015/08/25
93 users
コリス
チューイングガム
CSS
head
レスポンシブ対応
テキストや画像や動画などをタイル状に配置する、レスポンシブ対応のカード型リストを実装できるCSSのグリッドを紹介します。 「chewing」の名の通り、表示サイズに合わせてチューイングガムのようにカードとグリッドが伸び縮みします。 デモはサイズの可変可能 chewing-grid.cssの使い方 Step 1: 外部ファイル 当スタイルシートを外部ファイルとして記述します。 <head> ... ... 続きを読む
[JS]タイル状に配置した画像やテキストをランダムな順番でふわりと表示するスクリプト -champagne.js | コリス
2012/05/15
78 users
コリス
インクルード
jQuery
セレクタ
エレメント
グリッドに沿ってタイル状に配置した画像やテキストなどのエレメントをランダムな順番でふわりと表示するjQueryのプラグインを紹介します。 champagne.jsの使い方 champagne.jsは、3ステップで簡単に実装できます。 画像やテキストをタイル状にCSSで実装。 jQueryと当スクリプトをインクルード。 親エレメントをjQueryのセレクタで指定し、スクリプトを実行。 下記に、デモペ... 続きを読む
ピーター・ガブリエルの曲をリミックスできるiOSアプリ MusicTiles - Engadget Japanese
2013/01/11
62 users
Engadget Japanese
ニール
リミックス
楽曲
ニール･ヤングが高品質のデジタル音楽サービスを立ち上げた一方で、ピーター・ガブリエルはiOS用のリミックスアプリ MusicTiles で音楽シーンに新しい風を吹き込もうとしている。タイル状のインターフェースで直感的に操作ができるようにデザインされた MusicTiles は、誰でも手軽に楽曲のリミックスを作ったり、シェアしたりするアプリだ。 それぞれのタイルには色が付いており、ギター、ドラム、ボ... 続きを読む
ドラッグ&ドロップによる再配置も可能な、タイル状に要素を配置するjQueryプラグイン・jQuery.Shapeshift - かちびと.net
2012/11/19
59 users
ドラッグ＆ドロップ
net
要素
再配置
レイアウト
要素をタイル状に配置してくれる、 というjQueryプラグイン。特に 目新しいものでは無いですけど。 Pinterestライクなレイアウトを 実装出来る、と言ったほうが伝わ りやすいかも知れませんね。 Pinterestライクなレイアウトを実装出来て且つ、並べた要素をD&Dで移動、再配列してくれる、というもの。使うシーンは限られそうですけど面白いですね。 jQuery.Shapeshift ドラッ... 続きを読む
狭い画面のMacに最適→ウィンドウをタイル状に並べて効率アップする「Tyler WM」 【増田(@maskin)真樹】 : TechWave
2012/02/27
55 users
maskin
TechWave
真樹
techwave.jp
狭い画面のMacに最適→ウィンドウをタイル状に並べて効率アップする「Tyler WM」 【増田(@maskin)真樹】 : TechWave 2012年02月27日15:00 http://techwave.jp/archives/51732022.html 狭い画面のMacに最適→ウィンドウをタイル状に並べて効率アップする「Tyler WM」 【増田(@maskin)真樹】 狭い画面のMacに最... 続きを読む
これは新しい!クールなタイル状の年間カレンダー実装jQueryプラグイン「jQuery Verbose Calendar」:phpspot開発日誌
2012/05/21
51 users
phpspot開発日誌
新しい
これは新しい!クールなタイル状の年間カレンダー実装jQueryプラグイン「jQuery Verbose Calendar」 2012年05月21日- jQuery Verbose Calendar - Brought to you by John Patrick Given これは新しい!クールなタイル状の年間カレンダー実装jQueryプラグイン「jQuery Verbose Calendar」。... 続きを読む
カメ、甲羅の正体あばかれる。ついに進化の謎が明らかに（動画あり） : ギズモード・ジャパン
2013/07/12
49 users
甲羅
ギズモード
カメ
正体
進化
サイエンス , ニュース , 大学研究モノ カメ、甲羅の正体あばかれる。ついに進化の謎が明らかに（動画あり） 2013.07.12 22:00 カメ！ 身近にして奇っ怪な珍生物！ 進化の過程で「骨の装甲」を手に入れた脊椎動物はたくさんいます。例えば、アルマジロやワニ、そして白亜紀に生息していたアンキロサウルスなどは、背中にタイル状に敷きつめられた硬い装甲をもっています。 でも、こういったほとんどの... 続きを読む
米Yahoo!、「My Yahoo!」を刷新 iGoogleのようなポータルに - ITmedia ニュース
2013/09/20
46 users
iGoogle
刷新
ポータル
米Yahoo
カレ
米Yahoo!がパーソナライズドポータルページ「My Yahoo!」をiGoogleのようにタイル状にコンテンツを並べるデザインに変更した。11月1日に終了するiGoogleからコンテンツをインポートすることも可能だ。 米Yahoo!は9月19日（現地時間）、パーソナライズドポータルページ「My Yahoo!」のデザインを刷新したと発表した。米Googleの「iGoogle」のように、メールやカレ... 続きを読む
マイクロソフトが最新OS「Windows 8」のデモムービーを公開、UI刷新でタッチ操作を本格サポート - GIGAZINE
2011/06/02
38 users
ユーザーインターフェース
GIGAZINE
CEO
UI刷新
5月下旬に東京で行われたデベロッパー向けカンファレンスにおいて、マイクロソフトのCEO（最高経営責任者）、スティーブ・バルマー氏が最新OS「Windows 8」が2012年に登場することを明言していましたが、ついにデモムービーが公開されました。 同社のスマートフォン向けOS「Windows Phone」のようなタイル状のユーザーインターフェースを採用しており、タッチ操作を本格的にサポートしています... 続きを読む
iida UIがいい感じ！ INFOBARがAndroidスマートフォンになったよ！ : ギズモード・ジャパン
2011/05/17
31 users
INFOBAR
iida
iidaブランド
ギズモード
キー
Android , au , 携帯電話 iida UIがいい感じ！ INFOBARがAndroidスマートフォンになったよ！ 2011.05.17 17:30 [0] [0] Tweet Check iidaの独自UI載せて出してくるとは！ KDDIからiidaブランドのAndroidスマートフォン「INFOBAR A01」が発売されます。深澤直人氏が手がけるデザインは相変わらずに、タイル状のキー... 続きを読む
素敵なエフェクトが複数用意されたイメージスライダー・jq-tiles - かちびと.net
2012/10/23
30 users
エフェクト
net
クロスブラウザ
複数
jQuery
画像の切り替え時のエフェクトが とっても素敵なjQueryのイメージ スライダー・jq-tilesのご紹介で す。クロスブラウザという訳では 無いのでこのままだと用途は限ら れますけど・・ 素敵なエフェクトが用意されたスライダー。CodeCanYouにあるような有料のスクリプトでたまに見かけるタイプです。OSSで公開されてるのはちょっと珍しいかも。 jq-tiles タイル状に画像が切り取られなが... 続きを読む
グリッドレイアウトを実装できるjQueryプラグイン総まとめ - W3Q - Web制作者のお悩み解決サイト
2013/07/25
29 users
グリッドレイアウト
Masonry
プラグイン
W3Q
グリッドレイアウトを実装できるjQueryプラグイン総まとめ パネルをタイル状に敷き詰めるプラグイン / Masonry / Grid-A-Licious他...全10件 続きを読む
jQuery.gpTileを使うと、タイル状の背景画像ぴったりのサイズになります。 | Ginpen.com
2011/10/21
25 users
Ginpen.com
background-image
概要 背景画像（background-image）のサイズの等倍になるよう要素のサイズを調整します。途中で切れると妙に見えるようなデザインで効果を発揮します。 ダウンロード jQuery.gpTile-1.0.zip [90KB] 基本的な使い方 .gpTile()を実行すると背景画像のサイズを取得し、背景画像をちょうど表示しきるだけのサイズに変更します。対象要素の現在サイズは下回りません。 $(... 続きを読む
LinkedIn製。iOS向けのExpose風表示「LIExposeController」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
2012/05/05
24 users
MOONGIFT
LinkedIn
iOSアプリ
iOS向け
LinkedInの提供しているiOSアプリの表示はちょっと変わっています。ビューはタイル状に並んでおり、タップして情報を切り替えます。そんなUIを提供してくれるのがLIExposeControllerです。 0 続きを読む
何もないリビングにタイルカーペットを。東リのファブリックフロアを検討中 - 幸せあふれる小さなおうち
2017/10/28
22 users
ラク
断熱性能
リビング
我が家
床面
今現在のリビングにはカーペット類がありません。 我が家は断熱性能がそこそこで冬でもそこまで冷えないのですが、 床面そのままよりも何か敷いていた方が体感的にも視覚的にもあたたか。 寒い時期にはそういったものがほしいところです。 ラグも考えたのですが、お手入れが大変そう……。 そこで タイル状のカーペット を導入しようと思いました。 予定は「東リ」のファブリックフロア カットサンプルが申し込めます １... 続きを読む