サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
coliss
id:coliss
●
5,512
ブックマーク
●
-
お気に入り
●
-
お気に入られ
タグ
●すべて
●
*blog
(1)
●
*css
(129)
●
*design
(323)
●
*dev
(268)
●
*fav
(2)
●
*freebies
(401)
●
*ia
(1)
●
*idea
(1)
●
*js
(152)
●
*life
(1118)
●
*online
(98)
●
*seo
(2)
●
*showcase
(1302)
●
*software
(7)
●
*ui
(2)
●
*web
(1)
●
*wordpress
(156)
●
2010
(44)
●
2011
(4)
●
2020
(3)
●
2021
(1)
●
2022
(1)
●
2023
(1)
●
3D Transforms
(1)
●
404
(2)
●
@supports
(2)
●
AWS
(1)
●
Amazon Web Services
(1)
●
Apache License
(4)
●
Apache License 2.0
(2)
●
AutoCAD
(1)
●
BSD 2-Clause License
(1)
●
CC(1)
●
CC0
(5)
●
ChatGPT
(2)
●
Cordova
(1)
●
D3.js
(1)
●
EaseUS
(1)
●
GNU GENERAL PUBLIC LICENSE
(1)
●
GPLv3
(2)
●
Helvetica
(1)
●
IntersectionObserver
(2)
●
Isometric
(1)
●
JAMstack
(1)
●
JavaScript Visualized
(1)
●
M1
(1)
●
MITライセンス
(75)
●
Masonry
(1)
●
NVIDIA
(1)
●
Nginx
(1)
●
Node.js
(1)
●
SF Compact Rounded
(1)
●
SIL Open Font License
(6)
●
SILライセンス
(1)
●
SSR
(1)
●
Squigglevision
(1)
●
Stable Diffusion
(1)
●
Steve Jobs
(10)
●
Tailwind CSS
(14)
●
TailwindCSS
(1)
●
VS Code
(1)
●
VSCode
(25)
●
View Transitions API
(1)
●
WebGL
(2)
●
Windows7
(1)
●
a11y
(1)
●
abstract
(2)
●
accessibility
(12)
●
accordion
(1)
●
acrobat
(1)
●
action
(1)
●
ad(100)
●
adobe
(76)
●
adobe cc
(5)
●
adobe sensei
(1)
●
adobe xd
(25)
●
ae(22)
●
africa
(1)
●
after effects
(2)
●
ai(18)
●
air
(2)
●
airdrop
(1)
●
ajax
(1)
●
amazon
(2)
●
amimal
(1)
●
analysis
(1)
●
android
(24)
●
angular
(4)
●
anima
(1)
●
animal
(153)
●
animation
(28)
●
apache
(3)
●
api
(2)
●
app
(4)
●
apple
(33)
●
apple card
(1)
●
ar(3)
●
architecture
(1)
●
art
(202)
●
art deco
(1)
●
artist
(1)
●
as(1)
●
aspect-ratio
(1)
●
async
(1)
●
atomic design
(1)
●
avif
(1)
●
await
(1)
●
backdrop-filter
(1)
●
background
(12)
●
backup
(1)
●
banner
(2)
●
bark
(1)
●
bartender
(1)
●
base
(1)
●
bem
(1)
●
bird
(1)
●
blank
(1)
●
blog
(5)
●
bodobu
(1)
●
bokeh
(2)
●
book
(106)
●
bootstrap
(12)
●
border
(1)
●
border-radius
(1)
●
box-shadow
(5)
●
brand
(2)
●
branding
(1)
●
breadcrumb
(1)
●
browser
(5)
●
brush
(12)
●
button
(18)
●
c++
(1)
●
caddy
(1)
●
calc
(5)
●
call to action
(1)
●
calligraphy
(1)
●
camera
(11)
●
camera raw
(1)
●
canva
(1)
●
canvas
(9)
●
card
(100)
●
cat
(71)
●
cc by 4.0
(1)
●
cdn
(1)
●
centering
(1)
●
chart
(5)
●
cheatsheet
(20)
●
christmas
(64)
●
chrome
(65)
●
chromium
(1)
●
ci(8)
●
circle
(1)
●
clearfix
(1)
●
clip studio
(2)
●
clip-path
(2)
●
cloth
(1)
●
cms
(3)
●
code
(4)
●
coding
(1)
●
coffee
(9)
●
coliss
(2)
●
color
(131)
●
color picker
(1)
●
color-beige
(1)
●
color-black
(41)
●
color-blue
(17)
●
color-blue-green
(1)
●
color-brown
(4)
●
color-bule
(1)
●
color-cyan
(1)
●
color-dark
(17)
●
color-gold
(1)
●
color-gray
(1)
●
color-green
(18)
●
color-light
(1)
●
color-magenta
(1)
●
color-muted
(1)
●
color-orange
(10)
●
color-pink
(6)
●
color-purple
(7)
●
color-rainboe
(1)
●
color-rainbow
(1)
●
color-red
(10)
●
color-white
(22)
●
color-yellow
(5)
●
colorful
(5)
●
component
(2)
●
contact
(1)
●
container queries
(1)
●
contrast
(1)
●
copy
(3)
●
cors
(1)
●
cover
(1)
●
creative
(45)
●
creative cloud
(1)
●
css
(585)
●
css grid
(4)
●
css reset
(2)
●
css-bug
(1)
●
css-in-js
(1)
●
css3
(67)
●
cssom
(1)
●
curl
(1)
●
cursor
(1)
●
dark mode
(2)
●
dark pattern
(1)
●
dark theme
(1)
●
deep learning
(1)
●
design
(196)
●
dev
(3)
●
dev tool
(6)
●
developer
(2)
●
devicemotion
(1)
●
diagram
(1)
●
dialog
(1)
●
din
(4)
●
dog
(14)
●
dom
(3)
●
dreamweaver
(2)
●
dropbox
(2)
●
e-commerce
(14)
●
ebook
(7)
●
ec(5)
●
eco
(5)
●
edge
(4)
●
editor
(12)
●
email
(5)
●
eps
(3)
●
event
(3)
●
facebook
(29)
●
fav
(20)
●
favicon
(2)
●
figma
(25)
●
filter
(2)
●
firebug
(2)
●
firefox
(13)
●
fireworks
(4)
●
flash
(14)
●
flexbox
(36)
●
floral
(5)
●
flowchart
(3)
●
font
(126)
●
font awesome
(2)
●
font-bold
(2)
●
font-size
(5)
●
food
(7)
●
footer
(8)
●
form
(50)
●
framework
(21)
●
free
(5)
●
freebies
(3)
●
freebies-font
(40)
●
freebies-icon
(44)
●
freebies-illustrator
(7)
●
freebies-photoshop-action
(4)
●
freebies-photoshop-brush
(37)
●
freebies-photoshop-pattern
(15)
●
freebies-photoshop-shape
(3)
●
freebies-psd
(34)
●
freebies-template
(26)
●
freebies-texture
(55)
●
freebies-vector
(7)
●
freebies-wallpaper
(9)
●
freebies-wordpress-theme
(3)
●
frontend
(2)
●
funny
(75)
●
futura
(5)
●
fuuny
(2)
●
gallery
(2)
●
game
(2)
●
generator
(5)
●
git
(4)
●
github
(6)
●
google
(60)
●
gradient
(8)
●
grid
(29)
●
grunge
(18)
●
gutenberg
(2)
●
halloween
(4)
●
hardware
(2)
●
head
(2)
●
header
(6)
●
hover
(5)
●
html
(131)
●
html mail
(4)
●
html5
(86)
●
ia(4)
●
icon
(75)
●
idea
(3)
●
ie(9)
●
ie10
(5)
●
ie6
(5)
●
ie9
(9)
●
illustration
(9)
●
illustrator
(76)
●
indesign
(4)
●
infographic
(181)
●
ink
(2)
●
input
(2)
●
inspiration
(2)
●
instagram
(2)
●
inter
(2)
●
internet explorer
(2)
●
ios
(10)
●
ipad
(45)
●
iphone
(64)
●
ipod
(6)
●
javascript
(168)
●
jpeg
(3)
●
jpg
(4)
●
jquery
(58)
●
jquery mobile
(2)
●
jquery-plugin
(52)
●
keyboard
(2)
●
kindle
(7)
●
landing
(3)
●
landscape
(19)
●
layout
(3)
●
lazyload
(3)
●
lego
(10)
●
letterpress
(2)
●
lightroom
(2)
●
line-height
(3)
●
linux
(12)
●
list
(2)
●
loading
(5)
●
logo
(172)
●
mac
(16)
●
macOS
(23)
●
mail
(3)
●
map
(3)
●
margin
(5)
●
marketing
(18)
●
markup
(2)
●
material design
(2)
●
media queries
(9)
●
menu
(4)
●
meta
(3)
●
metal
(2)
●
microsoft
(4)
●
minimalism
(56)
●
mobile
(26)
●
mockup
(3)
●
morisawa
(6)
●
movie
(3)
●
music
(4)
●
nature
(8)
●
navigation
(62)
●
news
(7)
●
normalize
(2)
●
notion
(2)
●
ofl
(3)
●
online
(2)
●
opentype
(2)
●
opera
(10)
●
padding
(5)
●
pantone
(6)
●
paper
(10)
●
parallax
(9)
●
pat
(2)
●
pattern
(11)
●
pdf
(4)
●
performance
(3)
●
photo
(519)
●
photoshop
(112)
●
photoshop-action
(2)
●
photoshop-brush
(4)
●
php
(11)
●
pm(2)
●
png
(6)
●
position
(4)
●
prefers-color-scheme
(2)
●
premiere
(2)
●
premiere pro
(2)
●
print
(12)
●
product
(93)
●
program
(5)
●
programming
(3)
●
prototype
(4)
●
psd
(8)
●
pwa
(2)
●
qr(2)
●
react
(20)
●
react native
(2)
●
rem
(4)
●
remove.bg
(2)
●
reset
(7)
●
responsive
(30)
●
resume
(4)
●
retro
(30)
●
ribbon
(4)
●
safari
(6)
●
sale
(2)
●
sales
(11)
●
sass
(3)
●
sbm
(29)
●
scroll
(13)
●
scroll-snap
(3)
●
security
(3)
●
select
(2)
●
selector
(3)
●
semantic
(2)
●
seo
(14)
●
server
(3)
●
sitemap
(5)
●
sketch
(18)
●
slider
(11)
●
slideshow
(4)
●
smartphone
(6)
●
smoke
(2)
●
software
(19)
●
spec
(3)
●
spinner
(2)
●
stationery
(10)
●
sticky
(2)
●
style guide
(2)
●
svg
(79)
●
svg font
(2)
●
system
(2)
●
tab
(5)
●
table
(8)
●
template
(10)
●
texture
(38)
●
texture-concrete
(2)
●
texture-fabric
(2)
●
thumbnail
(2)
●
tilt shift
(4)
●
tool
(38)
●
tooltip
(2)
●
transition
(2)
●
trend
(18)
●
truetype
(2)
●
tumblr
(7)
●
tutorial-css
(9)
●
tutorial-css3
(18)
●
tutorial-fireworks
(2)
●
tutorial-html5
(4)
●
tutorial-illustrator
(20)
●
tutorial-jquery
(23)
●
tutorial-photosho
(4)
●
tutorial-photoshop
(55)
●
twitter
(34)
●
typography
(252)
●
ud(10)
●
ui(174)
●
usability
(16)
●
ux(62)
●
vector
(2)
●
video
(37)
●
vintage
(37)
●
visual studio code
(5)
●
vue
(16)
●
vue.js
(8)
●
wallpaper
(33)
●
water
(3)
●
watercolor
(7)
●
web
(20)
●
web design
(2)
●
webfont
(9)
●
webp
(3)
●
website
(639)
●
web制作
(11)
●
web開発
(3)
●
win
(2)
●
windows
(20)
●
windows8
(2)
●
wireframe
(20)
●
wordpress
(19)
●
wordpress-plugin
(22)
●
wordpress-theme
(34)
●
workflow
(5)
●
writing
(9)
●
xd(10)
●
youtube
(5)
●
おやつ
(10)
●
ひげ
(2)
●
イラスト
(15)
●
コンテナクエリ
(2)
●
デベロッパーツール
(3)
●
ニューモーフィズム
(3)
●
フォント
(7)
●
フリーフォント
(2)
●
ライティング
(2)
●
創作
(2)
●
同人誌
(2)
●
小さい人
(6)
●
疑似要素
(2)
●
素材
(2)
●
*showcase
(1302)
●
*life
(1118)
●
website
(639)
●
css
(585)
●
photo
(519)
●
*freebies
(401)
●
*design
(323)
●
*dev
(268)
●
typography
(252)
●
art
(202)
関連タグで絞り込む (2)
●
landing
●
lp
タグの絞り込みを解除
componentとuiに関するcolissのブックマーク (1)
●
200 users
●
coliss.com
●テクノロジー
ランディングページがどのようにデザインされ、レイアウトされているのか、そしてコピーライティングがどのようにデザインされているのか、その参考資料となるアイデアをまとめたSaaS Pagesを紹介します。 ランディングページのデザインや実装、ヘッダやフッタやナビゲーション、特徴やボタンの目立たせ方など、デザインの引き出しにストックしておきたいですね。 SaaS Pages SaaS Pagesでは、ランディングページに使用されるUIコンポーネントごとにデザインとコピーライティングがまとめられています。 ナビゲーションバー 目標到達のプロセスから遠ざかる方向にナビゲートしない。 分かりやすいCTAボタンがある。 ユーザーエクスペリエンスを向上させるスティッキーバー。 開発者向けのドキュメントなど、特別なリンクを含めたい場合。Navbarヒーローヘッダ 独自のセールスポイントを強調する。 ﹁今
coliss
2019/07/29
●landing
●lp
●ui
●component
1
お知らせ
ランキング
今週のはてなブックマーク数ランキング︵2024年6月第4週︶
ランキング
今週のはてなブックマーク数ランキング︵2024年6月第3週︶
ランキング
今週のはてなブックマーク数ランキング︵2024年6月第2週︶
もっと読む
公式Twitter
●@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
●@hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx
レイアウトやUIコンポーネントなど、最近のランディングページで使用されているアイデアのまとめ -SaaS Pages