タグ タイル状
人気順 5 users 10 users 100 users 500 users 1000 usersWindowsの標準ニュースアプリのヤバさ
WindowsではMSのニュースアプリが標準でスタートメニューに居るのだが、このアプリは酷すぎないか?なんで見逃されているのだろう? 広告がヤバい 失効ドメイン編アプリを開くとニュースヘッドラインと広告がタイル状に並ぶ。 ところがこの広告が奇妙で、クリックするとドメインが失効して売りに出されているのが多いの... 続きを読む
2020年、知っておくと便利なCSSのプロパティのまとめ | コリス
ChromiumベースのEdgeもリリースされ、最近のブラウザ状況は大きく変わってきました。知っておくと便利なCSSのプロパティを紹介します。 一昔前まではJavaScriptでないと実装できなかったもの、CSS Gridでの中央揃え、Flexboxでの中央揃え、リストのカラーを変更する方法、アイコンの横並び、タイル状の背景をいい感じに... 続きを読む
複数の写真を横一列に並べて貼り付けられるようにしました - はてなブログ開発ブログ
2017 - 09 - 05 複数の写真を横一列に並べて貼り付けられるようにしました 機能修正・改善 news はてなブログでは、記事編集画面 (PC版) の編集サイドバーにある「写真を投稿」タブから写真を貼り付ける際に、複数の写真を横一列に並べて貼り付けられるようにしました。これにより、簡単な手順で複数の写真をタイル状に並べることができます。どうぞご利用ください。 これまで「写真を投稿」タブから... 続きを読む
手軽にCSSグリッドレイアウトのコードを生成できる「Griddy」 | Webクリエイターボックス
先日公開した記事「 CSSグリッドレイアウトで、サイズが違う複数のボックスをタイル状に配置する 」に続き、CSSグリッドレイアウト情報第二弾。今回はグリッドレイアウトを作成するにあたり、「 Griddy 」というCSSコードを生成してくれる便利なWebサイトがあったので紹介します。グリッドレイアウトの勉強にもなると思いますよ! Griddy のサイトを開くと4つのグリッドアイテムが表示されています... 続きを読む
CSSグリッドレイアウトで、サイズが違う複数のボックスをタイル状に配置する | Webクリエイターボックス
大きさの異なる複数のボックスを隙間なく並べてタイル状に表示したい!そんな時もありますよね。モザイクレイアウト、Masonryレイアウト、Windows 8 Metroスタイルレイアウト…などなど、さまざまな呼び方のあるこのレイアウト。今回は display: grid という新しい配置方法を使ってレイアウトを組んでみますよ!もちろんレスポンシブにも対応させたいと思います! 1. どんなレイアウトに... 続きを読む
[CSS]レスポンシブ対応の賢いアイデア、自在に伸び縮みするカード型レイアウトを実装するスタイルシート -chewing grid | コリス
テキストや画像や動画などをタイル状に配置する、レスポンシブ対応のカード型リストを実装できるCSSのグリッドを紹介します。 「chewing」の名の通り、表示サイズに合わせてチューイングガムのようにカードとグリッドが伸び縮みします。 デモはサイズの可変可能 chewing-grid.cssの使い方 Step 1: 外部ファイル 当スタイルシートを外部ファイルとして記述します。 <head> ... ... 続きを読む
ニコキャスがついにベールを脱ぐ、ライブ動画配信サービス始まる - TechCrunch
ドワンゴは12日、ライブ動画配信サービス「ニコキャス」のiOSアプリをリリースした。アプリではタイル状に並んだサムネイル動画を見ながら動画を探して視聴したり、自分で放送することができる。ニコキャスは9月30日に開催されたKADOKAWAとドワンゴの経営統合会見の場で、ドワンゴの川上会長が「ニコニコ生放送依頼の大型新サービス」を年内にリリースすると語っていたが、今日までサービス名以外の詳細は明かされ... 続きを読む
Twitterのウェブ画面が、縦一列のタイムラインを脱却するかもしれない | TechCrunch Japan
Twitterが新しいデザインを試していることを、MashableのMatt Petronzioが発見した。この変更はかなり大きい。ツイートは現在のような縦一列ではなく、タイル状のPinterestやFacebookの新しいPaperアプリを思わせるレイアウトで配置される。新機能として、ダイレクトメッセージにその場で返信するためのフィールドのついたポップアップ通知が用意された。RTやお気に入りの通... 続きを読む
ピーター・ガブリエルの曲をリミックスできるiOSアプリ MusicTiles - Engadget Japanese
ニール・ヤングが高品質のデジタル音楽サービスを立ち上げた一方で、ピーター・ガブリエルはiOS用のリミックスアプリ MusicTiles で音楽シーンに新しい風を吹き込もうとしている。タイル状のインターフェースで直感的に操作ができるようにデザインされた MusicTiles は、誰でも手軽に楽曲のリミックスを作ったり、シェアしたりするアプリだ。 それぞれのタイルには色が付いており、ギター、ドラム、ボ... 続きを読む
ドラッグ&ドロップによる再配置も可能な、タイル状に要素を配置するjQueryプラグイン・jQuery.Shapeshift - かちびと.net
要素をタイル状に配置してくれる、 というjQueryプラグイン。特に 目新しいものでは無いですけど。 Pinterestライクなレイアウトを 実装出来る、と言ったほうが伝わ りやすいかも知れませんね。 Pinterestライクなレイアウトを実装出来て且つ、並べた要素をD&Dで移動、再配列してくれる、というもの。使うシーンは限られそうですけど面白いですね。 jQuery.Shapeshift ドラッ... 続きを読む
アイテムをタイル状に並べる新しいjQueryプラグイン「Freetile」:phpspot開発日誌
Yannis Chatzikonstantinou / Freetile.js アイテムをタイル状に並べる新しいjQueryプラグイン「Freetile」 LightBoxばりに流行ったこのレイアウトプラグインですが、新しいプラグインが出た模様。 プラグインは色々ありますがそれぞれ使い勝手が違ったりするので1つの選択肢として覚えておいてもよさそうですね 使い方は以下のように簡単で、オプションでアニ... 続きを読む
これは新しい!クールなタイル状の年間カレンダー実装jQueryプラグイン「jQuery Verbose Calendar」:phpspot開発日誌
これは新しい!クールなタイル状の年間カレンダー実装jQueryプラグイン「jQuery Verbose Calendar」 2012年05月21日- jQuery Verbose Calendar - Brought to you by John Patrick Given これは新しい!クールなタイル状の年間カレンダー実装jQueryプラグイン「jQuery Verbose Calendar」。... 続きを読む
[JS]タイル状に配置した画像やテキストをランダムな順番でふわりと表示するスクリプト -champagne.js | コリス
グリッドに沿ってタイル状に配置した画像やテキストなどのエレメントをランダムな順番でふわりと表示するjQueryのプラグインを紹介します。 champagne.jsの使い方 champagne.jsは、3ステップで簡単に実装できます。 画像やテキストをタイル状にCSSで実装。 jQueryと当スクリプトをインクルード。 親エレメントをjQueryのセレクタで指定し、スクリプトを実行。 下記に、デモペ... 続きを読む
狭い画面のMacに最適→ウィンドウをタイル状に並べて効率アップする「Tyler WM」 【増田(@maskin)真樹】 : TechWave
狭い画面のMacに最適→ウィンドウをタイル状に並べて効率アップする「Tyler WM」 【増田(@maskin)真樹】 : TechWave 2012年02月27日15:00 http://techwave.jp/archives/51732022.html 狭い画面のMacに最適→ウィンドウをタイル状に並べて効率アップする「Tyler WM」 【増田(@maskin)真樹】 狭い画面のMacに最... 続きを読む
ピクセル・ライン・幾何学図形・紙・木・布・錆が揃ってるPhotoshop用のパターン素材 -Tileables | コリス
ピクセル・ラインや幾何学図形をはじめ、紙・木・布・金属のさびなども揃ってる、タイル状のシームレスなテクスチャが作成できるパターン素材を紹介します。 Tileables ダウンロードできるパターン素材は現在6種類で、それぞ [...] 続きを読む
クリーンでエレガントなウェブ用の無料素材を配付しているサイト -elemis | コリス
布や木などのテクスチャ、タイル状のテクスチャ、アブストラクトなパターン、ウェブページのテンプレートなどの高品質な素材を配付しているサイトを紹介します。 elemis 利用にあたっては個人でも商用でも、無料で利用が可能 [...] 続きを読む