サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
coliss
id:coliss
●
5,515
ブックマーク
●
-
お気に入り
●
-
お気に入られ
タグ
●すべて
●
*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
(7)
●
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
(127)
●
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
(77)
●
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
(17)
●
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
(80)
●
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)
ブックマーク / webdesignledger.com (100)
●
12 users
●
webdesignledger.com
●テクノロジー
16 Comments Thank You Gisele, very good choice as usual ! Another great list Gisele. Keep ’em coming! Yes, simple is better in every where. And one of another example is Facebook. Gisele, why not count Facebook in your list? I think minimal is figured based on content as well as design. If this is the case, Facebook does not qualify., it’s design may be simplistic but with the mess of content that
coliss
2012/07/03
●*showcase
●website
●minimalism
●
15 users
●
webdesignledger.com
●テクノロジー
24 Comments Nice article! Thanks for this, best wishes Ron Nice collection! Fine list, thanks. My single page: http://wpletter.de Some lovely polished websites, thanks. Is not easy create a good work in a single page,…but this list say who all is possible. Good inspirations..Thanks for sharing. http://www.candecreative.com is a brilliant one-pager too.. love the parallax I’d love to figure out a w
coliss
2012/06/27
●*showcase
●website
●
16 users
●
webdesignledger.com
●テクノロジー
Tutorials 30+ Fresh Icon Illustrator Tutorials Ainsley BevisJune 15, 20126 Comments14.1k As Graphic Designers, it’s important for us to learn how to create high quality icons. Whether itinvolves designing a basic icon or more complex images, this is a highly sought after skill. In this collection, we’ll be sharing with you the latest Adobe Illustrator Icon Tutorials from around the web, ranging f
coliss
2012/06/18
●*design
●tutorial-illustrator
●icon
●
13 users
●
webdesignledger.com
●テクノロジー
16 Comments So difficult to strike a balance between “breathtaking minimal colour” and “boring grey”. Thanks for finding these. Nice list 🙂 Some really clever uses of color. More people should incorporate more black and white into their designs! Good list..Your proposals are better always ! Thanks for sharing! My preferite design is like “myownbike.de” Wonderful list. I love all of them. Thanks f
coliss
2012/06/12
●*showcase
●website
●color
●minimalism
●
17 users
●
webdesignledger.com
●エンタメ
17 Comments Congratulations for this list… site like “www.fruute.com” are my favorite.. These are design where the are important content and graphics properties bring out the contents. Thanks for sharing.. Thanks for the lists.. I like wearefo.com and andychak.com Thanks for the list they are all great websites. I love the Oliver Spencer one that is my favourite Nice set of inspiration Gisele! Kee
coliss
2012/05/22
●*showcase
●website
●minimalism
●
18 users
●
webdesignledger.com
●テクノロジー
14 Comments Very nice examples…Good design..more inspirations…is a paradise this! Thanks for sharing Thanks,,I like the examples that use slider for big images.. I still prefer a slider that I built over many of the ones displayed. I do like how these are incorporated into the page. I built one that can be viewed here in use: http://creativewildcat.com/photography/ or on my homepage in another con
coliss
2012/05/15
●*showcase
●website
●slider
●
14 users
●
webdesignledger.com
●テクノロジー
15 Comments These are some great examples! Very inspiring to see what has been done with larger graphics. It’s so visually appealing. Great selection of inspirations! Thanks for sharing these. There are some great examples here of big bold backgrounds working well. That’s a great point about being careful when choosing a photo and the design elements of the site. I’ve seen some sites that didn’t a
coliss
2012/05/08
●*showcase
●website
●
10 users
●
webdesignledger.com
●テクノロジー
Inspiration 21 Inspiring Examples of About Pages Gisele MullerApril 16, 201224 Comments05.6k About pages are important because they are the place where the user goes to discover more about who/what is behind the site they are visiting. From design studios to apps and online shops, users like to browse a page to find the good old who, where, what, how information about you. And of course there’s ma
coliss
2012/04/17
●*showcase
●website
●
12 users
●
webdesignledger.com
●テクノロジー
Inspiration 23 Fantastic Examples of Dark Colors in Web Design Gisele MullerApril 9, 20128 Comments02.3k Back in January we published a list showcasing dark colors in web design and itbecame very popular. Since a lot of readers asked for more, we decided to put together a new post of similar sites to give you some fresh examples. Choosing to use a dark color scheme in your web design is a bold mo
coliss
2012/04/10
●*showcase
●website
●color-dark
●
24 users
●
webdesignledger.com
●テクノロジー
38 Comments Good selection. Already got an idea what to implement in a project of mine! Cheers! Parallax has a few uses and it’s coming back, great list. very nice selection , thank you ! Some really great examples. Thanks for sharing. We launched something similar last week: http://www.essentielevetten.be Nice examples. Thanks for sharing ! Thank you for posting this. Itgave me some ideas for a
coliss
2012/04/03
●*showcase
●website
●parallax
●
12 users
●
webdesignledger.com
●学び
10 Comments These are brilliant, I especially like the buffalo lounge texture, looks sweet. Makes a change from the standard noise textures. Nice blog! You never can really gowrong withtextures just as long as they are used correctly. Great post the depth of the texture is what gives more style to the Web Amidst the sickly and indulgent designs here, we do have a couple of sites that actually us
coliss
2012/03/27
●*showcase
●website
●texture
●
5 users
●
webdesignledger.com
●テクノロジー
21 Comments I adore hand drawn elements, and that was actually the driving factor for my new personal blog design. Thanks for sharing! Some great design inspiration- I love how itmakes the sites so much more personalized and less of that “stock image city” look that you tend to see on a lot of business sites. Thanks for sharing, love the creativity! I’m curious to know where you find these great
coliss
2012/03/21
●*showcase
●website
●
15 users
●
webdesignledger.com
●テクノロジー
15 Comments Great selection of designs here. My favourite is probably ‘Nemeth Interactive’ as I feel it’s use of a large photograph fits the website very well. Woa! Pure class! Bomb Girls website is justtechnically incredible! Agreed! definitely got me scratching my head! wonderful collections..more inspirations..Thanks for sharing.. Gisele, thanks a lot for the next great collection! Your articl
coliss
2012/03/13
●*showcase
●website
●
15 users
●
webdesignledger.com
●テクノロジー
Tools 10 Best WordPress Sharing Plugins of 2012 To Get More Social Traffic Leo WidrichMarch 6, 201274 Comments04.2k What does ittake to get your posts shared on Social Networks? With over 250 million Tweets being posted every day and close to 4 billion items being posted on Facebook, there is definitely not a lack in volume of Social Media updates. To make a larger junk of those being posted abou
coliss
2012/03/07
●*wordpress
●
30 users
●
webdesignledger.com
●テクノロジー
Inspiration 21 Examples of Fixed Position Menus in Web Design Gisele MullerFebruary 28, 201210 Comments05k A fixed position menu is that one that is fixed relative to the browser window, not only to the page, which means that if you scroll up and down the fixed menu will remain in the same position – so the user can quickly access the navigation no matter where they are in the site. For today’s po
coliss
2012/02/29
●*showcase
●website
●
25 users
●
webdesignledger.com
●テクノロジー
35 Comments Nice roundup !! Personally “Revolver Design Studio” website is favorite one. Thank you, we really appreciate. A good selection this! “jlern” is my preferite…like design..so simple and clean. “DemiCreative” use the dircles…much used in these last times! A must Great showcase, there’s too many good examples for me to pick a favourite but I love the simplicity of sites like Design Embrac
coliss
2012/02/22
●*showcase
●website
●
10 users
●
webdesignledger.com
●エンタメ
Inspiration 13 Inspiring Typography Videos Gisele MullerFebruary 16, 20127 Comments03.1k Since we know our readers love typography inspiration, today we decided to gather a few nice videos where type is the center of attention. From lines of famous speeches to animated alphabets and even a kinetic typography tutorial video, there are some really nice typographical ideas here, check itout. 29 WAYS
coliss
2012/02/17
●*showcase
●art
●typography
●video
●
10 users
●
webdesignledger.com
●テクノロジー
23 Comments Great, thank you for this article. Also a very interesting “sketchy” navigaton bar is on http://www.moredays.com Thanks for sharing and help me with this post in this days! I build two site and I need to new different navigation, footers, menu…Thanks! There’s completely nothing special about these menus and some of them are inaccessible. All you basically do in these galleries is post
coliss
2012/02/14
●*showcase
●website
●navigation
●
14 users
●
webdesignledger.com
●テクノロジー
15 Comments The first one is done really nice! This is my taste 🙂 All the designs have unique attractive look, and I really like the way these designers adopt the concept on each design, Surely they do have great skills of web design and development. La Piuma has a beautiful design, love the hover action over the birds, the border style to the container, the grunge graphics really work well with
coliss
2012/02/07
●*showcase
●website
●color-light
●
15 users
●
webdesignledger.com
●テクノロジー
26 Comments Very inspiring and informative designs.Thanks for sharing. These sites do have some lovely type, thanks for sharing. Nice selections of type typography. In the last time I see more site use a different soluzions based on good font. The font is not one element of the background, but is an integral part of the project. Some nice examples, thanks. However, I do think that the old design p
coliss
2012/01/24
●*showcase
●website
●typography
1
2
3
4
5
次のページ
お知らせ
ランキング
月間はてなブックマーク数ランキング︵2024年6月︶
ランキング
今週のはてなブックマーク数ランキング︵2024年6月第5週︶
ランキング
今週のはてなブックマーク数ランキング︵2024年6月第4週︶
もっと読む
公式Twitter
●@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
●@hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx
21 Amazing Examples of Clean and Minimal Web Designs - Web Design Ledger
21 Beautiful Examples of Single Page Websites - Web Design Ledger
30+ Fresh Icon Illustrator Tutorials - Web Design Ledger
21 Breathtaking Examples of Minimal Color Usage in Web Design - Web Design Ledger
21 Inspiring Minimalistic Web Designs - Web Design Ledger
21 Fantastic Examples of Sliders in Web Design - Web Design Ledger
20 Inspiring Examples of Big Backgrounds in Web Design - Web Design Ledger
21 Inspiring Examples of About Pages - Web Design Ledger
23 Fantastic Examples of Dark Colors in Web Design - Web Design Ledger
18 Beautiful Examples of Parallax Scrolling in Web Design - Web Design Ledger
20 Inspiring Examples of Textures in Web Design - Web Design Ledger
23 Fantastic Examples of Illustrated Elements in Web Design - Web Design Ledger
21 Examples of Big Photography in Web Design - Web Design Ledger
10 Best Wordpress Sharing Plugins of 2012 To Get More Social Traffic - Web Design Ledger
21 Examples of Fixed Position Menus in Web Design - Web Design Ledger
23 Amazing Single Page Websites - Web Design Ledger
13 Inspiring Typography Videos - Web Design Ledger
21 Examples of Excellent Navigation Menus in Web Design - Web Design Ledger
21 Examples of Light Color Usage in Web Design - Web Design Ledger
21 Examples of Inspiring Typography in Web Design - Web Design Ledger