See related links to what you are looking for.
http://foreignkey.jp/archives/1503
See related links to what you are looking for.
DOMで既存スタイルシートにルールを追加してはいけない
(04/29)コードレビューの温度感表現に絵文字を使う (11/20)シェルの `if` はパイプ出来る (05/10)ノーコード・ローコードについての所感 (03/24)正規表現で何でもパース出来ると思うな (02/14)WSL2のインストールからTIPS迄まとめ (12/14)シェルスクリプトと改行コードの罠 (10/11)探し出せないページ (08/11)`xargs` で空白込みのパスを扱う (01/30)JavaScript無しでハンバーガーメニューを実装してみた（けど、恐らく使うべきではない） (01/03)プログラミング書き初めを行う「kakizome」リポジトリというアイディア JavaScriptでスタイルシートを操作するには? JavaScriptで既存HTMLページにCSSを追加する必要が出て来たのでちょっと調べた。 基本的に、document.styleSheets
私のコミュ障→聞こえた音声を適切な言語にできない - レールを外れてもまだ生きる - コロポンのブログ
てめぇどこがコミュ障なんだよ、という話において、私のコミュニケーションにおいて真剣にS級の障害になっている事象をお知らせします。 実は、小学生くらいから検知はしたんだけど。 同じ悩みのひとがいたら、本気で嬉しい。 そして解決方法があれば、ぜひご教示いただきたいのです。まじです。 わたし、聞こえた音声を言語にするのがニガテ、というか、発話者が何を言ってるのかわからなくて、聞き返したり、適当に笑ってごまかす回数が尋常じゃないんです。 ほんとすみません。聞いてなかったわけでもないし、強いて言うなら、はっきり発音していただきたいというか… なんか類推が下手なのかな？発音が不明瞭なものがあるとだいたい音でしか聞けてなくて、どんな言葉が発話されたのかはわからなくなります。 聞き返しすぎると、ちゃんと聞けよ！！ってなるでしょ。辛いのよ…わたしも頑張ってるのに… だから、電話が超絶ニガテ。何言ってるのかわ
素のPHPをテンプレートエンジンとして使うときのコーディング規約
プログラムとしてPHPを書くときのコーディング規約は、PEARやZendなど代表的なものがたくさんありますが、テンプレートエンジンとしてPHPを使う場合にはそのまま適用しにくいものです。 テンプレートエンジンのコーディング規約って、検索してもあまり見つからなかったので、個人的に採用しているものを晒してみます。あんまり語る人を見たことがないので、「俺はこうしてるよ」とか「ここキモくね？」とかご意見いただけるとうれしいです。 目指すところ 複雑なロジックをテンプレートに書かない / 書けないように規約で縛る 少しでも読みやすさを追求する できあがりのHTMLの美しさも追及する <%= $this->doctype() %> <html> <head> <%= $this->headMeta() %> <%= $this->headLink() %> <%= $this->headTitle()
60行で作るPHP用テンプレートエンジン
唐突に、PHP用のテンプレートエンジンを作ってみる。 方針： ふつうのPHPファイルをテンプレートとして使う。 <?php echo $var; ?> は面倒なので #{$var} と書けるようにする。 <?php echo htmlspecialchars($var); ?> はもっと面倒なので %{$var} と書けるようにする。 ついでにXML宣言も <<?php ?>?xml ... に自動置換する。【追記】レイアウト機能を追加してみた コード： <?php /* * SixtyLinesTemplate.php - 60行しかないけどSmartyより速いテンプレートエンジン * * 使い方： * require_once('SixtyLinesTemplate.php'); * $TEMPLATE_DIR = 'templates'; // 省略可、パーミッションに注意 * $c
HTML5セマンティクスの理解 – 第1部：新しい要素 | Adobe Developer Connection
私と同じ仕事をなさっている方なら、ここ最近、HTML5がどうしたこうしたという話を、あちこちでお聞きになっているに違いありません。「Flashキラー」のビデオ要素とか、キャンバスによるアニメーションとか、位置情報とかいった話です。実際には、HTML5に関わるこのような騒ぎは誇張されていて、HTML5とは無関係なものまでが含まれています。Web上では、CSS3の表現力豊かな新しい機能のことが、「HTML5」という呼び名を付けて語られています。HTML5に関するマーケティングの大騒ぎの中で忘れられがちなのが、新しく導入される要素やその他のセマンティクスに関する変更です。この記事では、これらのセマンティック要素について理解し、正しく使用するために必要なことを解説します。これらの要素は見かけは地味ですが、とても重要なものです。このテーマは無味乾燥に見えるかもしれませんが、これらの新しい要素を正しく
はてなTシャツ2013ができました！ プレゼントキャンペーンを実施します - はてな広報ブログ
大変お待たせいたしました！毎年制作している「はてなTシャツ」の2013年版ができたのでお知らせいたします。 今年のTシャツのデザインは、「はてなブックマーク」「はてなブログ」「はてなロゴ」の3パターン。それぞれ3色ずつあり、合計9パターンで展開しています。また、これまで非売品だったはてなステッカーも販売開始しています。 はてなTシャツ2013の完成を記念して、ユーザーの皆さまへのプレゼントキャンペーンを実施いたします。応募方法は以下の2通り。ご応募お待ちしています！ 【A】はてなブックマーク コース（ブックマークTシャツ） この広報ブログの記事を、はてなブックマークに追加すると応募完了です。 【B】はてなブログ コース（お好きなデザインTシャツ＋ステッカー2種） はてなブログにこの記事のURLを貼って、はてなオリジナルTシャツ2013についての記事を書くと応募完了です。 はてなブログを書く
JavaScript-XPath をリリースしました！さあ、あなたも XPath を使おう！（解説付き） - IT戦記
JavaScript-XPath とは JavaScript-XPath は、 DOM 3 XPath を実装していないブラウザに対して、実用的な速度で動作する DOM 3 XPath のエンジンを追加します。 一言で乱暴に言ってしまえば、どのブラウザでも document.evaluate って関数で XPath 使えるようになるよ！ってことです。 以下が公式サイトになります。 http://coderepos.org/share/wiki/JavaScript-XPath DOM 3 XPath ってなんなの！？ めっちゃ簡単（で、ちょっとだけ適当）なDOM 3 XPath の説明をします＞＜。 JavaScript でよく使う document.getElementById や document.getElementsByTagName って関数ありますよね？ DOM 3 XPath
IE用にTreeWalker.js書いた - TakiTakeの日記
まずは、ぺたり。http://github.com/TakiTake/js/tree/master 使うと、何が嬉しいの？ IEでDOM Traversal関数が使えるので、DOMツリーの探索が容易になります。 XPathとどう違う？ XPathは、条件に合うノードをガッと一気に取ってきます。 TreeWalkerは、DOMツリーを移動しながらノードを取得するので必要なノードだけ取得するのに向いている。 ある要素に子ノードが100個あって、子ノードの50番から60番の間にある特定の子孫ノード取ってきたい！なんてときに使えるのではないかと。 使用例 // FILTER_ACCEPTされたノードがnextNodeととして返る filter = { acceptNode: function (node) { // tという文字を含むテキストノードなら取得 if (node.nodeValue.m
document.createTreeWalkerとArray.prototype.filterとXPathの比較、テキストノードを取得する場合 - 素人がプログラミングを勉強していたブログ
経由でTreeWalkerを知って、速度はどうなんだろうなーと思って調べた。 TreeWalkerについてはMozilla Developer Networkを参考にした。 function getTextNodes (parentNode) { var walker = document.createTreeWalker( parentNode, NodeFilter.SHOW_TEXT, { acceptNode: function() NodeFilter.FILTER_ACCEPT }, false ), textNodes = []; while (walker.nextNode()) textNodes.push(walker.currentNode); return textNodes; } function getTextNodes2 (parentNode) { var
JavaScript イディオム集
JavaScriptでは、初見の人にはさっぱりわからないけれども、ある程度慣れた人は当たり前に使うイディオムが結構たくさんあります。知ってしまえば何てことはないので、私の知っている限りのイディオムとその意味を解説します。 （7/3追記: twitter等で教えていただいた内容を追加しました） +v （数値化） var v = "123"; console.log(+v + 100) // 223 console.log(v + 100) // 123100 vを数値化する方法では最もメジャーです。parseFloat(v) に比べて高速なのに加えて、parseFloatとは細かい挙動が異なります（例えば空文字列の場合、parseFloatならば NaN になりますが、 +v の場合はゼロになります）。必ず数値になることが保証されており、文字列などで数値化出来ない場合はNaNが返ります。 v
OperaでWebフォントを使うと日本語が明朝体になる
タイトルはかなり不正確。Webフォントを使用した場合、そのフォントが持っていないグリフはfont-familyでの指定に従って適切にフォールバックされるべきところだが、Operaでは強制的にserif系のフォントが選択されてしまうというと正確。確認したバージョンは11.60(と11.61)。サブセット化されているためグリフを一部しか持っていない欧文フォントやアイコン・フォントで、持ってないグリフがTimes New Roman等になってしまうということでもあるので、意外に影響範囲は大きそう。 Demo: Opera and Web Fonts デモではJunctionというフォントをWebフォントとして使った。フォーマットによって違う可能性も指摘されたので、TTFとEOT、WOFF、SVGの4つのフォーマットで試している。 .test { font-family: "Junction <f
ネットユーザーに送る「十か条」 - デマこい！
最近、『逆説の十か条』というものを知った。数年前にネット上で大流行したらしい。が、恥ずかしながら私は知らなかった。ネットは広大だ。とてもいい言葉だと感じたので、このブログでも紹介したい。 ◆逆説の十か条とは？ アメリカの行政官僚・講演家であるケント・M・キースが、ハーバード大学在学中に高校生に向けて書いた言葉。マザー・テレサの目に留まり、世界的に有名になった。 1、人は不合理で、わからず屋で、わがままな存在だ。それでもなお、人を愛しなさい。 ネットユーザーは気まぐれで、熱しやすく冷めやすい。ダブルスタンダードなんて当たり前で、平気でウソをつくし人を裏切る。それでもネット上で言葉を発するのなら、そんなネットユーザーを私たちは愛しつづけよう。 2、なにか良いことをすれば、隠された利己的な動機があるはずだと人に責められるだろう。 それでもなお、良いことをしなさい。 ネット上で「いいこと」を書いた
Array.filter の使い方 - hogehoge @teramako
配列の中から必要な要素を抜き取りたい事は良くある。そんな時、filterメソッドが便利だ。 説明がCore JavaScript 1.5 Reference:Global Objects:Array:filter - MDCに載っているが、ちょっと複雑な例が載っていないので理解しにくい。 ちょっと複雑な例ってのはどういうのかというと、用例では要素の値が 10 以上と限定されているが、任意の数値に変えて判定させたい様な場合だ。 var array = [ 7, 8, 9, 10, 11, 12, 8, 20 ]; function isBigEnough( element, index, array ){ return element >= this; } var hoge = array.filter( isBigEnough, 9 ); // hoge = [ 9, 10, 11, 12
WAI-ARIA のランドマーク (Landmark Roles) を設置する | Accessible & Usable
公開日 : 2011年7月12日 (2018年1月20日 更新) カテゴリー : アクセシビリティ 当サイトでは、Web アクセシビリティ向上の一環として、WAI-ARIA の「ランドマーク (Landmark Roles)」をソースコードの中に記述しています。 WAI-ARIA とは、W3C (World Wide Web Consortium) の WAI (Web Accessibility Initiative) という組織が策定した、Web アクセシビリティ向上のための仕様書のひとつです。RIA (Rich Internet Applications) をアクセシブルなものにするための標準仕様がまとめられています (WAI-ARIA の「ARIA」は、「Accessible Rich Internet Applications」の略です)。 この WAI-ARIA、本来は RIA
atpages.jp - このウェブサイトは販売用です！ - atpages リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
「ドラクエ６」が本当に目指したもの（１）バーバラと竜 - かのろぐ（Kanohlogue）
君の名は。 Another Side:Earthbound 新海誠監督の映画『君の名は。』の小説版です。新海監督執筆の『小説 君の名は。』が、映画と同じストーリーラインを追うのに対し、こちらでは、短編集形式で登場人物を掘り下げをしています。「これを読むと映画の内容がすんなり理解できる」と角川の玄人衆から高評価を受けました。リアル書店では見つけにくい本のようなので、取り寄せ等の対処をお勧めします。 いなり、こんこん、恋いろは。 月刊ヤングエース（角川書店）連載中の漫画『いなり、こんこん、恋いろは。』（よしだもろへ）の小説化です。この作品に惚れ込みました。表紙はよしだ先生に描いていただけました。幸せです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML4.01+CSS2.01リファレンス
Google Code Archive - Long-term storage for Google Code Project Hosting.
GitHub - jonathantneal/EventListener: EventListener Polyfill for IE