【Javascript】querySelector、querySelectorAll（CSSセレクタで要素取得） XPath好きならdocument.evaluate、CSSセレクタ好きならelement.querySelector、element.querySelectorAll。 こんなことできます document.querySelector('#sample') // → id="sample"の要素を取得 document.querySelectorAll('input') // → input要素を全部取得 document.querySelectorAll("input[type='checkbox']") // → チェックボックスを全部取得 document.querySelectorAll('#xyz > .abc') // → id="xyz" 直下の class="

これはかなり重宝するのではないでしょうか。 日本の人物写真素材が無料で商用OK,更に クレジット表記やリンクも不要のサイト・モデル ピース。人物写真は基本的にどれも有料か、 あっても日本人ではなかったりですが、こちら は無料ですし、国産のサービスなのでモデル さんはみんな日本人です。 お友達のまさとさん(@makavelicom)に教えてもらいました。ご紹介するモデルピース以外にもいろいろまとめられてるのでチェックしてみてください [note]激安で日本的な写真素材、レンポジサイト一覧[/note] 無料・商用OK・リンクもクレジット表記も不要で解像度も高いです。こんないいサイトがあったとは知りませんでした。足成とは別の選択肢としてかなり重宝しそうです。 日本人の人物写真を専門に扱っていて、無料ながら商用OK、リンクもクレジットも不要とのこと。ありがたい。 数もかなり豊富 数が少ないかと思

アジャイル開発手法としてもっともよく使われている「スクラム」の工程を1枚のイラストで説明した資料が、ブログRyuzee.comのエントリ「[Agile]Scrumの流れをイラスト1枚で説明した資料」で紹介されていました。 とても分かりやすいイラストでしたので、Publickeyでも紹介させていただきます（大きな画像はこちら）。 日本語の文字が少し小さかったので、あらためて僕の方で日本語を当てはめてみました。もしも変な訳だと感じた方がいましたらアドバイスなどいただければと思います。 このイラストのオリジナルとなったのが、ブログThe Critical Path by Derek Huetherにポストされた「Free Intro To Scrum Wallpaper」です。この記事ではもう1つ、スクラムの工程を別のイラストで紹介したものがあるので、そちらも日本語化してみました（大きな画像はこ

バージョン2.0サイズ9.78 KB最終更新日5年前 (2019年5月13日)関連カテゴリー無地ライセンスCreative Commons 表示-継承 3.0バージョン履歴すべてのバージョンを見る

公開日 : 2010年6月6日 (2021年2月2日 更新) カテゴリー : アクセシビリティ 最近、プログレッシブエンハンスメント（Progressive Enhancement）という言葉をよく目にするようになりました。Webユーザーの増加、ユーザーの閲覧環境の多様化（パソコンだけでなく、携帯電話やスマートフォン、支援技術など）、ユーザーの抱える身体的状況の多様化（障害、加齢、怪我、など）、といった背景を踏まえて、より幅広く、多くの人が情報にアクセスできるようにすることを目指したWebサイトの開発理念です（Webアクセシビリティを実現するための技術的方法論のひとつとも言えますね）。以下、簡単にご紹介したいと思います。 基本的な考えかた あらゆるユーザーに対して、基本的な体験ができるようにします（たとえば、そのサイトが伝えたい情報には、どんな閲覧環境下にいるユーザーでもちゃんと到達できる

Scrum is defined completely in the Scrum Guide by Ken Schwaber and Jeff Sutherland, the originators of Scrum.  The Scrum Guide is maintained independently of any company or vendor and therefore lives on a brand neutral site.  The Scrum Guide is translated and available in over 30 languages.  You can read and download the Scrum Guide here.  This site contains both the 2020 and 2017 versions of the

