前回:CSS3 Flexbox 並べ方まとめ 今回は揃え方です。 justify-contentとalign-items、align-self、align-contentをまとめます。 準備 <div id="flex"> <div class="flex-item">A</div> <div class="flex-item">B</div> <div class="flex-item">C</div> <div class="flex-item">D</div> <div class="flex-item">E</div> <div class="flex-item">F</div> <div class="flex-item">G</div> </div> #flex{ background: #55BE2E; display: flex; height: 300px; width:
jQueryやその他ライブラリを使わない、素のJavaScriptでのDOM操作関連をまとめてみました。 要素の検索 //id指定 document.getElementById('id'); //class指定 document.getElementsByClassName('class'); //タグ指定 document.getElementsByTagName('div'); //cssセレクタで指定 document.querySelector('#main .posts h1'); //最初の一つを取得 document.querySelectorAll('a'); //すべて取得 //親要素 element.parentNode; //子要素 element.firstElementChild; //最初の子要素 element.lastElementChild; //最後の
Updated 2015.05.29 / Published 2013.11.21 特定の場所までスクロールしたら要素を表示させたり・動かしたり、またはリサイズに応じてレイアウトを再調整したりなど、JavaScriptではscrollやresizeに応じたイベントが頻繁に用いられますが、これらのイベントは断続的に処理を実行することになるので、制作者の意図せぬ形でユーザ側では負荷の高い処理になっているかもしれません。そこで、ちょっとの工夫だけでこれらのイベントの負荷を抑制できるポイントを紹介します。 スクロール時におけるサンプルコード try { //IE9+, Other Browsers window.addEventListener( 'scroll', sample, false ); } catch (e) { //for IE8- window.attachEvent( 'ons
インド東部コルカタで、レイプ殺人事件に抗議する活動家ら(2018年4月18日撮影、資料写真)。(c)AFP/Dibyangshu SARKAR 【5月5日 AFP】インド東部ジャルカンド(Jharkhand)州で、16歳の少女が男2人にレイプされた翌日、自宅で同じ2人に生きたまま火を付けられ殺害される事件が起きた。警察当局が5日、明らかにした。 地元の警察官によると、少女は、家族が結婚式に出席するため留守中だった3日に自宅から男2人に拉致された後、森林でレイプされた。 少女が拉致され、レイプされたと家族から訴えを受けた地元の村議会は、容疑者の男たちに対して腹筋100回と5万ルピー(約8万円)の罰金を命じた。インドの農村部では、住民が時間と費用のかかる司法制度を利用せず、長老が集まっている村議会に問題の解決を依頼することが多い。 警察によれば、男たちはこの処罰に激怒。AFPの取材に応じた地元
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く