Tether elements to each other with CSS anchor positioning - Chrome Developers

2023/03/01 10 users Chrome Developers Container

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」

2022/01/08 15 users Discord Slack セキュア エンドツーエンド暗号化

DiscordやSlackなどチャットやビデオ通話を主目的としたソフトウェアは数々存在しますが、オープン標準かつ軽量なリアルタイム通信プロトコルMatrixを採用したチャットソフトウェアが「Element」です。Elementはエンドツーエンド暗号化を用いたセキュアなチャットが行えるというだけでなく、ビデオ通話まで可能というこ... 続きを読む

CSSフレームワークのブレイクポイントを比べて(Bluma, Vuetify, Element, Bootstrap, etc..) - Qiita

2019/08/27 62 users Qiita Vuetify Bootstrap

CSSフレームワークのブレイクポイントを比べて(Bluma, Vuetify, Element, Bootstrap, etc..) いま開発している積読用の読書管理アプリでは、CSSフレームワークにBlumaを使ってる。 昔は、VuetifyやBootstrapを使っていたけど、ブレイクポイントが違っているのでまとめてみた(´ω｀) ブレイクポイントのまとめ xs sm md lg... 続きを読む

HTMLに新しい要素ができる動き、ポップアップする通知パネル用のtoast要素 | コリス

2019/07/10 29 users コリス Chromium Toast HTML ポップアップ

ブラウザの枠外からポップアップやスライドして表示される通知パネルを実装するために、HTMLの新しい要素<toast>ができるみたいです。 ブラウザへの実装日はまだ決まっていませんが、Chromiumの開発者が提案しているので、けっこう早くに実装されるかもしれませんね。 Toast UI element -Chrome Platform Status UI要素... 続きを読む

YouTubeがAmazonのFire TVに、プライム・ビデオがChromecastに正式復帰 - ITmedia NEWS

2019/07/09 30 users YouTube Chromecast Edition 東芝

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 編

2019/05/31 77 users GitHub TypeScript Vue.js

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

2018/09/13 20 users タイポグラフィ UIコンポーネントライブラリ OSS 応用

Element ElementはVue.jsをベースとしたOSSのUIコンポーネントライブラリです。フォームやレイアウト、ボタンやタイポグラフィはもちろん、タイムピッカーやスライダー、レーティングなど、より応用の効くフォームのアイテムやアラート、ダイアログ、ドロップダウンやツールチップ等、よく使われるUIなど、多くのシーン... 続きを読む

Big Sky :: Golang と Vue.js で簡単なアプリケーションを作ってみた。

2018/03/30 231 users golang Webpack ToDo CDN AXIOS

Go と Vue.js を使ってどれくらいシームレスに作れるかを確認したかったのでタスク管理アプリを作ってみた。サーバは Go なので vue-cli や webpack 等は使わない。全て CDN から。Vue.js でアプリのベースを、UI コンポーネントとして Element 、Ajax ライブラリとして axios を使った。 以前、 Riot.js を使って Todo アプリを作った 時... 続きを読む

PuppeteerでWebページからメインコンテンツっぽいところを抽出してみる - Qiita

2017/12/07 80 users Qiita puppeteer 知見 スク メインコンテンツ

最近、Webページからざっくりメインコンテンツっぽいものを探し出すプログラムを作成しましたので得られた知見についてまとめてみます。本文などの情報を利用せずに汎用的にメインコンテンツを探したかったので、Elementの位置、幅、高さ(以下rect)等の視覚的な情報を使用して抽出してみました。具体的には puppeteer でページをスクレイピングして各Elementの情報をまとめたツリー構造を作る ... 続きを読む

『Pythonからはじめる数学入門』5章　集合と確率を操作する - 人工知能エンジニア修行日記

2017/12/04 32 users Python 数学入門 確率 集合 set

2017 - 12 - 05 『Pythonからはじめる数学入門』5章　集合と確率を操作する 『 Python からはじめる数学入門』 5章　集合と確率を操作する の解説です。 5.1　集合とは何か 集合(set)、要素(element)といったキーワードの意味は、高校数学で出てきていますのでここでは省略します。 以下、 Python で集合の演算方法をみていきます。 5.1.1　集合の構成 まず... 続きを読む

Vue.js製のUIフレームワーク「Element」の使い方 - SCOUTER開発者ブログ

2017/11/14 129 users ryotakodaira コンポーネント 小平 Vue.js

2017 - 11 - 14 Vue.js製のUIフレームワーク「Element」の使い方 Vue.js Element Tweet 株式会社SCOUTERの小平( id:ryotakodaira ) です。 弊社では、フロントエンドの開発にVue.jsを導入しており、現場では主にVue.jsのUI コンポーネント 集「 Element 」を使用して、ページの見ためを表現しています。 先日、「 E... 続きを読む

