「"span"」の検索結果(342件)

2016-04-11

2016-03-28

http://www.slideshare.net/KenyaKodaira/2016-59970832

なんかたくさんブクマされてますが、読む必要ないと思います

p.4
  • HTML Template Engin`d`ってなんですかね。誤字脱字チェックはしましょうね。
  • gulpのgは小文字なのでよろしくです。
p.5
p.6
p.8
  • EditorCodingってなに
p.9
  • コードブロックが見づらいっす。黒バックにblueて誰が読めるのだろうか。若者か。
  • npm install後に急にgulpって書いてあるけど、それは何をするタスクなのです?
    • まぁ、この後gulpタスクについて出てるんでしょう……
      • 出てこなかった
p.10
p.15
p.16
p.18

コード品質が維持される場合に限り、難読化、最小化、コンパイルするのは自由です

  • HTMLの話ですよね? コード品質が維持されない難読化や最小化やコンパイルってなんだろう。
  • あとに出てくるけど、CSSには容量削減を異常に求めすぎてるわりには、HTMLには無関心な感じがするんですよね。
p.19

a、span、imgなどの最小の位置にでは開業は適宜対応

  • その適宜が人によってブレるから、それを潰すのが「フォーマット」だと思うんすよね。
  • いっそ「新しい要素が出現したら必ず改行する」くらい言ってほしい。
  • あと日本語が変なんで、それも。
p.20
p.21、22
p.2324
  • .editorconfigにどう書けばいいかをだな……。
p.25
  • HTMLルールだとしたら、そういう開発の都合のコメントを残して納品するのはお行儀が良くないっすね。
  • Jadeを使う前提のようだし、Jadeコメントでの話をしてるなら別にいいんすけどね。
  • でもさっきからJadeのサンプルが全く出てこないからオッサン不安になってきちゃったっす。
p.26

正しいHTML

  • HTMLの正しさとは?
  • 参考リンクから察するに、invalidでなければいいと思ってるなんてことはないっすよね。
p.27、28
p.29、30
p.31
p.32
p.36、37
p.40

CSS教科書

p.42、43
p.44、45
p.49、50
p.57、58
  • HEXの短縮は規定しなくていいと思います
  • ビルドをかける前に勝手に置換されるような仕組みを入れるべきところかと。
  • gulpでできますし、ググれば出てきます
  • ちなみに、#f00よりもredの方が1バイト少ないんですよ。
  • 容量削減は人が思いつきでやるには不十分なのです。
  • そんなのはビルド時に機械がやればいい。
  • 容量の削減を理由に人の行為制限をかけるのが愚かな行為だと気付いてくれたらうれしいっす。
p.61、62
p.63、64
p.71
p.72、73
  • FLOCSSとMindBEMding共存させるなら、書くべきことが足りなすぎませんか。
p.73

block__element__elementは使用しない

p.78、79
p.80、81
p.87

GoogleChromeなら変換時に右側にマーク

p.96
p.98

svgにすることで1つの画像でまかなえる場合svg使用する

p.102
  • ここまで4回くらい読みなおしたんですけが、どうにも上澄みだけの理解しかしてないように感じるんですよね。
  • Jadeについては何かルールは設けないのでしょうか。
  • JavaScriptについては……?
  • そのほかにも、ライティング自体が下手すぎて、これを人に見せるのはどうなのっていう感じがしちゃいました。
  • 誤字脱字くらいはちゃんとチェックしたほうがいいでしょうね。
  • 結論:いろいろ惜しいけど、よくなる余地はたくさんあるので、がんばってください。

2016-03-25

2016-01-31

RedditなどのURL連続投稿スパムあぼーんする方法

Masuda A boneを利用します。

http://d.hatena.ne.jp/ku__ra__ge/20080311/p5

下記の設定済みスクリプトコピペして使えば、Masuda A boneをインストールする必要はありません。

ChromeならTampermonkey、FirefoxならGreasemonkeyインストールします。

Chrome

https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=ja

Firefox

https://addons.mozilla.org/ja/firefox/addon/greasemonkey/

Chrome場合

拡張機能-Temperamonkey-オプションクリック

プラスアイコン新規スクリプト)をクリック

最初に表示されているメタデータブロックは削除

下記スクリプトコピペして保存アイコンクリック

Firefox場合

メニューからツール-Greasemonkey-ユーザスクリプト管理

