Qiita - HTMLタグが付けられた新着投稿

バックスラッシュ(\)と半角円記号(¥)

SN

5/25 11:04

メイリオやMS Pゴシックではバックスラッシュ(\)と円記号(¥)が同じ見た目に表示されるので注意が必要


ブラウザで表示する際に注意すること


テキスト


¥にする。

画面で表示される際は半...

インライン要素とブロック要素に気をつけろ。

SN

5/24 20:35

ついつい忘れがちですがHTMLにはインライン要素とブロック要素があります。そして


ブロックレベル要素 : ブロックレベル要素とインライン要素を含むことができる。
インライン要素 : コンテンツとインライン...

生のjsでgetする(jQuery禁止)

SN

5/24 10:52



javascriptでjQueryなしでgetする

色々あってjqueryが嫌いになったから、生のjsで書いた

function callback(data){console.log(data)}
get('example.com',{'foo':'bar','hoge':'hoge'},callback)


function ...

WEBサービスを配信したい!その①

SN

5/21 23:43



きっかけ


フルスタックエンジニアとして活躍したいから
アプリ開発関連のブログを作りたいと思ったから
副業(アフィリエイトというもの)



作るもの

ブログ・・・開発関連のブログ


計画(変更する可能性...

HTML input type="datetime-local" を Javascript でいじってみる

SN

5/21 23:22



目的

スポーツ関連のアプリを担当。

試合時間を設定するフォームで form_for の変数をつかったフレーム派生である



をアプリで使用していたが入力フォームがダサいので何とかならないかと頼まれ...

図解 HTMLParser

SN

5/21 16:17



はじめに

HTMLParserを使う機会があったのですが、どれも使ってみただけの紹介で、概念を解説したような記事がなかったのでここで改めて紹介しようと思います。(優秀な方ならドキュメント等読めば理解できる...

[WIP]Stripe とBootstrap(v3) でシンプルな決済フォームを作ってみた

SN

5/21 12:23



背景

同窓会のウェブサイトを運営しています。その年会費の支払いをオンライン決済でやることになり、決済フォームの自作を始めました。後述しますが、決済オンラインサービスはStripe を採用。そして、決済と...

TweenMaxを使ったアニメーション例

SN

5/20 17:55



記事概要

TweenMax.jsを勉強した際にできた副産物達を、めちゃくちゃ雑な解説と共にとっておく為のメモ記事。

これからTweenMaxを勉強する人の助けになれば幸いです。誤りなどございましたらご指摘お願い...

GoogleAnalytics (gtag.js)でPDFなどのファイルを仮想ページビューとして扱う方法

SN

5/20 17:22

トラッキング用のグローバルサイトタグ(gtag.js)サイトに設置しただけではPDFなどのファイルのダウンロードした数は取得できないのですが、aタグに小細工をしかけることでできるようになったので備忘録。


結...

FizzBuzzを表示するhtmlファイルのコードゴルフ

SN

5/20 17:05

普通のコードゴルフでは出尽くしてる感あるので、htmlファイルという枠で考えてみた。現実逃避で。


fizzbuzz.html
<body id=b onload="for(i=0;++i<101;)b.innerHTML+='<p>'+((i%3?'':'fizz')+(i%5...

GitHub知識0でも GitHubWebPagesでwebページを公開する方法

SN

5/20 00:35

githubwebpagesを利用して静的なwebサイトを公開する方法を説明します。

と言っても多くの方が同じ内容にふれているので、今回私が実際にやってみて

つまずいた点も含めて説明したいと思います。

め...

【Laravel】Bladeにおけるold関数の使い方

SN

5/19 19:07



バリデーションとold関数

現在バリデーションの仕組みを実装しているが、エラーメッセージをビューとして表示させるにあたり、詰んだ箇所があった。

それはグローバルヘルパ関数old関数の表示だ。

公式ドキ...

malwarebytes toll free number 8.333272999 malwarebytes technical support billing main contact phone number@dse

SN

5/19 04:15

Malwarebytes Customer Service Number USA

Malwarebytes Contact Number USA

Malwarebytes USA Phone Number

Malwarebytes Support Number USA

Malwarebytes Customer Service Number

Malwa...

malwarebytes toll free number 8.333272999 malwarebytes technical support billing main contact phone number@dsd

SN

5/19 04:15

Malwarebytes Customer Service Number USA

Malwarebytes Contact Number USA

Malwarebytes USA Phone Number

Malwarebytes Support Number USA

Malwarebytes Customer Service Number

Malwa...

malwarebytes toll free number 8.333272999 malwarebytes technical support billing main contact phone number@dsc

SN

5/19 04:15

Malwarebytes Customer Service Number USA

Malwarebytes Contact Number USA

Malwarebytes USA Phone Number

Malwarebytes Support Number USA

Malwarebytes Customer Service Number

Malwa...

malwarebytes toll free number 8.333272999 malwarebytes technical support billing main contact phone number@dsb

SN

5/19 04:15

Malwarebytes Customer Service Number USA

Malwarebytes Contact Number USA

Malwarebytes USA Phone Number

Malwarebytes Support Number USA

Malwarebytes Customer Service Number

Malwa...

BackstopJSを使って、CSSをテストをする

SN

5/18 19:08



こういうときに便利


軽微だけれども影響範囲が広い修正の確認(コンポーネントレベルの修正がどこまで影響するか…というような)
リファクタリングを実施した場合に、修正前後で表示に差異がないかの確認
既...

印刷時にbackground-colorが反映されないときの対処法

SN

5/17 19:20



今回のテーマ

ページを印刷する際に背景色が反映されないことがありました。

印刷の際にページと同一の色を付与したいにも関わらず反映されないという事態、、

しかし、これはCSSで解決できるようです。

以...

【企業サイト構築用】Webページコーディングガイドライン

SN

5/17 02:27

以前、社内共有と知見をまとめるためにWordPressの設計ガイドラインを書きましたが、Webサイト(ページ)用のコーディングガイドが必要となってきたので、改めてまとめてみました。  

多くのWebサイトを構...

Rails で 要素とか 要素を readonly っぽくする

SN

5/16 20:38


編集不可かつリクエストには含めたい input type=text 要素を使いたい時、 readonly 属性を設定する
しかし readonly は <select> とか <input type="radio"> には効かない。



disabled にした入...

コーディングガイドライン草案

SN

5/16 17:28



HTML


拡張子は「.html」
文字コードはUTF-8(BOM無し)
改行コードはLF
インデントはタブスペース(半角4文字分)が好ましい。が、開発環境次第(Codekitだと半角スペース2つになってしまう)。
ファイル名は...

Material Icon Font で必要なアイコンだけ読み込む

SN

5/16 17:12

http://google.github.io/material-design-icons/#icon-font-for-the-web

<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">


この CSS の URL は Google ...

レガシーなMailerに対応したメール送信の方法

SN

5/16 11:34

レガシーなMailerにMailを送信する際ノウハウを全てまとめる。

業務で対応しなければいけなくなったのだが、ガラケーギリギリの世代の自分にはハマりポイントが多すぎた。

逆に、古きコードを書くいい経験に...

お笑い好きによるJavaScriptの関数宣言まとめ

SN

5/16 07:38



誰に向けて

・js初学者に向けて


目次

1.関数宣言

2.関数リテラル

3.アロー関数

4.それぞれの違い

5.まとめの表


1.関数宣言

最もオーソドックスな書き方。


picotaro_func.js
function ...

【IE10対応】input[type="file"]を.val('')で上書きできない→changeイベント発火しない。

SN

5/15 15:38

前回に引き続き、IE10対応のメモです。

input[type="file"]にファイルをアップロードした後、モダンブラウザ?だと$(this).val('')などでvalueを初期化できるのですが、IE10はそうはいきませんでした。

<inp...

円グラフをjQueryでフェードさせながら表示

SN

5/15 14:42

円グラフをjQueryで順番にフェードさせる簡単な方法です。

「jQueryに詳しくないけど動きをつけたい」という方はぜひ参考にしてください。

デモ

https://aruto-room.github.io/demo/graph.html

コード
...

【IE10対応】input[type="file"]がカスタムボタンだと、ダブルクリックしないといけない。

SN

5/15 11:00

IE10で、input[type="file"]が正常にクリックしていなかったので、対応した備忘録です。

ファイル参照のボタンが、カスタムボタンになっていて、デザインが入っていました。

IE10は「参照」と表示される部分を...

【No.2】初めてのRuby on Rails Tutorial!

SN

5/15 00:54



はじめに

今回も前回に引き続きチュートリアルをやってみて勉強したこと、初めて知ったことに絞って書いていこうと思います。今回は3、4章、このペースだと7回分も費やしてしまうからそろそろ3章分くらいは...

VuePressはコーダーの夢を見るか。

SN

5/15 00:31

Webサービス界隈の優秀な人たちが、フロントエンドの新しいツールを「最高!」と日々謳っている中、

底辺コーダーの我々はクライアントからの修正横目に

「ほーん。どうせ僕らの業務じゃ使えないんでしょ...

【Azure】ASP.net MVC5で画像ファイルをAzureBLOBStorageに保存する方法【BLOB】

SN

5/14 16:52



Edgeとchrome

input type="file"を使用してfulpathを取得しようとすると、Edgeは表示されるが、chromeでは表示されない為、fullPathを使用するやり方は使用できません。

MVC5に関して説明している資料は大体...

PR:bitflyer

bitFlyer ビットコインを始めるなら安心・安全な取引所で