タグ Element
新着順 10 users 50 users 100 users 500 users 1000 usersCSS/HTMLのテクニックをクロスブラウザ対応(特にIE)にする方法のまとめ | コリス
#content { width: expression(document.body.clientWidth 1242? "1240px" : "auto"); min-width: 760px; max-width: 1240px; } RGBa (IE included) 不透明度を使ったカラーをIEでも利用できるようにします。 .element { background-color: tra... 続きを読む
いまどき ? いまさら ? clear fix のコード | ヨモツネット
2010年3月4日 木曜日 float によるのレイアウトフローをクリアランスする手法として知られる通称 "clear fix"、昔は長いコードを書いていましたが、今ならもっと短くても問題ないです。 しかし、最近見かけたある weblog の記事内では昔から知られる長いコードを利用していたので、日々 CSS を書く皆様はどんな感じにしているのか気になりました。 自分は element{ /zoom... 続きを読む
JavaScriptなしでCSSのみで実現するクールなドロップダウンのサンプル:phpspot開発日誌
JavaScriptなしでCSSのみで実現するクールなドロップダウンのサンプルが公開されています。 次のように、明らかにJavaScript 使ってるんじゃないか?と思うのですが、CSSのみでelement:hoverを使って実現されています。 ソースコードも解説されているのでこのテクニックについて覚えておいてもよさそう。 以下のエントリを参照してください。 Incredible Drop Dow... 続きを読む
Big Sky :: Golang と Vue.js で簡単なアプリケーションを作ってみた。
Go と Vue.js を使ってどれくらいシームレスに作れるかを確認したかったのでタスク管理アプリを作ってみた。サーバは Go なので vue-cli や webpack 等は使わない。全て CDN から。Vue.js でアプリのベースを、UI コンポーネントとして Element 、Ajax ライブラリとして axios を使った。 以前、 Riot.js を使って Todo アプリを作った 時... 続きを読む
指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」:phpspot開発日誌
指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」 2010年05月27日- Plugins | jQuery Plugins 指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」。 $(element).footer() みたいにするだけで、element に指定した要素... 続きを読む
IT戦記 - getComputedStyle について調べてたら深みにハマったのでメモ
javascript, メモ getComputedStyle とは!?ある要素にどんなスタイルが当たっているかを計算してくれる。便利な関数。使いかたはめっちゃ簡単! var style = getComputedStyle(element, ''); alert(style.fontSize); // 14px alert(style.color); // rgb(0, 0, 0) ちなみに第二... 続きを読む
404 Blog Not Found:javascript - ページはいつ再描画されるか
大変に有用な考察だが、一つ重要な指摘漏れがある。 IT戦記 - JavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念setInterval、setTimeout、イベントによる関数の実行を理解することだと思う ページがいつ再描画されるか、ということである。 未経験者は、document.write()やelement.innerHTML = "foo"のよ... 続きを読む
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... 続きを読む
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... 続きを読む
naoyaのはてなダイアリー - HTML::TreeBuilder + CSSセレクタがいい感じな件
先日 PerlでCSSセレクタ で HTML::Selector::XPath がいい感じであると思ったわけですが、CSS セレクタだけじゃなく何気に HTML::TreeBuilder::XPath とのコンボがすげーイイ!ということにいまさら気づきました。HTML::TreeBuilder::XPath で findnodes するとツリー状に連なった HTML::Element なデータ構造... 続きを読む
階層構造が作れるテーブルを実現できるjQueryプラグイン「treeTable」:phpspot開発日誌
jQuery treeTable Plugin Documentation 階層構造が作れるテーブルを実現できるjQueryプラグイン「treeTable」 次のようなエクスプローラ風の階層を持ったテーブルを作ることができます。 カラムも別れており、それぞれ情報を表示でき、階層の折りたたみもできます。 テーブルを決められたルールに従って定義したら、$(element).treeTable();とし... 続きを読む
PuppeteerでWebページからメインコンテンツっぽいところを抽出してみる - Qiita
最近、Webページからざっくりメインコンテンツっぽいものを探し出すプログラムを作成しましたので得られた知見についてまとめてみます。本文などの情報を利用せずに汎用的にメインコンテンツを探したかったので、Elementの位置、幅、高さ(以下rect)等の視覚的な情報を使用して抽出してみました。具体的には puppeteer でページをスクレイピングして各Elementの情報をまとめたツリー構造を作る ... 続きを読む
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 続きを読む
中身が画像のselectボックスを作るjQueryプラグイン:phpspot開発日誌
Image Select plugin with jQuery | images select 中身が画像のselectボックスを作るjQueryプラグイン 普通selectの中身といえばテキストが一般的ですが、画像で選ぶことができます。 select内のoptionの値を画像のパスにしておいて、$(element).ImageSelect() のように初期化するだけで使えます 関連エントリ アイ... 続きを読む
文字を映画ばりにカッコよくアニメーションさせるjQueryプラグイン「jWise.js」:phpspot開発日誌
HavaLite 文字を映画ばりにカッコよくアニメーションさせるjQueryプラグイン「jWise.js」 アニメーション系は説明が難しいので以下のデモページを見ていただくのが一番速いです。 デモページ 数種類のアニメーションがあり、切り替えタイミングやフェードの状態なんかはオプション指定できます。 あとは $(element).jwise(options); で動きます プロモーションサイトなん... 続きを読む
CSSの命名規則にBEMを取り入れてみる | dskd
CSSの命名規則にBEMを取り入れてみる 2013/12/02 01:15 category : CSS 今年もあと一月ということでブログをリニューアルしました。ということでこの記事は BEM Advent Calendar 2013 1日目のエントリです。日付過ぎてしまいましたね。 BEMって何? BEM とは Block, Element, Modifier の頭文字をとったもので、フロントエ... 続きを読む
ピクセルとdpi、ppi、dppxと解像度の話
あけましておめでとうございます。 弊社は1月5日より稼働しております。 本年もよろしくお願いいたします。 2016年一発目の記事は、解像度の話です。 ピクセルと解像度の話 まずは基本的なところをお話しします。 ピクセルとは? ピクセル (pixel)とは『PICture』と『ELEment』を組み合わせた造語です。(『picture cell』の略とも) ピクセルは画素と訳されます。 単位として表... 続きを読む
CSSフレームワークのブレイクポイントを比べて(Bluma, Vuetify, Element, Bootstrap, etc..) - Qiita
CSSフレームワークのブレイクポイントを比べて(Bluma, Vuetify, Element, Bootstrap, etc..) いま開発している積読用の読書管理アプリでは、CSSフレームワークにBlumaを使ってる。 昔は、VuetifyやBootstrapを使っていたけど、ブレイクポイントが違っているのでまとめてみた(´ω`) ブレイクポイントのまとめ xs sm md lg... 続きを読む
404 Blog Not Found:javascript - element.innerHTML はなぜ速く見えるか
自分でこう書きながら、実は首を傾げていたのだけどやっとわかった。 404 Blog Not Found:WEB+DB PRESS vol.35 pp.57 まず速度ですが、innerHTMLは代入時にHTMLの構文解析が入るので、速度的にはDOM操作が有利です。 期待に反してそうでないのは、404 Blog Not Found:javascript - DOM vs innerHTML bench... 続きを読む
ブロック要素にいとも簡単にiOS風の通知件数を表示できる「Badger」:phpspot開発日誌
Badger - Super sexy iOS style badges for jQuery ブロック要素にいとも簡単にiOS風の通知件数を表示できる「Badger」 $(element).badger(22);みたいに実行すると次のようにブロック要素に通知件数が追加されるというもの。 ちょっとめんどくさそうな処理もたった1行で実行できるのは有難い限りです。 既存の数値にプラスしたり、コールバッ... 続きを読む
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... 続きを読む
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... 続きを読む
単色のエレメントを立体的に美しくできるjQueryプラグイン「Add Shine」:phpspot開発日誌
Add Shine - a jQuery Plugin 単色のエレメントを立体的に美しくできるjQueryプラグイン「Add Shine」。 次のような単色ベースで味気ないページを、このjQueryプラグインを使って初期化してみます すると、次のようにゴージャスなグラデーションで立体的に美しく、手のかかった風のサイトにすることが可能 $(element).addShine() のようにしてエレメン... 続きを読む
サイト内で動くデジタル時計を実装するためのjQueryプラグイン「Clock」:phpspot開発日誌
jQuery Dynamic Clock Plugin | jQuery Plugins サイト内で動くデジタル時計を実装するためのjQueryプラグイン「Clock」。 ちょっとサイト内で動く時計を作りたい場合に、$(element).clock() とやるだけでデジタル時計がエレメント内に現れるという便利なプラグインです。 次のような時計が作れます。CSSデザインなのでデザイン調整は簡単ですし... 続きを読む
『Pythonからはじめる数学入門』5章 集合と確率を操作する - 人工知能エンジニア修行日記
2017 - 12 - 05 『Pythonからはじめる数学入門』5章 集合と確率を操作する 『 Python からはじめる数学入門』 5章 集合と確率を操作する の解説です。 5.1 集合とは何か 集合(set)、要素(element)といったキーワードの意味は、高校数学で出てきていますのでここでは省略します。 以下、 Python で集合の演算方法をみていきます。 5.1.1 集合の構成 まず... 続きを読む