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... 続きを読む

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 続きを読む

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の情報をまとめたツリー構造を作る ... 続きを読む

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』の略とも） ピクセルは画素と訳されます。 単位として表... 続きを読む

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... 続きを読む

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 の頭文字をとったもので、フロントエ... 続きを読む

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の$.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... 続きを読む

文字を映画ばりにカッコよくアニメーションさせるjQueryプラグイン「jWise.js」:phpspot開発日誌

2011/11/16 72 users jQueryプラグイン phpspot開発日誌 文字 以下

HavaLite 文字を映画ばりにカッコよくアニメーションさせるjQueryプラグイン「jWise.js」 アニメーション系は説明が難しいので以下のデモページを見ていただくのが一番速いです。 デモページ 数種類のアニメーションがあり、切り替えタイミングやフェードの状態なんかはオプション指定できます。 あとは $(element).jwise(options); で動きます プロモーションサイトなん... 続きを読む

ブロック要素にいとも簡単にiOS風の通知件数を表示できる「Badger」:phpspot開発日誌

2011/10/18 59 users iOS風 phpspot開発日誌 ブロック要素 既存 数値

Badger - Super sexy iOS style badges for jQuery ブロック要素にいとも簡単にiOS風の通知件数を表示できる「Badger」 $(element).badger(22);みたいに実行すると次のようにブロック要素に通知件数が追加されるというもの。 ちょっとめんどくさそうな処理もたった１行で実行できるのは有難い限りです。 既存の数値にプラスしたり、コールバッ... 続きを読む

中身が画像のselectボックスを作るjQueryプラグイン:phpspot開発日誌

2011/09/26 74 users selectボックス phpspot開発日誌 中身 画像 バス

Image Select plugin with jQuery | images select 中身が画像のselectボックスを作るjQueryプラグイン 普通selectの中身といえばテキストが一般的ですが、画像で選ぶことができます。 select内のoptionの値を画像のパスにしておいて、$(element).ImageSelect() のように初期化するだけで使えます 関連エントリ アイ... 続きを読む

階層構造が作れるテーブルを実現できるjQueryプラグイン「treeTable」:phpspot開発日誌

2011/09/20 96 users カラム jQueryプラグイン phpspot開発日誌 階層

jQuery treeTable Plugin Documentation 階層構造が作れるテーブルを実現できるjQueryプラグイン「treeTable」 次のようなエクスプローラ風の階層を持ったテーブルを作ることができます。 カラムも別れており、それぞれ情報を表示でき、階層の折りたたみもできます。 テーブルを決められたルールに従って定義したら、$(element).treeTable();とし... 続きを読む

CSS/HTMLのテクニックをクロスブラウザ対応（特にIE）にする方法のまとめ | コリス

2011/07/24 679 users コリス Tra クロスブラウザ対応 expression 方法

#content { width: expression(document.body.clientWidth 1242? "1240px" : "auto"); min-width: 760px; max-width: 1240px; } RGBa (IE included) 不透明度を使ったカラーをIEでも利用できるようにします。 .element { background-color: tra... 続きを読む

指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」:phpspot開発日誌

2010/05/27 226 users phpspot開発日誌 下部 Plugins 指定要素 ページ

指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」 2010年05月27日- Plugins | jQuery Plugins 指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」。 $(element).footer() みたいにするだけで、element に指定した要素... 続きを読む

いまどき ? いまさら ? clear fix のコード | ヨモツネット

2010/03/04 297 users ヨモツネット Zoom Weblog コード CSS

2010年3月4日 木曜日 float によるのレイアウトフローをクリアランスする手法として知られる通称 "clear fix"、昔は長いコードを書いていましたが、今ならもっと短くても問題ないです。 しかし、最近見かけたある weblog の記事内では昔から知られる長いコードを利用していたので、日々 CSS を書く皆様はどんな感じにしているのか気になりました。 自分は element{ /zoom... 続きを読む

JavaScriptなしでCSSのみで実現するクールなドロップダウンのサンプル:phpspot開発日誌

2009/12/08 255 users CSS phpspot開発日誌 ドロップダウン サンプル 以下

JavaScriptなしでCSSのみで実現するクールなドロップダウンのサンプルが公開されています。 次のように、明らかにJavaScript 使ってるんじゃないか？と思うのですが、CSSのみでelement:hoverを使って実現されています。 ソースコードも解説されているのでこのテクニックについて覚えておいてもよさそう。 以下のエントリを参照してください。 Incredible Drop Dow... 続きを読む

IT戦記 - getComputedStyle について調べてたら深みにハマったのでメモ

2007/06/11 223 users RGB 深み alert IT戦記 color

javascript, メモ getComputedStyle とは！？ある要素にどんなスタイルが当たっているかを計算してくれる。便利な関数。使いかたはめっちゃ簡単！ var style = getComputedStyle(element, ''); alert(style.fontSize); // 14px alert(style.color); // rgb(0, 0, 0) ちなみに第二... 続きを読む

404 Blog Not Found:javascript - element.innerHTML はなぜ速く見えるか

2006/10/21 62 users innerHTML DOM操作 構文解析 HTML 速度

自分でこう書きながら、実は首を傾げていたのだけどやっとわかった。 404 Blog Not Found:WEB+DB PRESS vol.35 pp.57 まず速度ですが、innerHTMLは代入時にHTMLの構文解析が入るので、速度的にはDOM操作が有利です。 期待に反してそうでないのは、404 Blog Not Found:javascript - DOM vs innerHTML bench... 続きを読む

naoyaのはてなダイアリー - HTML::TreeBuilder + CSSセレクタがいい感じな件

2006/10/06 115 users naoya XPath selector CSSセレクタ 何気

先日 PerlでCSSセレクタ で HTML::Selector::XPath がいい感じであると思ったわけですが、CSS セレクタだけじゃなく何気に HTML::TreeBuilder::XPath とのコンボがすげーイイ!ということにいまさら気づきました。HTML::TreeBuilder::XPath で findnodes するとツリー状に連なった HTML::Element なデータ構造... 続きを読む

404 Blog Not Found:javascript - ページはいつ再描画されるか

2006/09/22 191 users 404 Blog Not Found foo ページ 関数

大変に有用な考察だが、一つ重要な指摘漏れがある。 IT戦記 - JavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念setInterval、setTimeout、イベントによる関数の実行を理解することだと思う ページがいつ再描画されるか、ということである。 未経験者は、document.write()やelement.innerHTML = "foo"のよ... 続きを読む