タグ Element
人気順 10 users 50 users 100 users 500 users 1000 usersTether elements to each other with CSS anchor positioning - Chrome Developers
Tether elements to each other with CSS anchor positioning Published on Wednesday, March 1, 2023 How do you currently tether one element to another? You might try tracking their positions, or use some form of wrapper element. <!-- index.html --> <div class="container"> <a href="/link" class="ancho... 続きを読む
無料&広告なし&時間制限なしでビデオ会議・音声通話・ファイル共有できてセキュアなチャットアプリ「Element」
DiscordやSlackなどチャットやビデオ通話を主目的としたソフトウェアは数々存在しますが、オープン標準かつ軽量なリアルタイム通信プロトコルMatrixを採用したチャットソフトウェアが「Element」です。Elementはエンドツーエンド暗号化を用いたセキュアなチャットが行えるというだけでなく、ビデオ通話まで可能というこ... 続きを読む
CSSフレームワークのブレイクポイントを比べて(Bluma, Vuetify, Element, Bootstrap, etc..) - Qiita
CSSフレームワークのブレイクポイントを比べて(Bluma, Vuetify, Element, Bootstrap, etc..) いま開発している積読用の読書管理アプリでは、CSSフレームワークにBlumaを使ってる。 昔は、VuetifyやBootstrapを使っていたけど、ブレイクポイントが違っているのでまとめてみた(´ω`) ブレイクポイントのまとめ xs sm md lg... 続きを読む
HTMLに新しい要素ができる動き、ポップアップする通知パネル用のtoast要素 | コリス
ブラウザの枠外からポップアップやスライドして表示される通知パネルを実装するために、HTMLの新しい要素<toast>ができるみたいです。 ブラウザへの実装日はまだ決まっていませんが、Chromiumの開発者が提案しているので、けっこう早くに実装されるかもしれませんね。 Toast UI element -Chrome Platform Status UI要素... 続きを読む
YouTubeがAmazonのFire TVに、プライム・ビデオがChromecastに正式復帰 - ITmedia NEWS
YouTubeアプリが使えるのは、Fire TV Stick(2nd Gen)、Fire TV Stick 4K、Fire TV Cube、Fire TV Stick Basic Edition、東芝、Insignia、Element、WestinghouseのFire TV Editionのスマートテレビ。 Amazonは、上記以外のFire TVでもYouTubeアプリを使えるようにしていく計画という。なお、Amazonのスマートディスプレ... 続きを読む
GitHub - vuejs-jp/hol-vue-ts-basic: Vue.js 初心者向けハンズオン - Visual Studio Code, TypeScript, Element 編
Dismiss Join GitHub today GitHub is home to over 36 million developers working together to host and review code, manage projects, and build software together. Sign up 続きを読む
Vue.jsベースのオープンソースなUIコンポーネントライブラリ・「Element」 | かちびと.net
Element ElementはVue.jsをベースとしたOSSのUIコンポーネントライブラリです。フォームやレイアウト、ボタンやタイポグラフィはもちろん、タイムピッカーやスライダー、レーティングなど、より応用の効くフォームのアイテムやアラート、ダイアログ、ドロップダウンやツールチップ等、よく使われるUIなど、多くのシーン... 続きを読む
Big Sky :: Golang と Vue.js で簡単なアプリケーションを作ってみた。
Go と Vue.js を使ってどれくらいシームレスに作れるかを確認したかったのでタスク管理アプリを作ってみた。サーバは Go なので vue-cli や webpack 等は使わない。全て CDN から。Vue.js でアプリのベースを、UI コンポーネントとして Element 、Ajax ライブラリとして axios を使った。 以前、 Riot.js を使って Todo アプリを作った 時... 続きを読む
PuppeteerでWebページからメインコンテンツっぽいところを抽出してみる - Qiita
最近、Webページからざっくりメインコンテンツっぽいものを探し出すプログラムを作成しましたので得られた知見についてまとめてみます。本文などの情報を利用せずに汎用的にメインコンテンツを探したかったので、Elementの位置、幅、高さ(以下rect)等の視覚的な情報を使用して抽出してみました。具体的には puppeteer でページをスクレイピングして各Elementの情報をまとめたツリー構造を作る ... 続きを読む
『Pythonからはじめる数学入門』5章 集合と確率を操作する - 人工知能エンジニア修行日記
2017 - 12 - 05 『Pythonからはじめる数学入門』5章 集合と確率を操作する 『 Python からはじめる数学入門』 5章 集合と確率を操作する の解説です。 5.1 集合とは何か 集合(set)、要素(element)といったキーワードの意味は、高校数学で出てきていますのでここでは省略します。 以下、 Python で集合の演算方法をみていきます。 5.1.1 集合の構成 まず... 続きを読む
Vue.js製のUIフレームワーク「Element」の使い方 - SCOUTER開発者ブログ
2017 - 11 - 14 Vue.js製のUIフレームワーク「Element」の使い方 Vue.js Element Tweet 株式会社SCOUTERの小平( id:ryotakodaira ) です。 弊社では、フロントエンドの開発にVue.jsを導入しており、現場では主にVue.jsのUI コンポーネント 集「 Element 」を使用して、ページの見ためを表現しています。 先日、「 E... 続きを読む
ピクセルとdpi、ppi、dppxと解像度の話
あけましておめでとうございます。 弊社は1月5日より稼働しております。 本年もよろしくお願いいたします。 2016年一発目の記事は、解像度の話です。 ピクセルと解像度の話 まずは基本的なところをお話しします。 ピクセルとは? ピクセル (pixel)とは『PICture』と『ELEment』を組み合わせた造語です。(『picture cell』の略とも) ピクセルは画素と訳されます。 単位として表... 続きを読む
Microsoft Edge の変更ログ - Windows 10 Insider Preview Build 10547 - Browser
2015-09-21 Microsoft Edge の変更ログ - Windows 10 Insider Preview Build 10547 Microsoft Edge Windows 何故か今回も変更が盛りだくさんです。 いつもの参照元 Release version 10547 : Microsoft Edge Dev EdgeHTML の更新 <template> element <p... 続きを読む
JavaScript - Polymerを実際に使ってみた - Qiita
<link rel="import" href="bower_components/polymer/polymer.html"> <polymer-element name="x-test"> <template> This is <b>{{owner}}</b>'s name-tag element. </template> <script> Polymer('x-test', { // ini... 続きを読む
LessでBEMってみたらかなりさくさくコーディングできた!という話 ::: Toro_Unit
BEMを使ったCSSのクラス設計(MindBEMding)ですが、これをSassでやろうとすると、結構泣けてきます。 たとえばこんな感じになるんでしょうかね。 $block: ".block"; #{$block} { display: block; } #{$block}__element { border: 1px solid #CCC; } #{$block}__element_modifi... 続きを読む
CSSの命名規則にBEMを取り入れてみる | dskd
CSSの命名規則にBEMを取り入れてみる 2013/12/02 01:15 category : CSS 今年もあと一月ということでブログをリニューアルしました。ということでこの記事は BEM Advent Calendar 2013 1日目のエントリです。日付過ぎてしまいましたね。 BEMって何? BEM とは Block, Element, Modifier の頭文字をとったもので、フロントエ... 続きを読む
オシャレなSelectボックスが実装できる「FancySelect」:phpspot開発日誌
オシャレなSelectボックスが実装できる「FancySelect」 2013年08月27日- FancySelect オシャレなSelectボックスが実装できる「FancySelect」。 単にselectボックスをリデザインした、とうよりこういうElementを新しく作ったという感じでカッコいいSelectボックスが簡単に実装できます githubでダウンロード可能です 関連エントリ sele... 続きを読む
CakePHP2でどんなSQLが発行されてるのか確認する方法 | kanonjiのブログ
ちょっと説明用も兼ねて、基本的なsql_dumpエレメントからDebugKit, DataSourceのgetLog()を使った方法まで、まとめました。 sql_dumpエレメントで確認する <?php echo $this->element('sql_dump'); ?> https://github.com/cakephp/cakephp/blob/2.3.6/app/View/Layouts... 続きを読む
Beautiful HTML5 Charts | CanvasJS
Beautiful HTML5 Charts & Graphs Library built on JavaScript & HTML5 Canvas Element. Runs across devices & is 10x faster than traditional Flash & SVG Charts!Why Use CanvasJS? Very simple to use Works a... 続きを読む
単色のエレメントを立体的に美しくできるjQueryプラグイン「Add Shine」:phpspot開発日誌
Add Shine - a jQuery Plugin 単色のエレメントを立体的に美しくできるjQueryプラグイン「Add Shine」。 次のような単色ベースで味気ないページを、このjQueryプラグインを使って初期化してみます すると、次のようにゴージャスなグラデーションで立体的に美しく、手のかかった風のサイトにすることが可能 $(element).addShine() のようにしてエレメン... 続きを読む
CSS で切る・貼る・コピーする
これは CSS Programming Advent Calendar 2012 の 18 日目の記事です。 現在、いくつかのブラウザベンダーから新しい CSS の機能が提案・実装されており、CSS で今までにできなかった表現も可能になってきています。 例えば、Firefox や Chrome では、要素を自由に切ったり貼ったりできるようになりました。 element() function Fir... 続きを読む
tmlib.js でモーダルウィンドウを作ってみた | TM Life
tmlib.js には tm.dom.Element というクラスが定義されており, これを使うことで様々な DOM 操作を行うことができます. 今回はそのサンプルとして tmlib.js でモーダルウィンドウを作ってました. サンプルは jsdo.it で作成しております. Table of contents サンプルについて ソースコードの解説 DOM 要素をクエリで取得 イベントリスナをさく... 続きを読む
モーダルウィンドウ - tmlib.js - jsdo.it - Share JavaScript, HTML5 and CSS
// forked from phi's "tmlib.js 0.1.3 template" http://jsdo.it/phi/w6VG /* * メイン処理(ページ読み込み後に実行される) */ tm.main(function() { // モーダル化 var modalElm = tm.dom.Element("#myModal"); modalElm.modal(); // tm.do... 続きを読む
jQueryの$.map/$.eachでfuncitonに渡す引数順がキモすぎる - ( ꒪⌓꒪) ゆるよろ日記
2012-11-07 jQueryの$.map/$.eachでfuncitonに渡す引数順がキモすぎる $.each(arr, f)は、funcitonに(index, element)の順で引数を渡す。 Utilities/jQuery.each - jQuery Wiki $.map(arr, f)は、funcitonに(element, index)の順で引数を渡す。 Utilities/j... 続きを読む
キューブが3Dに回転するUIを作れる「jqCube」:phpspot開発日誌
Rotating Cube キューブが3Dに回転するUIを作れる「jqCube」 面には普通のHTMLが書けてそのままレンダリングされます。 「おれ、3D分からないけど、3Dっぽいものが作れるぜ」と同僚にいうことが出来るでしょう。 使い方は面をDIVで定義して、$(element).cube() とやるだけでOK なんという簡単さでしょうか。 関連エントリ ピュアCSSでマリオを3D表示したデモ ... 続きを読む