CSSの進化がすごい！レスポンシブ対応の六角形のヘキサゴン レイアウトを簡単に実装できるスタイルシート
シンプルなHTMLで、レスポンシブ対応の六角形のヘキサゴン レイアウトを簡単に実装できるスタイルシートを紹介します。 JavaScriptは完全に不要で、CSS Gridを使用してdiv要素にclassを付与するだけで実装できます。 Hexi-Flexi Grid Hexi-Flexi Grid -GitHub Hexi-Flexi Gridの特徴 Hexi-Flexi Gridのデモ Hexi-Flexi Gridの使い方 Hexi-Flexi Gridの特徴 JavaScriptは必要なし、CSSのみで実装。 六角形のアイテムの高さ・幅、列・行は自由に設定。 セル、列、行のモジュラー形式。 背景画像を自動入力する機能をサポート。 サポートブラウザ CSS Gridで実装するため、サポートブラウザは下記の通りです。 Firefox 56+ Chrome 61+ Safari 10.1+
[CSS]シンプルなHTMLで実装できる！パネルの背景画像だけをズームさせるテクニック
パネルをホバーすると画像だけがズームするエフェクト、最近のWebサイトでよく見かけますよね。 実装方法はいろいろありますが、JavaScriptを使わず、シンプルなHTMLで実装するCSSのテクニックを紹介します。 Zooming Background Images 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 私はクライアントに、下記のサイトで使っているエフェクトを使いたい、と頼まれました。 Fitbit このエフェクトはパネルをホバーすると、背景画像をズームさせ、クリック・タップすると詳細情報にリンクします。ポートフォリオなどのサイトでよく見かけ、ビジュアル面と情報の詳細を見せる両方で効果的です。 実装には多くの方法があります このエフェクトを実現するには、多くの異なる方法があります。 一つの選択肢として、jQueryのプ
![[CSS]シンプルなHTMLで実装できる！パネルの背景画像だけをズームさせるテクニック](https://cdn-ak-scissors.b.st-hatena.com/image/square/ef43b70cc6a162f1c12009ce51de6ba83db49b86/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201603%2F2016081602.gif)
東京大学 講義 UT OpenCourseWare
東京大学の講義や公開講座の映像・音声をポッドキャストでもお楽しみいただけます。東京大学が誇る「世界の叡智」をいつでも、どこでも、より多くの方々に体験していただきたいと考えています。 MIMA Search とは、UT OCW、MIT OCWに公開されている各授業のシラバスの関係を構造的に見ることができる検索システムです。MIMA Searchは、シラバスに含まれている各種の情報をもとに、検索結果を「点」と「線」でネットワーク表現します。
東京大学 講義 Global Focus on Knowledge UT OpenCourseWare
東京大学の講義や公開講座の映像・音声をポッドキャストでもお楽しみいただけます。東京大学が誇る「世界の叡智」をいつでも、どこでも、より多くの方々に体験していただきたいと考えています。 MIMA Search とは、UT OCW、MIT OCWに公開されている各授業のシラバスの関係を構造的に見ることができる検索システムです。MIMA Searchは、シラバスに含まれている各種の情報をもとに、検索結果を「点」と「線」でネットワーク表現します。
5分で絶対に分かるモデリング
0分 モデリングは情報を正確・確実に伝えるためのもの システム開発を行う上で最も避けなければならないのは、ビジネスの要求にそぐわないシステムを作ってしまうことです。これを避けるためには、ビジネスプロセスを分かりやすく可視化する必要があります。そこで求められるのが、ビジネスの骨子を見極めて単純化することです。この単純化したものを「モデル」と呼び、単純化したものを分かりやすく表現することを「モデリング」と呼びます。 ポイントは単純化する際の視点です。例えば飛行機の模型を例に取れば、プラモデルの場合、エンジンなど中身の情報はなくても問題はありませんが、外観の情報は不可欠です。一方、実際に飛ぶ模型飛行機を作る場合、外観よりも、飛ばすための機能や設計を重視することになります。しかしいずれも本物の飛行機とまったく同じ情報は必要ありません。このように、“単純化する目的”に応じた視点から、必要な情報のみを
”通る企画書”を作るためのテクニック・ヒント
説得力のある提案資料作成のすすめ - lived... / 企画書の「表紙」の作り方 - livedoor ... / ASCII.jp：これぞ完璧企画書――「1枚企画...他...全9件
同人用語の基礎知識 同人誌とおたくの世界へヨウコソ
たぶんとっても素晴らしい、オタクや 腐女子やコミケや同人誌の世界へようこそ 同人用語の基礎知識は、同人サークルが運営する同人初心者向け同人用語集です…同人誌・オタク用語や腐女子用語、萌え用語、アキバ系やＢＬ系の専門用語、ネットスラングをやさしく解説しています。 2022年冬のコミックマーケット （C101） お疲れさまでした 冬のコミックマーケット （C101） が12月30日 （金）～31日 （土） の日程で開催され無事終了しました。 引き続き一般参加にチケットが必要な変則的な冬コミでしたが、好天にも恵まれ、コミケらしいコミケがだいぶ戻ってきました。 新型コロナ関係も先行き不透明ですが、当日ぶらりと参加できる仕組みの復活など、少しでも元通りのコミケになるといいですね。 参加された皆さま、運営さんスタッフさん、本当にお疲れ様でした。 コミックマーケット100 （C100） 開催＆お疲れ様で
文体診断ロゴーン
文体診断λόγων（ロゴーン） 以下に文章を入力していただくと、名文の中から類似の文体を探し出します。 また、文章の表現力や読みやすさを評価します。入力の上限は5000字です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本語文章校正ツール - フリーで使える表現チェック・文字校正支援Webツール
HTML5とCSS3を使ってスマートフォン向けサイトを構築 － iPhone版Yahoo!JAPANトップの開発事例紹介
新着記事