タグ 各要素
人気順 5 users 10 users 100 users 500 users 1000 users【シンデレラ】11年分の想い出を詰め込んだ、超大型書籍の制作決定!! ゲーム内の各要素を収録した、まるごと「アイドルマスター シンデレラガールズ」なアイテムです♪
【シンデレラ】11年分の想い出を詰め込んだ、超大型書籍の制作決定!! ゲーム内の各要素を収録した、まるごと「アイドルマスター シンデレラガールズ」なアイテムです♪ プロデューサーの皆さま、こんにちは! ソーシャルゲーム「アイドルマスター シンデレラガールズ」への11年にわたる応援に感謝をこめて、 「アイドル... 続きを読む
配列を征する者はJSを制す。JavaScriptのスマートな配列操作テクニック - ICS MEDIA
JavaScriptでコードを記述する際、配列の各要素について処理をするケースは頻出します。開発の現場で配列操作の処理を見ていると、次のようなケースがよくあります。 filter()やevery()など配列のメソッドで処理を簡潔に書けるのに、forEach()メソッドやfor ... of文の冗長なコードを書いている 書いても意味のないArray... 続きを読む
弊社が限定共有化を行った記事について - Qiita Blog
弊社が2019年12月25日に限定共有化を行った記事につきまして、 限定共有化を行った理由および弊社対応の経緯をご説明いたします。 Qiitaにおいては、技術的な話題を含んでいても他者を攻撃する記事の掲載は、コミュニティガイドラインの趣旨として良しとしていません。 そのため、下記の観点から、各要素を総合的に考慮... 続きを読む
CSSで実装したレイアウトの構造や階層を簡単に確認できる、私のお気に入りのCSSハック -My favorite CSS hack | コリス
flexboxで実装したレイアウトはもちろん、floatでもgridでもCSSで実装したレイアウトの構造や階層を確認できるスタイルシートを紹介します。 ページ上の各要素のサイズ・マージン・パディングなどに不整合がないか簡単に確認でき、スニペットやブックマークレットに登録しておくと便利です。 My favorite CSS hack by Ga... 続きを読む
「ソート」を極める! 〜 なぜソートを学ぶのか 〜 - Qiita
こうした時代の変化により、「どういう場面でどのソートが最強か」という議論の重要性が相対的に下がって来ています。昔は 【Before】 多くの場面では、 クイックソート がよい 要素数が小さいときや、ほとんど整列済みに近いときは、 挿入ソート も有力 要素数が小さくて、省メモリ性や安定性を重視したいときは、 挿入ソート がよい 各要素が整数値であまり大きな絶対値をとらないときは、 計数ソート や 基... 続きを読む
あらゆる要素が噛み合っていない、時代遅れなRPG─「ゼノブレイド2」レビュー | 超ゲームウォーカー!
どこかでボタンを掛け違ったRPGは、遊べば遊ぶほどストレスがたまっていく。ゼノギアスで日本のゲーム史に名を残した高橋哲哉が、最新作ゼノブレイド2で反省すべき点があるとすれば、それは、作り込まれた各要素の「噛み合わせ」につきるだろう。 本作は、ゼノ”ブレイド”の名を冠するブレイドシリーズの3作目である(モノリスソフトのゼノシリーズとしては7作目)。2010年にWii向けに発売された1作目ゼノブレイド... 続きを読む
CSSリセットはこれで決まり!モダンブラウザによる相違を吸収するようカスタマイズされたスタイルシート -ress | コリス
ブラウザごとに異なるHTMLの各要素のスタイルの相違を吸収し、各要素のデフォルトのスタイルが定義されたCSSリセット用のスタイルシートを紹介します。 normalize.cssを最近のWeb制作にあうようカスタマイズされたもので、対応ブラウザはすべてのモダンブラウザ、IEは8+対応です。 ress -GitHub 参考: normalize.cssの特徴とコード 2015年、Web制作者が押さえて... 続きを読む
reset.cssとnormalize.cssに続く新しいリセット用CSS、モバイル対応・最近の実装スタイルを考慮したスタイルシート -sanitize.css | コリス
HTMLの各要素のブラウザごとに異なる差異をなくし、スタイルをリセットするスタイルシート「sanitize.css」を紹介します。 「Normalize.css」の共同開発者:Jonathan Nealの新しいプロジェクトで、最近の実装スタイルにあったアプローチがとられており、スマホなどのモバイルにも対応しています。 sanitize.css sanitize.css -GitHub saniti... 続きを読む
レスポンシブ対応のWebページを制作する時に役立つスクリプトのまとめ | コリス
bodyやページ上の各要素にレスポンシブ用のclassを付与、HTML, CSS, JavaScriptで利用できるブレイクポイントを一元管理、設定したブレイクポイントに応じて最適なサイズの画像を表示・レイアウトの変更など、レスポンシブ対応のWebページを制作する際に役立つスクリプトを紹介します。 Restive.JS Restive.JS -GitHub 表示しているデバイスを自動検出し、bod... 続きを読む
Windows版Firefox 33でクラッシュやハングが多くなったと感じたら - Mozilla Flux
2014-10-14 Windows版Firefox 33でクラッシュやハングが多くなったと感じたら Fx情報 まもなくFirefox 33がリリースされるが、Windows版Firefox 33では、OMTC(Off Main Thread Compositing)と呼ばれる機能が有効化されている(Bug 1074045)。これは、描画の前段階としてWebページ内の各要素から成る複数のレイヤーを... 続きを読む
[JS]使い方は簡単!要素や背景をスクロールに合わせてアニメーションさせるスクリプト -Swift Parallax | コリス
スクロールした際にコンテンツと背景を異なるタイミングで移動させたり、スクロールすると各要素をさまざまなアニメーションで表示させたりなど、スクロールに合わせて要素や背景をアニメーションさせるjQueryのプラグインを紹介します。 Swift Parallax Swift Parallaxのデモ Swift Parallaxの使い方 Swift Parallaxのデモ ページ自体がスクリプトのデモにな... 続きを読む
[JS]デモがめちゃ楽しい!jQuery不要でスクロールにあわせて要素をアニメーションで表示するスクリプト -WOW.js | コリス
ページを表示した時やスクロールした時など、ページ上の要素がビューポートに表示された時に各要素にさまざまなアニメーションをセットする超軽量(3KB)スクリプトを紹介します。 上から左から右からスライドさせたり、タイミングをずらして順番に表示したり、さまざまな設定を簡単に実装できます。 WOW.js WOW.js -GitHub WOW.jsのデモ WOW.jsの使い方 WOW.jsのデモ デモでは上... 続きを読む
[JS]Appleのプロダクトページのように、スクロール時に各要素をさまざまなアニメーションで表示させるスクリプト -scrollReveal.js | コリス
スクロールすると商品写真がアニメーションでスライド表示するAppleのプロダクトページのように、スクロールした時、ロードした時など、ページ内の要素がビューポートに表示した時に、各要素それぞれをさまざまなアニメーションで表示させることができる単体のスクリプトを紹介します。 scrollReveal.js scrollReveal.js -GitHub scrollReveal.jsのデモ scrol... 続きを読む
Sass 3.3の新しいデータ型: マップ - Weblog - hail2u.net
SassConfに合わせたのか、Sassの3.3 RC.1が出た。これで3.3での追加機能も固まったようなので、CHANGELOGをちゃんと読んだところ、1ヶ月ほど前に取り込まれていた新しいデータ型であるマップについてもちゃんと入っていた。マップは、いわゆるハッシュとか連想配列とかいう名前で呼ばれるもの。 マップの書き方はリストとほとんど同じで、リストの各要素にコロン(:)区切りでキーと値をワンセ... 続きを読む
HTML5の基本を学べる、各要素のコメントでの解説が嬉しいシンプルなテンプレート -HTML5 Bones | コリス
ゼロからあなた自身のページを作る時のガイドとして利用されることを目的とし、最小限の要素で構成されたHTML5の基本に忠実に作成したテンプレートを紹介します。 HTML5 Bones HTML5 Bones -GitHub HTML5 Bonesの構成 HTML5 Bonesは非常にシンプルで、jQuery, Modernizeなどは含まれていません。含まれている外部のライブラリは、クロスブラウザ用... 続きを読む
XHTML1.0とHTML5のコードを比較してアウトラインを確認してみよう【MdN連載第11回目】 | HTML5でサイトをつくろう
前回の記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行いました。 HTML5から追加された新要素の使い方を確認してみよう【MdN連載第10回目】 今回はxhtmlとHTML5のコードのアウトラインを確認しながら、各要素のアウトラインについてみてみたいと思います。 アウトラインにつきましてはこちらの記事で説明してあります。 HTML5の「... 続きを読む
HTML5で誤用されがちな各要素の正しい使い方 | コリス
HTML5はXHTML1.0やHTML4を継承しつつ、使い方が大きく変わった点もあります。 よく利用されるHTML5の各要素の誤用されがちな例とそれを正しく適切に使う方法を紹介します。 下記は各ポイントを意訳したものです。 <br>の誤用 <br>の間違った使い方 <br>のよくある誤用は、コンテンツ間にスペースをつくるために使用することです。 これはWYSIWYGエディタで作成するとよく起きる現... 続きを読む
これだけは覚えておきたい!Facebookの「エッジランク」の3要素と、各要素の優先順位:ガイアックスソーシャルメディア ラボ/Facebook・twitterの企業利用法についての研究機関
2011年08月01日23:51 カテゴリfacebook運用 これだけは覚えておきたい!Facebookの「エッジランク」の3要素と、各要素の優先順位 Tweet Linear Programming / Lambroso 「Facebook活用の要諦の1つは『エッジランク』だ!!」 そんなお話と共に以下のようなスライドが良く紹介されるかと思います。 このブログでも、知らないと損する「Faceb... 続きを読む
ワイヤーフレームに使える素材いろいろ | DesignWalker
以前、このブログでご紹介した「ウェブサイトの設計図 ワイヤーフレームを活用しよう」 ウェブサイトをデザインする前に、用意すると、とっても便利なワイヤーフレーム。 ページの各要素をレイアウトして、デザイン制作をスムーズに行うことが出来ます。 今回は、そんなワイヤーフレームに使える素材をいろいろとまとめてみました。 Design Stencils – Design Pattern Library – ... 続きを読む
[CSS]初心者にも分かりやすいスタイルシートのチュートリアル | コリス
スタイルシートの初心者にも分かりやすく、各要素に的確なマークアップを行い、ワイヤーフレームをビジュアル化するチュートリアルをSoh Tanakaから紹介します。 Styling Post Headings That Stick Out demo下記のチュートリアルでは、見出し、日付、カテゴリ、タグを含むブログのヘッダをステップに分けて実装していきます。Step 1. Wireframe – HTM... 続きを読む
1ランク上のブログにステップアップするためのアドバイス | コリス
1ランク上のブログにするために、ヘッダ、コンテンツ エリア、ナビゲーション、見出し、コメント、フッタ、広告など各要素をステップアップするポイントをBlog Designから紹介します。 How to Blog Design Style Guide ヘッダ コンテンツ エリア プライマリ ナビゲーション セカンダリ ナビゲーション ヘッドライン コメント 記事のフッタ フッタ 広告 ヘッダ ヘッダは... 続きを読む
PHPのsort関数は相当おかしい - hnwの日記
オヤジギャグがこらえられなくなったら立派なオヤジだと思います。それはさておき、今日はPHPのsort関数が不思議な挙動をする例を紹介します。 sort関数の紹介sort ― 配列をソートする 説明bool sort ( array &$array [, int $sort_flags= SORT_REGULAR ] ) この関数は配列をソートします。この関数が正常に終了すると、 各要素は低位から高... 続きを読む
HTTPの通信状況をデバッグしてボトルネックを発見できる「HttpWatch Basic Edition」 - GIGAZINE
Windows XP/Vista/2003/2008 Server上のInternet Explorer 6/7/8 Beta 2、Mozilla Firefox 2.0/3.0/3.1 Beta 2で動作するフリーソフトで、HTTP/HTTPSのリクエストヘッダ表示、HTTPの圧縮率表示、ページ内の各要素の読み込み時間のチャート化、ステータスコードやレスポンスサイズの表示、フィルタリング、さらに... 続きを読む
デフォルトスタイルの差異を無くすCSS
2007-01-30更新 Yahoo UI Fonts CSS使用時の各要素のフォントサイズを変更する際の注意点を追加しました。 defalut.cssちょっとだけ修正 2007-01-18 更新 記事の内容も古くなり、Yahoo Libraryなどがでて更に差異を減らすことが簡単になったことから、これを利用し、スタイルも簡潔にシンプルに記述しなおしましました。前よりも使いやすくなったはずです。前... 続きを読む