FlexboxとCSS Gridの使い分け方、よく見かけるUIコンポーネントをFlexboxとGridで実装するテクニックのまとめ
FlexboxとCSS Gridのどちらを使った方がよいか悩んだことはありませんか？ FlexboxとCSS Gridの使い分け方、それぞれの違い、Flexboxの実装例、CSS Gridの実装例、FlexboxとCSS Gridを組み合わせた実装例、フォールバックと古いブラウザのサポート方法を解説します。 Grid for layout, Flexbox for components by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS GridとFlexboxの違い CSS GridとFlexboxの使い分け方 CSS Gridの実装例 Flexboxの実装例 CSS GridとFlexboxを組み合わせて使用する フォールバックと古いブラウザのサポート CSS GridまたはF
これはもう使用しない方がいいウェブデザインのトレンド
昔流行ったけど、これはもう使用しない方がいいものや人気がすたれているウェブデザインのトレンドをWeb Design Ledgerから紹介します。 Most Used and Abused Web Design Trends of All Time 以下、その意訳です。 過激な表現も一部あるので、留意ください。 はじめに 鏡面反射 アクア フラリッシュ コーヒーカップ 地球 コミックフォント ストックフォト ペーパー ポラロイド 特大のRSSアイコン 音の自動再生 カウンター マーキー ブラックの背景 スプラッシュページ スキップの無いイントロ ブラックの背景 はじめに トレンドは、ウェブデザインにおける良くないキーワードではありません。実際に、下記のリストのものはその時々でウェブデザイナーを鼓舞させました。これらのアイデアは影響が非常に大きくかったので、大量のクローンが作りだされました。
WordPressのセキュリティをチェックするプラグイン -wp-scanner
wp-scannerは、オンラインでWordPressのセキュリティをチェックするために導入するプラグインです。 下記のキャプチャ画像は、当サイトのものではなく、wp-scannerに掲載してあるキャプチャ画像です。 WordPress Scanner WordPressのセキュリティをチェックするためには、上記ページ(WordPress Scanner)にて、「wp-scanner activator plugin」をダウンロードして、プラグインを導入します。 プラグインを有効にした後、下記のチェックページにURLを入力し、「go」ボタンをクリックすると、WordPressのセキュリティのチェックが始まり、検証結果が表示されます。
ウェブアプリのアイデア出しに -web2.0 generator
web2.0 generatorは、「Generate」ボタンをクリックする(リロードする)毎にweb2.0風サービスを生成するジェネレーターです。
XHTML+CSSにする55の理由
55 Reasons to Design in XHTML-CSSの和訳です。 直訳と意訳が混ざり、かなり読みにくいと思うので、参考までに。 詳細は原文サイトを参照ください。 55 Reasons to Design in XHTML-CSS 17, 55など分からない箇所は、強引に英文を入れてます。 zengarden、stylegala、cssimport、cssbeautyなどのCSSのサイトからリンクされることがあります。 マークアップする際に、余分な考えと時間を費やさなくてすみます。 どのタグが閉じるのか、考える必要がありません。 意味付けを考慮してマークアップをすると、検索エンジンに適切な内容を伝えられます。 回線の帯域を助けることができます、そしてビジターにより軽量なページで速く見せることができるでしょう。 XHTML 2.0に変わる時、より容易にできるでしょう。 テーブルレ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
