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+
新しいものが大好きなグッドパッチで6月に話題になったアプリ、サービス、デザインまとめ（2013） | Goodpatch Blog
6月も終わりに近づいてきました。今月もGoodpatch社内で共有された新しくておもしろいデザインやアプリ、Webサービスをご紹介します！今月はiOS 7が発表されて大きな話題となりましたね。弊社でもベータ版をインストールし、いち早くAppleのフラットデザインを研究しています。ほかにもVineに対抗してか、Instagramでも動画が撮れるようになりました。 今月もおもしろいWebサイトやアプリが沢山共有されたのでぜひチェックしてみてください！ 5月のまとめ→ 「新しいものが大好きなグッドパッチで5月に話題になったアプリ、サービス、デザインまとめ」 4月のまとめ→ 「新しいものが大好きなグッドパッチで4月に話題になったアプリ、サービス、デザインまとめ」 VSCO CAM | Visual Supply Co http://vsco.co/vscocam インターフェイスがシンプルでかっこ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chromeで小粋なデザインのロゴがつくれる YouiDraw Logo Creatorで遊ぼう!! - 週刊アスキー