ピクセルとdpi、ppi、dppxと解像度の話

2016/01/27 66 users Pixel ppi picture dpi 画素

あけましておめでとうございます。 弊社は1月5日より稼働しております。 本年もよろしくお願いいたします。 2016年一発目の記事は、解像度の話です。 ピクセルと解像度の話 まずは基本的なところをお話しします。 ピクセルとは？ ピクセル （pixel）とは『PICture』と『ELEment』を組み合わせた造語です。（『picture cell』の略とも） ピクセルは画素と訳されます。 単位として表... 続きを読む

Microsoft Edge の変更ログ - Windows 10 Insider Preview Build 10547 - Browser

2015/09/21 18 users Browser EdgeHTML template 変更 更新

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

2014/07/05 53 users Polymer owner ini Qiita script

<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

2013/12/12 19 users BEM border Sass MindBEMding CCC

BEMを使ったCSSのクラス設計(MindBEMding)ですが、これをSassでやろうとすると、結構泣けてきます。 たとえばこんな感じになるんでしょうかね。 $block: ".block"; #{$block} { display: block; } #{$block}__element { border: 1px solid #CCC; } #{$block}__element_modifi... 続きを読む

CSSの命名規則にBEMを取り入れてみる | dskd

2013/12/01 67 users BEM dskd block フロントエ CSS

CSSの命名規則にBEMを取り入れてみる 2013/12/02 01:15 category : CSS 今年もあと一月ということでブログをリニューアルしました。ということでこの記事は BEM Advent Calendar 2013 １日目のエントリです。日付過ぎてしまいましたね。 BEMって何？ BEM とは Block, Element, Modifier の頭文字をとったもので、フロントエ... 続きを読む

オシャレなSelectボックスが実装できる「FancySelect」:phpspot開発日誌

2013/08/27 25 users GitHub phpspot開発日誌 selectボックス

オシャレなSelectボックスが実装できる「FancySelect」 2013年08月27日- FancySelect オシャレなSelectボックスが実装できる「FancySelect」。 単にselectボックスをリデザインした、とうよりこういうElementを新しく作ったという感じでカッコいいSelectボックスが簡単に実装できます githubでダウンロード可能です 関連エントリ sele... 続きを読む

CakePHP2でどんなSQLが発行されてるのか確認する方法 | kanonjiのブログ

2013/07/02 31 users CakePHP Layouts SQL github.com

ちょっと説明用も兼ねて、基本的な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

2013/04/16 184 users Faster than HTML5 Canvas

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開発日誌

2012/12/28 42 users エレメント jQueryプラグイン phpspot開発日誌

Add Shine - a jQuery Plugin 単色のエレメントを立体的に美しくできるjQueryプラグイン「Add Shine」。 次のような単色ベースで味気ないページを、このjQueryプラグインを使って初期化してみます すると、次のようにゴージャスなグラデーションで立体的に美しく、手のかかった風のサイトにすることが可能 $(element).addShine() のようにしてエレメン... 続きを読む

CSS で切る・貼る・コピーする

2012/12/18 26 users CSS Firefox Chrome ブラウザベンダー 要素

これは CSS Programming Advent Calendar 2012 の 18 日目の記事です。 現在、いくつかのブラウザベンダーから新しい CSS の機能が提案・実装されており、CSS で今までにできなかった表現も可能になってきています。 例えば、Firefox や Chrome では、要素を自由に切ったり貼ったりできるようになりました。 element() function Fir... 続きを読む

tmlib.js でモーダルウィンドウを作ってみた | TM Life

2012/12/02 24 users モーダルウインドウ tmlib.js イベントリスナ DOM

tmlib.js には tm.dom.Element というクラスが定義されており, これを使うことで様々な DOM 操作を行うことができます. 今回はそのサンプルとして tmlib.js でモーダルウィンドウを作ってました. サンプルは jsdo.it で作成しております. Table of contents サンプルについて ソースコードの解説 DOM 要素をクエリで取得 イベントリスナをさく... 続きを読む

モーダルウィンドウ - tmlib.js - jsdo.it - Share JavaScript, HTML5 and CSS

2012/12/01 16 users モーダルウインドウ Phi tmlib.js jsdo.it

// 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 57 users jQuery arr Utilities index よろ日記

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開発日誌

2012/09/20 18 users div Cube キューブ phpspot開発日誌 マリオ

Rotating Cube キューブが3Dに回転するUIを作れる「jqCube」 面には普通のHTMLが書けてそのままレンダリングされます。 「おれ、３D分からないけど、３Dっぽいものが作れるぜ」と同僚にいうことが出来るでしょう。 使い方は面をDIVで定義して、$(element).cube() とやるだけでOK なんという簡単さでしょうか。 関連エントリ ピュアCSSでマリオを3D表示したデモ ... 続きを読む