サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
doiman3d
id:doiman3d
●
2,240
ブックマーク
●
-
お気に入り
●
-
お気に入られ
タグ
●すべて
●
iPhone
(10)
●
photoshop
(1)
●
まとめ
(22)
●
ネタ
(123)
●
*webデザイン
(15)
●
*web制作
(20)
●
*あとで読む
(3)
●
*まとめ
(1)
●
*ネタ
(4)
●
...えっ!？
(7)
●
2017年
(2)
●
2ch
(10)
●
2chまとめ
(1)
●
2ちゃんねる
(1)
●
3D
(5)
●
3DCG
(2)
●
AD(3)
●
AI(2)
●
AKB48
(1)
●
Adobe
(6)
●
Adobe AIR
(1)
●
Android
(32)
●
AppStore
(1)
●
BTO
(1)
●
CG(2)
●
CSS
(7)
●
CSS3
(5)
●
CSV
(1)
●
ChatGPT
(4)
●
DS・DSi
(1)
●
DeNA
(2)
●
EC(7)
●
ECサイト
(1)
●
Excel
(2)
●
F1
(1)
●
FAX
(1)
●
FX(2)
●
Facebook
(20)
●
GIGAZINE
(3)
●
GREE
(1)
●
Gaiax
(1)
●
ICO
(3)
●
IT(7)
●
JASRAC
(1)
●
JAXA
(1)
●
KDDI
(1)
●
Library
(1)
●
Mac
(8)
●
Maya
(1)
●
MovableType
(2)
●
NEM
(1)
●
NGO
(1)
●
NVIDIA
(1)
●
Netflix
(2)
●
OpenPNE
(1)
●
PC(1)
●
PSD
(1)
●
Payment
(1)
●
PowerPoint
(3)
●
Prototyping
(4)
●
Q&A(1)
●
QRコード
(1)
●
RIZAP
(1)
●
SDK
(1)
●
SIGGRAPH Asia 2009
(1)
●
SIMフリー
(1)
●
SONY
(2)
●
So-net
(1)
●
Suica
(1)
●
TV(7)
●
UFO
(1)
●
USTREAM
(2)
●
VOD
(1)
●
WEBマガジン
(1)
●
Web API
(1)
●
WebGL
(3)
●
WebService
(2)
●
Webサイト
(5)
●
Webプロモーション
(1)
●
Webマーケティング
(7)
●
Web女子
(1)
●
XD(2)
●
Yahoo!
(2)
●
amazon
(3)
●
animal
(1)
●
apache
(1)
●
api
(7)
●
apple
(7)
●
ascii
(1)
●
au(4)
●
bitcoin
(3)
●
blockchain
(1)
●
blog
(3)
●
bot
(2)
●
camera
(1)
●
car
(2)
●
crypt
(1)
●
dentsu
(1)
●
design
(1)
●
disney
(1)
●
display
(1)
●
diy
(3)
●
docomo
(4)
●
dropbox
(1)
●
ebook
(1)
●
english
(2)
●
esports
(1)
●
event
(1)
●
evernote
(1)
●
facebookページ
(3)
●
fc2
(1)
●
fintech
(2)
●
firefox
(1)
●
flash
(5)
●
font
(1)
●
form
(1)
●
framework
(2)
●
gadget
(3)
●
gameengine
(1)
●
gender
(1)
●
google
(13)
●
google analytics
(1)
●
html5
(48)
●
iOS
(3)
●
iPad
(3)
●
icon
(2)
●
igoogle
(1)
●
illustrator
(2)
●
iphone
(44)
●
iphoneアプリ
(3)
●
jQuery Mobile
(5)
●
javascript
(12)
●
jojo
(3)
●
jquery
(29)
●
kadokawa
(4)
●
kayac
(1)
●
life
(1)
●
live
(3)
●
mail
(1)
●
map
(1)
●
marketing
(1)
●
medical
(1)
●
microsoft
(2)
●
military
(1)
●
mixi
(4)
●
mobile
(3)
●
mock
(1)
●
movie
(1)
●
music
(1)
●
nas
(1)
●
news
(1)
●
nhk
(3)
●
oauth
(1)
●
party
(1)
●
phonegap
(1)
●
photoshop
(5)
●
pogoplug
(1)
●
rails
(1)
●
responsive
(1)
●
sales web items
(1)
●
seo
(4)
●
sketch
(10)
●
smartphone
(1)
●
sns
(6)
●
software
(1)
●
startrek
(1)
●
streaming
(1)
●
svg
(3)
●
tips
(4)
●
tool
(2)
●
twitter
(44)
●
ui(45)
●
ux(3)
●
vaccine
(1)
●
virus
(1)
●
wearable
(1)
●
web
(21)
●
webfont
(1)
●
webサービス
(267)
●
webデザイン
(118)
●
webマンガ
(1)
●
web企画
(4)
●
web制作
(190)
●
wireframe
(2)
●
wordpress
(3)
●
wwdc
(1)
●
youtube
(7)
●
あとで
(3)
●
あとで読む
(214)
●
あらびき団
(1)
●
いい話
(1)
●
おくやみ
(1)
●
おもしろ
(1)
●
おもしろい
(19)
●
お役立ち
(44)
●
お笑い
(1)
●
きゃりーぱみゅぱみゅ
(1)
●
けものフレンズ
(1)
●
これいいね
(1)
●
これはすごい
(46)
●
これはひどい
(166)
●
これは欲しい
(1)
●
さくらVPS
(9)
●
どうしてこうなった
(1)
●
なんだかなぁ
(2)
●
はてな
(3)
●
ひろゆき
(2)
●
まとめ
(109)
●
まとめサイト
(1)
●
みんなの党
(1)
●
もんじゅ
(2)
●
やまもといちろう
(3)
●
わけあり
(3)
●
アイコン
(4)
●
アイデア
(3)
●
アイドル
(1)
●
アウトソーシング
(2)
●
アクセス解析
(4)
●
アトラス
(1)
●
アドネットワーク
(1)
●
アニメ
(13)
●
アプリ
(31)
●
アメコミ
(1)
●
アメリカ
(6)
●
アメ横
(1)
●
アート
(2)
●
イベント
(2)
●
イラスト
(2)
●
インターネット
(11)
●
インド
(3)
●
インフォグラフィック
(1)
●
インフラ
(1)
●
インボイス
(1)
●
ウェアラブル
(1)
●
エミュレータ
(1)
●
オウム
(2)
●
オカルト
(3)
●
オタク
(2)
●
オリンピック
(8)
●
オンラインツール
(1)
●
オークション
(1)
●
オープンソース
(2)
●
カドカワ
(1)
●
カメラ
(1)
●
カラー
(1)
●
カード
(1)
●
カープ
(4)
●
ガジェット
(2)
●
ガンダム
(5)
●
ガントチャート
(1)
●
ガンバライド
(1)
●
キャンプ
(1)
●
キャンペーン
(1)
●
ギークハウス
(1)
●
クラウド
(6)
●
クラウドソーシング
(1)
●
クラタス
(1)
●
グルメ
(4)
●
ケータイ
(2)
●
ゲーム
(9)
●
ゲームエンジン
(1)
●
ゲーム開発
(2)
●
コミュニケーション
(1)
●
コミュニティ
(1)
●
コーディング
(2)
●
サイバーエージェント
(1)
●
サブカル
(1)
●
サンフランシスコ
(3)
●
サーバ
(2)
●
サーバー
(1)
●
サービス
(6)
●
シェアリングエコノミ
(1)
●
システムトレード
(1)
●
シソーラス
(1)
●
ショッピング
(1)
●
シリアルキラー
(1)
●
ジェネレーター
(1)
●
ジャーナリズム
(1)
●
ジョーク
(1)
●
ジーンズメイト
(1)
●
スクレイピング
(2)
●
スタイルガイド
(1)
●
スタジオ
(2)
●
スターウォーズ
(3)
●
スタートアップ
(2)
●
スパム対策
(1)
●
スマートウォッチ
(1)
●
スマートフォン
(39)
●
セキュリティ
(5)
●
セクハラ
(2)
●
ソフトバンク
(2)
●
ソラノート
(2)
●
ソーシャルアプリ
(1)
●
ソーシャルゲーム
(7)
●
ソーシャルメディア
(5)
●
ソースコード
(2)
●
チャット
(4)
●
チャリティ
(1)
●
チャリティー
(1)
●
チュートリアル
(5)
●
ツール
(30)
●
テクニカル
(1)
●
テクニック
(2)
●
テクノ
(1)
●
テレビ
(8)
●
テレビ東京
(1)
●
テンプレート
(7)
●
テーマ
(1)
●
ディズニー
(1)
●
ディレクション
(1)
●
デザイン
(25)
●
デザインポータル
(1)
●
デザイン参考
(1)
●
デリバリー
(1)
●
データ
(6)
●
データベース
(4)
●
トイレ
(1)
●
トレンド
(3)
●
トレード
(1)
●
トンデモ
(6)
●
ドイツ
(2)
●
ドバイ
(1)
●
ドラゴンクエスト
(1)
●
ドラゴンボール
(1)
●
ドラッグ
(1)
●
ナイトライダー
(1)
●
ナビゲーション
(2)
●
ニコニコ
(1)
●
ニコニコ動画
(3)
●
ニュース
(12)
●
ニート
(2)
●
ネタ
(944)
●
ネット
(15)
●
ネットビジネス
(1)
●
ネットワーク
(1)
●
ハイブリッドアプリ
(1)
●
ハルヒ
(1)
●
パララックス
(1)
●
パワポ
(1)
●
パワーポイント
(1)
●
ビジネス
(27)
●
ビジネスモデル
(2)
●
ビットコイン
(5)
●
ピクトグラム
(1)
●
フミコフミオ
(2)
●
フラットデザイン
(1)
●
フリー
(2)
●
フリーフォント
(1)
●
フリーランス
(2)
●
フリー素材
(12)
●
フレームワーク
(5)
●
ブコメしたいだけ
(1)
●
ブラウザ
(2)
●
ブラック
(2)
●
ブログ
(1)
●
ブログパーツ
(1)
●
ブロックチェーン
(2)
●
プラモデル
(1)
●
プレゼン
(2)
●
プレゼンテーション
(1)
●
プログラミング
(9)
●
プログラム
(4)
●
プロジェクト管理
(9)
●
プロトタイピング
(1)
●
プロモーション
(3)
●
プロレス
(6)
●
ベクター
(1)
●
ベンチャー
(1)
●
ペニーオークション
(1)
●
ホリエモン
(3)
●
ボトムズ
(1)
●
ボランティア
(2)
●
ポケモンGO(2)
●
マスコミ
(8)
●
マネー
(3)
●
マンガ
(9)
●
マーケティング
(19)
●
メディア
(9)
●
モックアップ
(3)
●
モバイル
(9)
●
ユーザビリティ
(3)
●
ヨッピー
(2)
●
ライセンス
(3)
●
リサーチ
(2)
●
リンク集
(2)
●
レイアウト
(2)
●
レシピ
(2)
●
レスポンシブ
(4)
●
ロボット
(8)
●
ワイヤーフレーム
(9)
●
上杉隆
(5)
●
不動産
(16)
●
中国
(13)
●
事件
(3)
●
人生
(11)
●
仏教
(3)
●
仕事
(5)
●
仮想通貨
(9)
●
仮面ライダー
(7)
●
企業
(10)
●
企画書
(4)
●
位置情報
(4)
●
便利ツール
(19)
●
写真素材
(2)
●
出版
(5)
●
分析
(2)
●
切込隊長
(4)
●
制作会社
(6)
●
労働
(8)
●
勉強
(2)
●
動画
(5)
●
動画配信
(4)
●
医療
(6)
●
原発
(32)
●
参考
(31)
●
地震
(10)
●
報道
(3)
●
変換
(2)
●
大学
(3)
●
子育て
(4)
●
学習
(5)
●
孫正義
(3)
●
宗教
(16)
●
実写化
(3)
●
山本太郎
(3)
●
平野綾
(3)
●
広告
(11)
●
投資
(14)
●
押井守
(3)
●
放射線
(3)
●
放射能
(3)
●
政治
(55)
●
教育
(6)
●
文化
(3)
●
日本
(18)
●
映画
(9)
●
本
(3)
●
東京
(7)
●
東京電力
(4)
●
東日本大震災
(3)
●
東電
(2)
●
株
(6)
●
検索エンジン
(3)
●
機械学習
(2)
●
歴史
(4)
●
民主党
(2)
●
水木しげる
(2)
●
決済
(5)
●
法律
(2)
●
海外通販
(2)
●
漫画
(5)
●
炎上
(4)
●
特撮
(3)
●
町山智浩
(6)
●
社会
(14)
●
科学
(4)
●
素材
(23)
●
素材集
(3)
●
経済
(16)
●
考え方
(2)
●
自主制作
(2)
●
自民党
(7)
●
自転車
(4)
●
芸能
(2)
●
英語
(4)
●
落語
(6)
●
著作権
(3)
●
見積もり
(3)
●
角川
(5)
●
読み物
(8)
●
負荷テスト
(2)
●
資料
(56)
●
起業
(4)
●
転職
(2)
●
通販
(4)
●
野球
(7)
●
開発
(11)
●
電子書籍
(7)
●
音楽
(7)
●
ネタ
(944)
●
webサービス
(267)
●
あとで読む
(214)
●
web制作
(190)
●
これはひどい
(166)
●
ネタ
(123)
●
webデザイン
(118)
●
まとめ
(109)
●
資料
(56)
●
政治
(55)
関連タグで絞り込む (5)
●
*webデザイン
●
*web制作
●
ui
●
web
●
カード
タグの絞り込みを解除
レイアウトに関するdoiman3dのブックマーク (2)
●
157 users
●
photoshopvip.net
●テクノロジー
Google が2014年に発表したマテリアルデザインは、ウェブだけでなくグラフィックデザインでもますます人気となっており、さまざまな方法で採用しているケースをよく見かけるようになりました。 今回は HTML と CSS、わずかな JavaScript で実装できる、今後の参考にしたいカード型レイアウト用コードスニペットをまとめてご紹介します。コードニペットは各レイアウト別にカテゴリ分けしているので、ウェブサイト制作に活用したものを見つけてはいかがでしょう。 ︻2017年版︼HTML/CSSで表現できる、すごいテキストエフェクト66選 イメージスライダーを魅力的に！コピペ実装できるHTMLスニペット24個まとめ ウェブをもっと面白く！コピペ可能なHTML/CSSスニペット45個まとめ 2016年12月度 コンテンツ目次 1. ブログコンテンツ用レイアウト 2. 名刺型レイアウト 3. グリ
doiman3d
2017/05/24
●レイアウト
●カード
●*webデザイン
●*web制作
●
140 users
●
uxmilk.jp
●テクノロジー
ユーザーはデザインを見たいのではなく、コンテンツを求めてサイトにアクセスします。Web UIPatterns 2016 Vol. 1で説明した通り、デザインは直感的で分かりやすくコンテンツを表示するための手段にすぎません。 この記事では、Webにおける12通りのレイアウトのパターンを実際の例や良い実践方法、共通のシナリオを通して見ていきます。 1. カード 2. グリッド 3. マガジン 4. コンテナの不使用 5. スクリーン分割 6. シングルページアプリケーション︵SPA︶ 7. Ｆパターン 8. Ｚパターン 9. 水平的なシンメトリー 10. 水平的なほぼシンメトリー 11. 放射線状のシンメトリー 12. アシンメトリー 1. カード
doiman3d
2017/01/31
●web
●ui
●レイアウト
1
お知らせ
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第3週︶
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第2週︶
お知らせ
はてなブックマーク透明性レポート︵2024年2月-2024年4月︶
もっと読む
公式Twitter
●@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
●@hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx
2017年大本命！HTML/CSSで表現できる、参考にしたいカード型レイアウト60個まとめ - PhotoshopVIP
有名サイトの事例から学ぶ12のWebデザイン・レイアウト