Subversionにはクライアントだけっていうパッケージが無くて、 インストールするのにaprだsqliteだアレやコレやしなきゃいけなくて毛嫌いしてたのですが、 ググってたら何やら意味深なブログエントリをみつけました↓ 2010-05-16 さくらインターネットにsvnをいれる(http://d.hatena.ne.jp/z_u_m_i/20100516/1274036773) どうせなら最新版ってことで、subversion-deps-1.6.16.tar.gzを Subversionのページから落としてきて解凍してlsしてみると、、 apr apr-util neon serf sqlite-amalgamation zlib よさげじゃないですか、、と。 ってことで、本体もwgetで取ってきてtarで解凍して ＃ 両方subversion-1.6.16ディレクトリに解凍される。

MVCの典型的な相関図 Model-View-Controller (MVC、モデル・ビュー・コントローラ) はUIを持つソフトウェアに適用されるソフトウェアアーキテクチャの一種である。 MVCはソフトウェアを処理/Model・表示/View・入力伝達/Controllerの3要素に分割し、ソフトウェア内部データをユーザーが直接参照・編集する情報から分離する。プレゼンテーション（View・Controller）とドメイン（Model）を分離しまたユーザー入力（Controller）と表示（View）も分離することでソフトウェアの保守性・開発生産性を向上させる。 1979年: パロアルト研究所にてトリグヴェ・リーンスカウクが考案[1][2]。長い間、Smalltalk-80の実装のみが公開され、MVCに関する公開情報はなかった 1988年: 最初の論文「A Cookbook for Usin

本ドキュメントに関する注意事項​ 本ドキュメントははてなブックマークにおけるエントリー情報を取得するAPI実装を解説するものです。 API使用の解説​ https://b.hatena.ne.jp/entry/json/任意のURL (この任意のURL では # を %23 にエスケープする必要があります) を GET リクエストで送信することにより、JSON 形式でデータを取得することができます。 例:) https://b.hatena.ne.jp/entry/json/http://www.hatena.ne.jp/ 例:) https://b.hatena.ne.jp/entry/json/?url=http%3A%2F%2Fwww.hatena.ne.jp%2F また https://b.hatena.ne.jp/entry/json/ に対し、以下のクエリーパラメータを GET

おはようございます。コードリーディング第三回です。 これからエレメント操作系のコードを読んでいきたいのですが、そのための準備として、セレクタを引数にしてjQueryオブジェクトを構築したとき何が起こるか見ていきたいと思います。 セレクタの解釈にはSizzleというエンジンが使用されているようですが、今回はあまり深くは追いません。「セレクタを渡した場合どのようなオブジェクトが返ってくるのか」を理解することを目的とします。 対象 jQuery 1.5.0 これまでのエントリ 配列、each 初期化、extend 今回読むコード $('a') 記述ルール 今回から、jQuery本体のコメントと区別するため、筆者が追加したコメントは//# の形式で記述します。 //# 筆者が追加したコメント // 元からついていたコメント function foo() { } クエリセレクタをざっと読んでみる $

前回は配列およびeachについて読んでいきました。 今回は、前回軽く触れたjQueryの初期化について詳しく見ていきたいと思います(クエリセレクタ/エレメント操作まわりの話はまた今度)。 対象 jQuery 1.5.0 よんでみよう jQueryのソースは、外側をfunctionで囲まれています。 (function( window, undefined ) { // さまざまな初期化 // ... })(window); このfunctionはwindowとundefinedという二つの引数を取っています。 javascriptのundefinedというのは未定義の値を表現するのに使われていますが、有名な話として、これは定数や予約語ではありません。 var undefined="hello"; alert(undefined); // "hello" このように、ユーザが同名の変数を定義

[追記] テストのソースだけを見られる様に、gistに張りました。 gist:542451 localStorageを使ってちょっとやってみたいことが有るので、まずはlocalStorageを色々使って見ようと思ったのですが、思った以上にブラウザごとの挙動に差があって、イベントどころかだだ値を取り出すだけでも、色々気をつける必要があることが分かりました。 以下は、手元の Mac に有った FireFox 3.6.8 Chrome 5.0.375.126 Sagari 5.0 (6533.16) の環境で試した結果です。 格納出来るデータ W3Cの仕様ではJSのオブジェクトであれば一通り格納出来るように定めているらしいですが、現在は単なる文字列しか入らない物が多いようです。 なので、オブジェクトを格納するためには、JSONをシリアライズして入れる形になると思います。 Native JSON

Freelancers and entrepreneurs use about.me to grow their audience and get more clients.

4コマ（時に3コマ）のハリネズミくんシリーズ。テキストをタイプしていましたが（読みにくいかもしれませ...

2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。 この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。 ぜひ、ご自身のサイトの改善に役立てていただければと思います。 そもそも、なぜサイトの表示速度を速くする必要があるのか？ 例えば、Amazonの調査によると「表示速度が0.1秒遅くなると、売上が1％減少する」といい、Googleの調査によると「表示速度が0.5秒遅くなると、検索数が20％減少する」と言われます。 また、GoogleはWebページの読み込み速度をアルゴリズムに取り入れたことを発表しています。 大手サイトや大規模なECサイトに限らず

例えば :open twitter teramako とすると Big Sky :: vimperatorが最強になった日 すごい、ラブコールを送られたので返答しますよ。 ところで、vimperator使ってると稀にパススルーモードが外れてしまい、「Google Readerでキーバインドが効かなくなった」とか「LivedoorReaderで上手く動かなくなった」って事になったりします。 私の場合、以下の様にキーマップして回避しています。 noremap <c-i> :js modes.passAllKeys = true<cr> ただ、これを使ってて気づいたのですがどうやらvimperatorの補完はmapで実行する「:ex」コマンドにも反応してる臭い。これはいずれ直るかと思うけど気になる様だったらパッチを送ってみよう。とりあえずは、mapで実行するんじゃなくてaddUserMap使って

Firefox 3 の正式版が出たので、閲覧用のプロファイルにインストールする拡張・プラグインを整理したのでメモ。 すっかり Vimperator に馴染んだためにいらなくなった拡張（Make Link, FireGestures など）を捨てて最小限の構成になりすっきりしました。FF3 の高速レンダリングと相まって最速ブラウジングが可能になりました。 なお、これは閲覧用なので Firebug とか Web Developer などの開発用ツールは入ってないです。 Vimperator 1.2pre_2008-06-21 メイン。もはや Firefox ではなくて Vimperator。 正式版のバージョンは 1.1 だが、最新の機能を使うため、デイリービルドからベータ版をインストール。 使用中の Vimperator プラグイン。 autoIgnoreKey.js copy.js dir

ペーパーマンは紙で出来たキャラクターで戦う新感覚オンライン対戦ゲーム！！

The definitive way to test the speed and performance of your internet connection. SpeedSmart is a internet speed test that works accurately across any devices with a web browser, from desktops and laptops to phones and tablets. SpeedSmart is an HTML5 speed test, our exclusive testing method and worldwide dedicated server network ensure you get an accurate result of your broadband or mobile interne

なんかDropboxがゲームやってます。@azur256さんのとこで見つけました。（最近, 気になったこと…: Dropbox Quest 2011が始まっています） Dropquest 2011 – Step 1 Dropboxが期間限定で容量1GB増えるゲームを実施中 | goryugo, addicted to Evernote Dropboxが容量を1GB増やすことができるキャンペーンというかゲーム「Dropquest 2011」を実施しているようです。サクッとクリアしようと思って挑戦してみたんですけど、このゲームの難易度がハンパじゃない。 結局、このDropquest攻略ページを頼りにクリアしましたが、英語なので読みづらかったなぁ･･･。 ということで、これからDropquestに挑む人のためにDropquest攻略ガイド（日本語版）を作ってみました。コレを参考にしてサクッとクリ

サービスの特長 「ネットで年賀状」は、 挨拶状づくりをサポートする 便利な機能やサービスを 多数ご用意しています。

一休コンシェルジュ 一休コンシェルジュ編集部も行きたくなった！2024年開業の注目ホテル・旅館・バケーションレンタル6選 詳しくみる

article article 要素は、文書、ページまたはサイトの独立したパートを形成する構成からなるページの一つのセクションを表現している。これは、フォーラムにポストされたもの、雑誌や新聞記事、ウェブログのエントリ、ユーザが投稿したコメント、その他、コンテンツの独立したあらゆる項目があてはまる。 article 要素は、例えば、独立放送番組のように内容が単独で成立するという意味で、独立している。 article 要素が入れ子になる場合は、内側の article 要素は原理的に、外側の article の内容と関連している。例えば、ユーザ投稿のコメントを許すサイトのウェブログのエントリは、ウェブログのエントリの article要素の中に入れ子になっているコメントの article 要素を表現している。 article 要素に紐付く著者情報(address 要素参照)には、入れ子の arti

コミPo! は「すべての人にマンガ表現を」という思いから生まれた「3Dキャラで組み立てる、マンガデザインツール」です。マンガ・広告・ポスターの他、難しい解説書もコミPo! ならマンガ表現でわかりやすく伝えられます。 もっと読む > コミPo! の活用事例をご紹介！ はじめてのX-M1 & X-A1 (富士フイルム イメージングシステムズ株式会社) 「日本語能力試験」対策アプリ (株式会社ワオ・コーポレーション) もっと読む >

“　もし、貴方が痴漢恐喝女に嫌疑をかけられ、駅員に引き渡されそうになったら・・・ ★駅員「痴漢ですか？事務室で事情を聞きましょうか？」 ○貴方（身分証を提示、名刺を渡す） 「私は痴漢ではありませんし、住所・氏名を明らかにしました。 刑事訴訟法217条により、私を現行犯逮捕することは違法です。」 ※刑訴法第217条[軽微事件と現行犯逮捕] 三十万円（刑法、暴力行為等処罰に関する法律及び経済関係罰則の整備に関する 法律の罪以外の罪については、当分の間、二万円）以下の罰金、拘留又は科料に当たる 罪の現行犯については、犯人の住居若しくは氏名が明らかでない場合又は犯人が逃亡する おそれがある場合に限り、第二百十三条から前条までの規定を適用する。 (身元を明らかにしている人間は現行犯逮捕できない。） ★駅員「いいから、話を聞くだけですから来て下さい！」 ○貴方「それは任意ですよね？でしたらお断りします

TOP デザイン一覧 グラデーション テキストのみ テキスト非画像 上線 下線 丸 四角 囲み線 斜線 未分類 点線 角丸 はてなブックマーク ツイートする シェアする 他のギャラリー ファビコンギャラリー フッターデザイン ウェブコレクション このサイトについて いろんなWEBサイトの見出し部分を集めました。デザインの参考に。掲載サイトがリニューアルした場合はご紹介の見出しが使用されていない場合があります。 連絡先：manage.hp+midashi@gmail.com copyright © midashi-design.com All Rights Reserved.

The Internet's Original Picture Resizing Tool Easily crop, resize, and edit your images online for FREE at PicResize. 284,580,199 pictures served!

Fractal Photoshop brushes looks elegant and is attractive to look at. They look unique, and one can look at them in a lot of different perspectives. Fractals are also used as Photoshop brushes for designs and images, adding abstract element and depth to it. Here, we are featuring 30 Best Fractal Photoshop Brush Sets which is free for you to download. So try out our collection of free fractal brush

Icon sets 50x larger than the industry average.Drawn in-house by a team of 8 icon designers.Stop wasting hours blending mismatched icons.

CSS (Cascading Style Sheet) is a style sheet language used by website developers in creating website styles and layouts. Up to present, CSS continues to prove its worth and usefulness in web development. Today, CSS3 gives you wonderful new features which are mostly compatible for cross browser usability and may give web development a new look. These features include new options for border styles,

Captcha security check the389.com is for sale Please prove you're not a robot View Price Processing

誰でも作れる！ “崩れない”HTMLメルマガ作成術：一撃デザインの種明かし（12）（1/4 ページ） キレイなHTMLメールを作るコツ/Tips盛りだくさん！ ECサイトはもちろん、企業サイトのニュースなど、いまなおプッシュ型の情報配信として支持されるメールマガジン。一時のフィードリーダーの盛り上がりもあり、以前に比べると落ち着きましたが、まだまだメールマガジンの効果は侮れません。 今回は、そんなメールマガジンの中でも、表現力豊かなHTMLメルマガの作り方について、徹底解説します！ 「HTML」自体は、それほど難しくないが…… 「HTML」というマークアップ言語自体はプログラム言語に比べると手が出しやすいので、Webを仕事としていない方でも触れた経験をお持ちの方はいらっしゃるのではないでしょうか？ そういう人にとっては、HTML言語自体はそれほど難しくないと思います。 しかし、そのHTML

While virtual business cards are becoming a viable alternative to paper cards, there is still a huge demand for traditional business cards. When you meet someone, it is very unlikely that they will first ask to bump, DUB or get LinkedIn. Instead, as your meeting comes to an end, you'll find yourself searching around in your pockets, bag or wallet for your trusty paper business card. While the trad

Track: Jimmy Page | Harmony Sovereign | Rhythm Guitar - Acoustic Guitar (steel)

Ultimate Guide to Business Cards: Infographics and Other Resources

Ultimate Guide to Business Cards: Infographics and Other Resources

It’s a no brainer that business must have an online presence. The role of a web design and development company is to guide you this the transition. They help you set up your presence from scratch and some will show you how to maintain it while you can pay others to maintain it for you. There’s definitely a big difference between good and best. It is safe to say that most design companies fall unde

May 10th, 2010 Tutorials An collection of design tutorials which will guide you through the process of creating your very own business card, including showing you how to bleed a business card in order for it to be ready for print. A wide collection of tutorials which I’m more than certain that will teach you everything which you need to know about preparing business cards for print as well as crea

SplitShowはMac OSX用のオープンソース・ソフトウェア。最近PDFを使ってプレゼンをする人が増えている。終わったらそのまま配布できるし、様々なデバイスに対応しているので見せるのも容易だ。テキストと違って表現力が高いのも魅力だ。 ノートをサブモニタに そんなPDFプレゼンの難点としては、説明用のメモを残しておけないことだろう。プレゼンターとしては言い残しがないようにやはり説明用のメモ欄が欲しいところだ。そんなPDFプレゼンをサポートしてくれるのがSplitShowだ。 SplitShowは特殊なPDFを使い、メインモニタとサブモニタとで異なるページを表示する。どんなPDFでも良いという訳ではなく、専用のLaTeXクラスBEAMERで作成、変換したPDFに対応するようだ。そんなPDFをSplitShowを使ってプレゼンテーションするのだ。 それぞれのモニタに別な情報を流す 表示する

Design Your Way is a brand owned by SBC Design Net SRL Str. Caminului 30, Bl D3, Sc A Bucharest, Romania Registration number RO32743054 But you’ll also find us on Blvd. Ion Mihalache 15-17 at Mindspace Victoriei contact@designyourway.net

ドットインストール代表のライフハックブログ

来年も作りたい！ふきのとう料理を満喫した　2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…

Photoshop boasts many impressive and exciting features, and in recent years they have introduced some amazing new features, like vector layers, Content Aware Patch/Move tool, Adaptive Wide Angle filter, Crop tool, and so much more. Adobe has not tried to replace Illustrator, but if you need creative, simple shapes for use in design projects, then Vector Layers of Photoshop can do a superb job with

20 Trending Footer Design Examples To Help You Design Your Own When you begin a new website project, it is quite obvious that you put in the maximum effort on the header and the homepage of the website. The footer design, as the consequence, is often ignored and made to act like a junk pile where information like privacy policy, SEO links and other such less important content is showcased. However

AI技術を活用したReadSpeakerは グローバル基準の最高品質音声合成ツールです。 45以上の多言語で、肉声のように 感情豊かなAI音声がどなたでも作成可能です。

高速化Tipsには、実践的に役立つものも多々ありますが、実際的にはほとんど役に立たないものも含まれていることが多いです。 知識として「ふーん」という以上には役立たないTipsの、PHPにおける最右翼はこのechoとprintの速度差問題ではないでしょうか。前回挙げたでも、公開当初はあったものの、後に消されたエントリの1つです。 Smartyなどのレンダリングエンジンに慣れていれば、そもそもデバッグ時以外では使わない場合も多いこのステートメントの「速度差」が、果たしてどの程度のものなのかを確かめてみます。 大きな文字列を出力 1Mほどの大きな文字列を出力させてみます。 $s = str_repeat('x', 1024 * 1024); echo $s."\n"; print $s."\n"; print $s."\n"; echo $s."\n"; 実行順序で結果が変わることがあるので、2

I think I’m going to stop using Keynote & Powerpoint forever. At Viget, we get the opportunity to present a topic to the rest of the company; we call them Lab Shares. This gives us all the chance to work on our presentation skills and to help educate others. I’m giving my presentation next week and will talk about CSS3 transforms and transitions. Obviously, I will be providing a lot of code sample

WDD staff are proud to be able to bring you this daily blog about web design and development. If there’s something you think we should be talking about let us know @DesignerDepot.

“I’m a huge fan of Carbonmade’s unique and dynamic design sense”

はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

html5で videoの任意のフレームをcanvasに描画するメモ - 超自己満足プログラミング http://d.hatena.ne.jp/favril/20100225/1267099197 昨日この記事を見て、これはすごい！　すごいすごい！　ってなって、これができるんならWebブラウザだけで動画編集できるんじゃね？　と思ったりしたので、ざっくり作ってみました。 http://yanagiatool.appspot.com/jsvideo/player.html　（MacのSafari4で動作確認。QuickTime + ChromeならWindowsでもいけるかも？） あそびかた 「動画を読み込む」ボタンを押すと、テキストボックスに入ってるurlの動画を読み込みます。「state」って書いてあるところが「stand by」になったら「再生 / 停止」ボタンを押してください。 あとは

こんにちは！ 映画・海外ドラマ大好きな主婦Mです。 皆さん、最近映画観てますか？私は主婦になってから、映画館に行く機会がほとんど減ってしまいました。 そもそも映画を1本観るのに1800円って高すぎますよね・・！ そんな私は流行りの動画配信サービスを利用しています。 月額数百円で家計にも響かないし、家でゆっくり観れるし最高♪ でも最近何か足りないと思うようになってきました。 そう、映画のお供であるポップコーンです。 ＞＞自宅で映画を観る時に！本格ハワイアンポップコーンの詳細＆体験談はこちら   市 ... ?友達を自宅に招待して開催するホームパーティーって憧れますよね！ 家庭を持つと、独身時代とは違って家族単位での付き合いが増えるもの。 子どもがいたりすると、気軽にレストランで友人たちとお食事・・ ってわけにもいかないものです。 そうなるとやっぱりお互いの自宅に招く、ホームパーティーが一番。

米Microsoftは1月3日（現地時間）、同社の旧版Webブラウザ「Internet Explorer（IE）6」の米国でのシェアが2011年12月に1％を切ったと発表した。 同社は、セキュリティ上の問題回避や開発者への負担軽減を目的に、IE 6からIE 8あるいはIE 9へのアップデートをユーザーに呼び掛けており、昨年3月にIE 6終了促進のカウントダウンサイトを立ち上げた。 このサイトには米調査会社Net Applicationsの最新データに基づくIE 6のシェア分布図が掲載されており、Microsoftは新たに1％を切る国が増えるごとに“お祝い”をしている。 米国は、オーストリア、ポーランド、スウェーデン、デンマーク、フィンランドに続く6番目の“1％切り”国になった。同月には、チェコ、メキシコ、ウクライナ、ポルトガル、フィリピンも1％を切っている。 日本の12月のIE 6のシェア