(もしくはアドオンマネージャユーザースクリプトクリック

以下のスクリプトを先にコピーしておく

ユーザスクリプト新規作成クリック

クリップボードスクリプト使用する」ボタンクリック

注意点

スマホで使えるかは確認していません。

var ignore行を編集すれば、好きな言葉を追加できます

お願い

AutoPagerize対応していません。

URLが2行連続するとあぼーん対象になってしまうので、本文があればあぼーん対象から除外したい。

あとURL1行のみの投稿あぼーんしたい。

どなたかエロい人お願いします。

// ==UserScript==

// @name Masuda A bone

// @namespace http://www.petitnoir.net/

// @description

// @include http://anond.hatelabo.jp/

// @include http://anond.hatelabo.jp/?page=*

// ==/UserScript==

///////////////////////////////////////////////////////

//あぼーんしたい言葉

//あぼーんしたい言葉を「""」でくくって入力します。複数個追加したい場合は「,」でくぎります

//入力

// igonore =["あぼーんしたい言葉1","あぼーんしたい言葉2","あぼーんしたい言葉3"]

// var ignore = ["死ね","糞","クソ","くそ","<●>","ばーか","スイーツ(笑)"];

var ignore = ["[0-9a-zA-Z/\-]https?://"];

///////////////////////////////////////////////////////

///////////////////////////////////////////////////////

//あぼーんした時タイトルに表示する言葉

//

var abonemessage = "__";

///////////////////////////////////////////////////////

(function abone(){

//本文

var section = document.evaluate('//div[@class="section"]',document,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);

for (i=0; i < section.snapshotLength; i++) {

var sec = section.snapshotItem(i);

var p = sec.textContent;

for (t=0; t < ignore.length; t++){

var reg = p.match(ignore[t]);

if(reg){break;}

}

if(reg){

while(sec.firstChild){

sec.removeChild(sec.firstChild);

}

var message = document.createElement('h3');

message.textContent = abonemessage;

sec.appendChild(message);

}

}

//言及

var refererlist = document.evaluate('//ul/li',document,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);

for (i=0; i < refererlist.snapshotLength; i++) {

var list = refererlist.snapshotItem(i);

var p = list.textContent;

for (t=0; t < ignore.length; t++){

var reg = p.match(ignore[t]);

if(reg){break;}

}

if(reg){

for(y=0;y < 8 ; y++){

list.removeChild(list.firstChild);

}

var message =document.createElement('span');

message.textContent = abonemessage;

list.insertBefore(message, list.firstChild);

}

}

})();

2015-08-20

00年代邦楽バンドの4つ打ち曲を集めてみる(1バンド1曲)

くるり - ワンダーフォーゲル2000年

https://youtu.be/I_PndY44ROg

TRICERATOPS - Fall Again2000年

https://youtu.be/UZIanTfTWl8

ポルノグラフィティ - Century lovers2000年

https://youtu.be/GBUKnr1bIwE

ノーナ・リーヴス - LOVE TOGETHER2000年

https://youtu.be/3y8UZylK8L0

JUDY AND MARY - Rainbow Devils Land2001年

https://youtu.be/eS-UVahQ2oQ

SUPERCAR - YUMEGIWA LAST BOY(2001年

https://youtu.be/F8RrddJgA7g

B'z - ultra soul2001年

https://youtu.be/Ujb-ZeX7Mo8

THE BACK HORN - 涙がこぼれたら(2002年

https://youtu.be/0ZwG5QuxJw0?t=5m30s

Cymbals - Wingspan(2002年

https://youtu.be/s1tLZGYfxMA

Syrup 16g - 空をなくす(2002年

https://youtu.be/pDtJ3tQGiZo

SOPHIA - -僕はここにいる-(2003年

https://youtu.be/60ce1rLyX2A

ASIAN KUNG-FU GENERATION - 君という花2003年

https://youtu.be/MIY3lM-jGkI

SPARTA LOCALS - ピース2003年

https://youtu.be/2d8cEUl5rBQ

フジファブリック - ダンス2000(2004年)(インディーズ盤では2002年

https://youtu.be/PgHiovxrgtw

BUMP OF CHICKEN - オンリーロンリーグローリー2004年

https://youtu.be/_XeoMm-sH5c

オレンジレンジ - 以心電信2004年

https://youtu.be/OdoklQK9O4c

サンボマスター - 青春狂騒曲(2004年

https://youtu.be/l7NDx9vLvlM

キャプテンストライダム - マウンテン・ア・ゴーゴー・ツー(2004年

https://youtu.be/VsuGZ83c-84

ウルフルズ - バカサバイバー2004年

https://youtu.be/n9QTaxnm-P0

スピッツ - 甘ったれクリーチャー2005年

https://youtu.be/-kPUkoKT8hs

FLOW - DAYS2005年

https://youtu.be/q9qX5px2RHg

ストレイテナー - DISCOGRAPHY(2005年

https://youtu.be/f89T_MgrDcc

ART-SCHOOL - あと10秒で(2005年

https://youtu.be/WS5VLZpTuK8

POLYSICS - Baby BIAS(2005年

https://youtu.be/PHhWT8IztH4

the band apart - higher(2005年

https://youtu.be/s9c1b6F8ZYA

DOPING PANDA - MIRACLE2006年

https://youtu.be/8mGjD-ZhQTA

チャットモンチー - シャングリラ2006年

https://youtu.be/NEb9MTNk3y4

Base Ball Bear - ELECTRIC SUMMER2006年

https://youtu.be/qPBaI3165Jk

レミオロメン - 明日に架かる橋(2006年

https://youtu.be/M_MX1lydB_Q

BOOM BOOM SATELLITES - KICK IT OUT2006年

https://youtu.be/56KV6q9CH_4

サザンオールスターズ - DIRTY OLD MANさらば夏よ~(2006年

https://youtu.be/NsLq3AfTNKI

アナログフィッシュ - アンセム2006年

https://youtu.be/DES0lr2Q3-Q

hare-brained unity - ORION2006年

https://youtu.be/9IaIHX2FO-0?t=15s

Mr.Children - フェイク(2007年

https://youtu.be/n7H4p0ArZUU

L'Arc〜en〜Ciel - SEVENTH HEAVEN2007年

https://youtu.be/hyVOZryDheU

LUNKHEAD - 桜日和2007年

https://youtu.be/CBpNyCSE_II

MONOBRIGHT - 頭の中のSOS2007年

https://youtu.be/9rwE4oauQME

GOING UNDER GROUND - TWISTER(2007年

https://youtu.be/GlRSDDMuiF0

school food punishment - you may crawl(2007年

https://youtu.be/PC1F9KqpF78

Aqua Timez - 虹(2008年

https://youtu.be/KVs_U-FA0rc

the telephones - Love&amp;DISCO(2008年

https://youtu.be/Uv0zJSbMLEI

サカナクション - セントレイ2008年

https://youtu.be/eM4wFhp7BRg

竹内電気 - Baby I Love you2008年

https://youtu.be/oHuXfxWQlb8

カラーボトル - 1020年(2008年

https://youtu.be/mEHq9cnNC5U

winnie - first class speed of light(2009年)

https://youtu.be/2v869FzNVLU

UNISON SQUARE GARDEN - MR.アンディ(2009年

https://youtu.be/I79m_otKgJI

相対性理論 - 品川ナンバー2009年

https://youtu.be/rLp5-7GrPNc

2015-07-15

[]大増の文囲い

大文字投稿する時は、divタグで囲むときちんと文字の大きさで改行されて他の増田にかからないのだ

みんな仲良くインターネットの心遣いだね

((おそらく2020年に)spanだけでも他エントリにかからないように修正された模様)

2015-04-03

はてブ一覧ページで各コメントへのブクマ数を表示するやつ作った

こういう感じ http://i.imgur.com/LCbUGwe.png

// ==UserScript==
// @name        metaBKM
// @include     http://b.hatena.ne.jp/entry/*
// @version     1
// @grant       none
// ==/UserScript==
(function(){
  function make(){
    var list = document.querySelectorAll('#public-bookmarks .bookmark-list > li');
    for(var i = 0;i < list.length;i++){
      var commentLink = list[i].querySelector('.user-comment-link');
      if(!commentLink) {continue;}
      var bkmImg = 'http://b.hatena.ne.jp/entry/image/' + commentLink.href;
      var img = document.createElement('img');
      var a = document.createElement('a');
      img.setAttribute('src',bkmImg);
      a.setAttribute('href','http://b.hatena.ne.jp/entry/' + commentLink.href.replace(/.*?\/\//,''));
      a.appendChild(img);
      var parentElm = list[i].querySelector('span');
      parentElm.insertBefore(a, parentElm.children[2]);
    }
  }
  function check(){
    if(document.querySelector('.commentlist-loading')){
      return false;
    } else {
      return true;
    }
  }
  var timer = setInterval(function(){
    if(check()) {
      console.log(check());
      make();
      clearInterval(timer);
    }
  }, 1000);
})();

2015-01-24

http://anond.hatelabo.jp/20150124115501

ああ、div に css指定するんじゃなくて spancss指定して div で囲むのか

増田だけど

2014-12-25

http://anond.hatelabo.jp/20141225101456

html5では,Bタグには独自意味が再定義され,非推奨ではなくなっている。そして,元増田はSタグにも意味があるのではないか,といっているので,それに対してCSSでやれでは反論にならない。Sからspanにしたら,Sに少しある(かもしれない)意味が,さらに減ってしまう。

2014-12-13

えー

増田ってこんなに大きな文字も表示されんのかよ

めんどうだからstylishでなんか対処しとこうと思うけど

cssだけで対応すんのは無理なのかね

とりあえず、一律100%にした

span{
    font-size: 100% !important;
}

spanだけで対応できるのか

span style="font-size:xx-large;"

test

p style="font-size:xx-large;"

test

div style="font-size:xx-large;"

文字がデカ増田

http://anond.hatelabo.jp/20141213015514

他に影響出てるかもしれんけど、できてるっぽい

2014-10-06

(id:hungchangさんの指摘を受け修正)







主語





(id:deamuさんの指摘を受け修正)

(span styleでcss直打ちです)

(px指定em指定修正しました)

2014-06-05

http://anond.hatelabo.jp/20140604234535

大きい字に嫉妬

&lt;span style="font-size: 150px;"&gt;と思ったらこうしたらできるらしい&lt;/span&gt;

「"span"」を含むキーワード

ログイン ユーザー登録
ようこそ ゲスト さん