サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
nibushibu
id:nibushibu
●
33,659
ブックマーク
●
-
お気に入り
●
-
お気に入られ
タグ
●すべて
●
2ch
(30)
●
311
(80)
●
3d
(147)
●
8bit
(21)
●
AS3
(72)
●
AWS
(19)
●
DTM
(43)
●
DTP
(22)
●
Fashion
(99)
●
Flickr
(52)
●
GIGAZINE
(26)
●
Google+
(39)
●
SlideShare
(64)
●
Software
(37)
●
Study
(256)
●
UD_SAZABY緑化
(19)
●
WebComponents
(21)
●
accessibility
(42)
●
actionscript
(225)
●
ad(58)
●
addon
(138)
●
adobe
(75)
●
affinity
(23)
●
ajax
(235)
●
amazon
(59)
●
analytics
(75)
●
android
(234)
●
angularjs
(49)
●
animation
(470)
●
api
(100)
●
app
(1665)
●
appdevelop
(24)
●
apple
(111)
●
application
(28)
●
archive
(20)
●
art
(392)
●
article
(93)
●
artist
(22)
●
atom
(99)
●
audio
(92)
●
babel
(31)
●
backbone.js
(27)
●
background
(32)
●
backup
(41)
●
battery
(58)
●
bem
(51)
●
black
(24)
●
blog
(226)
●
blur
(19)
●
book
(183)
●
bookmark
(27)
●
bookmarklet
(82)
●
bootstrap
(66)
●
bower
(21)
●
browser
(249)
●
bug
(72)
●
business
(338)
●
button
(64)
●
cache
(26)
●
cafe
(47)
●
cakephp
(24)
●
calendar
(84)
●
camera
(40)
●
canvas
(170)
●
capture
(36)
●
car
(22)
●
carousel
(23)
●
character
(32)
●
chart
(32)
●
chat
(23)
●
cheatsheet
(24)
●
check
(38)
●
child
(38)
●
children
(48)
●
chrome
(459)
●
cleanup
(19)
●
clipboard
(19)
●
cms
(36)
●
coda
(62)
●
code
(59)
●
coding
(22)
●
coffee
(93)
●
coffeescript
(72)
●
color
(148)
●
column
(74)
●
comic
(225)
●
comment
(20)
●
communication
(158)
●
community
(70)
●
company
(69)
●
compass
(50)
●
compress
(31)
●
convert
(72)
●
cooking
(80)
●
cool
(71)
●
coolsite
(41)
●
copyright
(65)
●
cpi
(21)
●
createJS
(21)
●
creative
(21)
●
css
(1870)
●
css3
(331)
●
culture
(39)
●
customfield
(19)
●
customize
(39)
●
dashboard
(23)
●
data
(36)
●
database
(36)
●
days
(19)
●
debug
(50)
●
delicious
(35)
●
demagogy
(142)
●
demo
(22)
●
design
(1763)
●
designer
(22)
●
desktop
(38)
●
development
(86)
●
devtools
(32)
●
dictionary
(43)
●
diet
(49)
●
direction
(26)
●
display
(22)
●
document
(49)
●
dom
(21)
●
download
(130)
●
drawing
(29)
●
dropbox
(22)
●
dvd
(20)
●
earthquake
(57)
●
easing
(20)
●
ebook
(79)
●
economy
(104)
●
editor
(122)
●
education
(162)
●
effect
(157)
●
emulator
(26)
●
enchant.js
(19)
●
energy
(47)
●
english
(660)
●
epub
(38)
●
event
(95)
●
evernote
(34)
●
exercise
(43)
●
extension
(395)
●
facebook
(151)
●
favicon
(32)
●
feed
(44)
●
figma
(67)
●
finder
(29)
●
firebug
(20)
●
firefox
(330)
●
fireworks
(19)
●
flash
(683)
●
flashlite
(24)
●
flat
(28)
●
flexbox
(54)
●
flick
(21)
●
flv
(24)
●
font
(624)
●
food
(113)
●
form
(77)
●
framework
(245)
●
free
(147)
●
freeware
(45)
●
friends
(39)
●
fromtwitter
(27)
●
frontend
(24)
●
fukushima
(55)
●
fun
(59)
●
functions.php
(21)
●
funny
(72)
●
gadget
(96)
●
gallery
(82)
●
game
(533)
●
generator
(182)
●
gif
(54)
●
gimp
(32)
●
git
(182)
●
github
(98)
●
gmail
(120)
●
google
(752)
●
googlemaps
(38)
●
googlereader
(19)
●
gradient
(22)
●
graph
(29)
●
graphic
(177)
●
greasemonkey
(36)
●
grid
(71)
●
grunt
(80)
●
gtd
(50)
●
guideline
(46)
●
guitar
(52)
●
gulp
(106)
●
hack
(71)
●
hatena
(56)
●
health
(406)
●
history
(214)
●
homebrew
(38)
●
howto
(187)
●
htaccess
(31)
●
html
(323)
●
html5
(627)
●
humor
(23)
●
icon
(303)
●
idea
(103)
●
ie(248)
●
ie6
(30)
●
illusion
(23)
●
illustration
(209)
●
illustrator
(46)
●
image
(333)
●
inkscape
(23)
●
inspiration
(628)
●
instagram
(19)
●
interface
(42)
●
internet
(20)
●
interview
(70)
●
ios
(209)
●
ipad
(54)
●
iphone
(384)
●
ipod
(20)
●
it(20)
●
itunes
(27)
●
japan
(210)
●
japanese
(290)
●
java
(20)
●
javascript
(1774)
●
jazz
(20)
●
jquery
(746)
●
json
(27)
●
keyboard
(26)
●
language
(42)
●
law
(27)
●
layout
(97)
●
less
(22)
●
library
(138)
●
license
(29)
●
life
(490)
●
lifehack
(176)
●
lightbox
(70)
●
line
(36)
●
links
(65)
●
loading
(47)
●
logo
(75)
●
mac
(849)
●
macbook
(26)
●
macomaco
(41)
●
macosx
(22)
●
magazine
(44)
●
mail
(73)
●
maintenance
(152)
●
mamp
(23)
●
management
(30)
●
map
(121)
●
marketing
(67)
●
mashup
(34)
●
material
(215)
●
materialdesign
(23)
●
math
(19)
●
media
(166)
●
medical
(103)
●
memo
(276)
●
memory
(43)
●
mental
(30)
●
menu
(59)
●
microsoft
(41)
●
mindmap
(31)
●
mobile
(295)
●
mockup
(43)
●
modal
(26)
●
money
(58)
●
motion
(32)
●
motivation
(20)
●
mouse
(23)
●
movie
(245)
●
mozilla
(38)
●
mp3
(28)
●
music
(711)
●
musician
(97)
●
musiclife
(62)
●
mysql
(41)
●
name
(24)
●
nature
(30)
●
nav
(77)
●
neta
(856)
●
netafull
(22)
●
network
(40)
●
news
(213)
●
nhk
(20)
●
no_tag
(199)
●
node.js
(56)
●
novel
(26)
●
npm
(38)
●
nuclear
(365)
●
office
(23)
●
online
(37)
●
oocss
(27)
●
opensource
(124)
●
opera
(174)
●
optimize
(46)
●
osx
(155)
●
package
(25)
●
parallax
(46)
●
password
(22)
●
pdf
(43)
●
peace
(27)
●
performance
(133)
●
person
(26)
●
philosophy
(27)
●
photo
(285)
●
photographer
(23)
●
photography
(41)
●
photoshop
(250)
●
php
(318)
●
phpspot
(25)
●
pixel
(46)
●
player
(20)
●
plugin
(781)
●
png
(40)
●
podcast
(62)
●
politics
(464)
●
pop*pop
(25)
●
portal
(103)
●
portfolio
(89)
●
presentation
(78)
●
print
(43)
●
processing
(32)
●
programming
(493)
●
project
(21)
●
psd
(32)
●
radio
(34)
●
react
(47)
●
reader
(27)
●
recipe
(74)
●
reference
(148)
●
regexp
(27)
●
religion
(37)
●
resize
(22)
●
resource
(87)
●
responsive
(190)
●
review
(22)
●
riot.js
(95)
●
rss
(64)
●
ruby
(47)
●
safari
(47)
●
sass
(113)
●
schedule
(21)
●
science
(236)
●
screenshot
(32)
●
script
(22)
●
scroll
(86)
●
search
(231)
●
searchengine
(26)
●
security
(335)
●
seo
(219)
●
server
(100)
●
service
(88)
●
share
(38)
●
sharing
(20)
●
shop
(50)
●
shopping
(60)
●
shortcut
(76)
●
showcase
(196)
●
simple
(21)
●
sketch
(425)
●
skin
(20)
●
sleep
(61)
●
slider
(50)
●
slideshow
(90)
●
smartphone
(124)
●
sns
(111)
●
soccer
(21)
●
social
(111)
●
society
(22)
●
sound
(84)
●
space
(52)
●
specialtycoffee
(68)
●
sports
(30)
●
sprite
(25)
●
ssl
(21)
●
stockphoto
(48)
●
storage
(45)
●
streaming
(28)
●
stretch
(47)
●
sublimetext
(111)
●
svg
(221)
●
sync
(29)
●
syntax
(23)
●
system
(20)
●
tab
(55)
●
table
(26)
●
task
(25)
●
technology
(67)
●
template
(83)
●
terminal
(94)
●
test
(27)
●
text
(67)
●
theme
(168)
●
time
(22)
●
tips
(721)
●
todo
(29)
●
togetter
(207)
●
tokyo
(21)
●
tool
(607)
●
touch
(23)
●
translation
(35)
●
travel
(30)
●
trend
(23)
●
tumblr
(26)
●
tutorial
(171)
●
tv(78)
●
tween
(25)
●
twitter
(383)
●
typography
(128)
●
ud_reference
(71)
●
ui(451)
●
unix
(20)
●
url
(30)
●
usability
(46)
●
userscript
(20)
●
utility
(43)
●
ux(56)
●
validate
(34)
●
vector
(63)
●
video
(415)
●
virtualbox
(21)
●
virus
(24)
●
visualization
(31)
●
vscode
(20)
●
vue.js
(30)
●
w3c
(23)
●
wallpaper
(55)
●
web
(239)
●
web2.0
(71)
●
webapp
(86)
●
webdesign
(1322)
●
webdev
(1630)
●
webfont
(61)
●
webgl
(37)
●
webkit
(39)
●
webpack
(29)
●
webservice
(341)
●
webstandards
(23)
●
wi-fi
(29)
●
widget
(71)
●
wiki
(58)
●
wikipedia
(317)
●
wimax
(26)
●
windows
(84)
●
wireframe
(30)
●
word
(36)
●
wordpress
(1105)
●
work
(124)
●
working
(352)
●
writing
(43)
●
wunderlist
(39)
●
x11
(28)
●
xhtml
(39)
●
yahoo
(23)
●
yosemite
(20)
●
youtube
(165)
●
あとで読む
(4763)
●
あとで読む
(4763)
●
css
(1870)
●
javascript
(1774)
●
design
(1763)
●
app
(1665)
●
webdev
(1630)
●
webdesign
(1322)
●
wordpress
(1105)
●
neta
(856)
●
mac
(849)
関連タグで絞り込む (608)
●
2010
●
2011
●
2012
●
3d
●
404
●
960
●
978
●
@font-face
●
accessibility
●
accordion
●
acid
●
acid2
●
actionscript
●
ad
●
addon
●
address
●
adobe
●
affiliate
●
agency
●
ajax
●
Ajax
●
AJAX
●
album
●
alpha
●
analytics
●
analyze
●
Android
●
android
●
animation
●
apache
●
API
●
api
●
app
●
apple
●
application
●
archive
●
art
●
Art
●
article
●
artist
●
AS3
●
as3
●
award
●
awards
●
background
●
badge
●
bar
●
base64
●
behavior
●
benchmark
●
better
●
black
●
blender
●
Blog
●
blog
●
blogging
●
blueprint
●
blur
●
book
●
bookmarklet
●
bootstrap
●
border
●
box-shadow
●
browser
●
brush
●
bug
●
business
●
button
●
cafe
●
calendar
●
campany
●
canvas
●
capture
●
car
●
carousel
●
character
●
characters
●
chart
●
cheatsheet
●
check
●
checkbox
●
chrome
●
class
●
clean
●
cleanup
●
clear
●
clearfix
●
click
●
clip
●
CMS
●
cms
●
coda
●
code
●
coding
●
collaboration
●
collage
●
color
●
Color
●
colorpicker
●
colors
●
column
●
comment
●
communication
●
community
●
company
●
compare
●
compress
●
conditional
●
convert
●
cool
●
coolsite
●
corners
●
creative
●
creativecommons
●
cross
●
crossbrowser
●
css
●
CSS
●
CSS3
●
css3
●
csstidy
●
cufon
●
culture
●
dark
●
dashboard
●
DashBoard
●
deathmarch
●
debug
●
delicious
●
demo
●
demow
●
design
●
DESIGN
●
Design
●
designer
●
development
●
dictionary
●
diff
●
Digg
●
direction
●
directory
●
display
●
document
●
dojo
●
dom
●
download
●
dragonfly
●
dropdown
●
dummy
●
EC
●
eccube
●
ecsstender
●
editor
●
education
●
effect
●
elastic
●
element
●
embed
●
encode
●
english
●
error
●
estimate
●
event
●
Evernote
●
example
●
extension
●
facebook
●
fashion
●
Fashion
●
favicon
●
feed
●
festival
●
files
●
filter
●
firebug
●
Firefox
●
firefox
●
Fireworks
●
fireworks
●
firstview
●
fixed
●
Flash
●
flash
●
flashplayer
●
flat
●
flexbox
●
flickr
●
flip
●
float
●
Fluid
●
flv
●
font
●
footer
●
form
●
format
●
formatter
●
forms
●
Framework
●
framework
●
Free
●
free
●
freeware
●
fullscreen
●
fun
●
gallery
●
game
●
generator
●
geolocation
●
germany
●
gif
●
GIGAZINE
●
gigazine
●
gimp
●
git
●
github
●
gmail
●
google
●
googlemaps
●
GPL
●
graph
●
graphic
●
graphicdesign
●
grid
●
growl
●
GTD
●
GUI
●
gui
●
guide
●
guideline
●
hack
●
hacks
●
haslayout
●
hatena
●
header
●
helper
●
hereticanthem
●
highlight
●
horizontal
●
hosting
●
howto
●
HowTo
●
hr
●
htaccess
●
htc
●
HTML
●
html
●
html5
●
htmltidy
●
humor
●
icon
●
ide
●
idea
●
IE
●
ie
●
ie6
●
ie7
●
IE7
●
ie8
●
if_study
●
iframe
●
illustration
●
illustrator
●
image
●
imported
●
indicator
●
InfomationArchitecture
●
initialize
●
inkscape
●
inline-block
●
Inspiration
●
inspiration
●
interactive
●
Interactive
●
interface
●
internet
●
interview
●
ios
●
ipad
●
iPhone
●
iphone
●
iPod
●
iQuery
●
isometric
●
Japan
●
japan
●
Japanese
●
japanese
●
JavaScript
●
Javascript
●
javascript
●
jimdo
●
jQuery
●
jquery
●
json
●
kayac
●
keyboard
●
kids
●
landing
●
landscape
●
language
●
layer
●
layout
●
less
●
library
●
license
●
life
●
lifehack
●
lightbox
●
Lightbox
●
link
●
Links
●
links
●
list
●
loading
●
login
●
logo
●
logos
●
LOVE_IS_DESIGN
●
LuckyBagBlog
●
mac
●
Mac
●
magazine
●
maintenance
●
manual
●
map
●
markup
●
mashup
●
material
●
max
●
max-width
●
mblog
●
media
●
mediaquery
●
memo
●
menu
●
Menus
●
microformats
●
min-height
●
min-width
●
minimal
●
mobile
●
mockup
●
mod_rewrite
●
modernizr
●
monochrome
●
mootools
●
mosaic
●
motion
●
mouse
●
MovableType
●
movabletype
●
movie
●
mozilla
●
multilanguage
●
museum
●
music
●
musician
●
nav
●
NAVER
●
neta
●
netafull
●
network
●
news
●
News
●
nibushibu
●
nonflash
●
NPO
●
nvu
●
online
●
opensource
●
OpenSource
●
opera
●
optimiser
●
optimize
●
osx
●
paper
●
parallax
●
part
●
pattern
●
patternify
●
pdf
●
performance
●
permalink
●
person
●
photo
●
Photography
●
photography
●
photos
●
Photoshop
●
photoshop
●
php
●
PHP
●
phpspot
●
PingMag
●
pixel
●
pixelmator
●
player
●
plugin
●
png
●
pop*pop
●
popup
●
portal
●
portfolio
●
Portfolio
●
postcode
●
presentation
●
print
●
privacy
●
processing
●
production
●
Production
●
programming
●
Programming
●
progress
●
progressbar
●
progression
●
progressive-enhancement
●
project
●
Prototype
●
prototype.js
●
psd
●
python
●
qtranslate
●
query
●
rails
●
RecentlyAjax
●
reference
●
Reference
●
reflection
●
replace
●
replacement
●
report
●
reset
●
resize
●
resolution
●
resource
●
responsive
●
review
●
revision
●
rollover
●
rss
●
rule
●
saas
●
Safari
●
sample
●
school
●
screen
●
screencast
●
screenshot
●
script
●
scripts
●
scroll
●
scrollbar
●
search
●
searchengine
●
sem
●
seo
●
server
●
service
●
shadow
●
shadowbox
●
share
●
shoes
●
showcase
●
simple
●
simple*simple
●
single
●
sitemap
●
Sitemap
●
size
●
skateboarding
●
sketch
●
sketches
●
skin
●
Sleipnir
●
slider
●
SlideShare
●
slideshow
●
smartphone
●
snippet
●
snippshot
●
sns
●
social
●
socialbookmark
●
Software
●
sort
●
speed
●
spry
●
standards
●
startup
●
statistics
●
stockphoto
●
Study
●
study
●
style
●
styleguide
●
support
●
svg
●
swf
●
swfobject
●
switcher
●
synfig
●
syntax
●
system.js
●
tab
●
table
●
tabs
●
tagcloud
●
team-work
●
technology
●
template
●
test
●
testing
●
text
●
texture
●
theme
●
theory
●
thickbox
●
Thumbnail
●
ticker
●
tidy
●
tiop
●
Tips
●
tips
●
todo
●
tool
●
tooltip
●
TrackBack
●
transition
●
translation
●
transparent
●
trend
●
tuning
●
tutorial
●
tween
●
tweener
●
twitter
●
type
●
typeface
●
typography
●
Typography
●
ud_reference
●
UI
●
ui
●
update
●
usability
●
useful
●
UTF-8
●
utility
●
UX
●
ux
●
validate
●
validation
●
validator
●
vector
●
vertical
●
video
●
videoplayer
●
visualization
●
w3c
●
WAI-ARIA
●
wallpaper
●
web
●
web2.0
●
webapp
●
Webdesign
●
WebDesign
●
webdev
●
webfont
●
webkit
●
webmagazine
●
Webservice
●
WebService
●
webservice
●
website
●
webstandards
●
webstock
●
wibiya
●
widget
●
wiki
●
window
●
wireframe
●
wirify
●
withD
●
wood
●
wordpress
●
WordPress
●
Wordpress
●
work
●
working
●
wp
●
WWW_WATCH
●
wysiwyg
●
XHTML
●
xhtml
●
xml
●
yahoo
●
yaml
●
youtube
●
YUI
●
zencoding
●
zipcode
●
zoom
●
あとで読む
●
ひろゆき
●
まとめ
●
吹き出し
●
角丸
タグの絞り込みを解除
webdesignに関するnibushibuのブックマーク (1,326)
●
10 users
●
goodpatch.com
●テクノロジー
UI/UXデザインでサービス開発を進める際に欠かすことのできないプロセスの1つに、ユーザビリティテストが挙げられます。しかし﹁聞いたことはあるけどどんなものか説明できない﹂﹁導入したいけど何をすれば良いのか分からない﹂といった悩みを持つ方は多いのではないでしょうか？そこで今回は、ユーザビリティテストがなぜ必要なのか、やり方、注意点についてご紹介します。チームでサービス開発をしている方は是非参考にしてみてください。 ユーザビリティテストとは ユーザビリティテスト︵Usability Test︶とは、システムやサービスのユーザビリティの程度や内容を調査することです。ユーザー対象者に対して、製品のプロトタイプを使ってもらうことでどの程度使いやすいか/使いにくいかといった問題が明らかになり、開発の貴重な指標を得ることができます。開発チームは、ユーザーからプロトタイプに関するフィードバックを直接受け
nibushibu
2018/11/05
●webdesign
●ui
●ux
●usability
●
18 users
●
liginc.co.jp
●テクノロジー
こんにちは、デザイナーの佐藤タカアキ︵@sato_tkaaki︶です。 先日、WACULの佐藤昭博さん／榎本 順彦さん、AID-DCCの有吉学さんとともに﹁HELLO!WEB!TOKYO vol.02﹂を開催しましたので、そのイベントレポートを書かせていただきます。 ﹁HELLO!WEB!TOKYO﹂とは？ HELLO!WEB!TOKYOとは、Webデザインに関わるすべての人を対象とした、情報交換や出会いの場所をつくりデザインを追求していくコミュニティです。同志が集まることによって、モチベーションが上がったり、現役のデザイナー仲間を増やすことを目的にイベントを主催しています。今後も勉強会やワークショップを2ヶ月に1回のペースで開催する予定です。2回目の開催となった今回は、﹁ゼロから始めるWebデザイン﹂をテーマにLT＆パネルディスカッションを行い、親睦会では現役のデザイナーと様々な情報交
nibushibu
2016/01/25
●design
●webdesign
●inspiration
●Study
●
153 users
●
web-rider.jp
●暮らし
Web marketing partner コンテンツの力で、 企業を成功へ導く Webマーケティングパートナー どれだけ考え抜かれたマーケティングも、 コンテンツが弱ければ上手くいきません。LP、記事、動画、音声、イベント、 プレゼンテーション、すべてがコンテンツです。 私たちは卓越したコンテンツ制作力を用いて、 多くの企業の売上に貢献してきました。 SEO、広告運用、SNS運用、CRO、 すべてを改善するコンテンツドリブンなマーケティングならお任せください。
nibushibu
2015/08/06
●company
●webdesign
●
2 users
●
www.awwwards.com
●テクノロジー
There was no bifurcation among the front-end or the back-end developers until the arrival of the web. We had C, Pascal and Fortran programmers and the language used at that time was detailed and descriptive. The web brought along withit a whole new concept of developers and designers. In the beginning they started writing templates in PHP and ColdFusion which was then shifted to JSP and ASP.net,
nibushibu
2015/08/03
●english
●webdesign
●
438 users
●
coliss.com
●テクノロジー
レスポンシブWebデザインは、デスクトップやスマホやタブレットなどさまざまなサイズのスクリーンの問題に対する素晴らしい解決方法です。 レスポンシブWebデザインをより深く理解するための基本原則を紹介します。 9 basic principles of responsive web design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 レスポンシブWebデザインのツールもリリースされているので、ぜひ！ FROONT -Responsive Web Design Tool レスポンシブとアダプティブ Webデザイン フロー 相対的なユニット ブレイクポイント 最大限と最小限の値 オブジェクトのネスト モバイルファーストorデスクトップファースト Webフォントとシステムフォント ビットマップ画像とベクター レスポンシブとアダプ
nibushibu
2014/11/18
●design
●responsive
●webdesign
●
353 users
●
memo.brdr.jp
●テクノロジー
※ この話はフィクションです。実在の人物や団体などとは関係ありません スマートフォンサイトを制作していて、﹁サイトを自由に拡大縮小できるようにしてるのは理由あんの？﹂と言われた時の場合の話です。 Viewportの設定どうしてたか <meta name="viewport" content="width=device-width"> これだけ。こうするとサイトの幅=デバイスの幅になり、拡大縮小は自由にできる。 対処法1‥話し合うそもそもブラウザにデフォルトで備わっている拡大縮小機能を無効にするのがおかしいなぜ拡大縮小を無効にするのか ネイティブアプリ感を出したい拡大縮小した時に表示が崩れるのを防ぎたい拡大した時に画像がボヤけるのが嫌例えば構成/デザインの上で小さな文字を使わなくてはならない場合、ユーザーはどうやってその文字を拡大するのかユーザーが拡大したいと思っても拡大が禁止されていたら、
nibushibu
2014/10/18
●accessibility
●webdesign
●usability
●ui
●
430 users
●
baigie.me
●テクノロジー
本エントリーは、以下の目次で構成されています。2種類のハサミと2種類のWebデザイナー Webデザインの特殊性 ビジュアルのディテールに神が宿らないWebデザイン 美しいが使えないWebデザインをしてしまう理由 Webデザイナーを支配する﹁強固な固定観念﹂と﹁裏の動機﹂ 美しいビジュアルの根底にあるデザインの本質 本当に﹁最近のWebデザインはつまらない﹂のか？ ミスマッチが生む不幸なWebデザイン Webデザイナーに求められる自らのスタンス Web制作会社にも求められる明確な価値観2種類のハサミと2種類のWebデザイナー 例えば、以下のような2種類のハサミが存在するとします。 工芸品のように美しいが切れ味はよくないハサミ 見た目はそれなりだが非常によく切れるハサミ1は、ハサミとしては売れないでしょう。ただ、それが刺激的で斬新なビジュアルであった場合には、特別な賞を取ったり、美術館に
nibushibu
2014/10/07
●design
●UX
●usability
●webdesign
●working
●
64 users
●
aerolab.github.io
●テクノロジー
Midnight.js lets you switch fixed headers on the fly Scroll to try itout! The Header Create your fixed nav (or header) as you typically would. You can use whatever markup suits you, just make sure the header works well with position:fixed. The Sections After that, take any sections of your page that need a different nav and add data-midnight="your-class"toit, where .your-class is the class you
nibushibu
2014/10/02
●jQuery
●fixed
●webdesign
●effect
●inspiration
●
684 users
●
parashuto.com
●テクノロジー
残念ながらページ全体のキャプチャをとっていなかったので下までお見せできませんが、ページのメイン要素となるカルーセルの下にはフッターしかありませんでした。ほんとですwそして、おぉ、さすがApple。 ここでも思い切った選択をしたな〜と思っていたわけです。 ところが！ 数日後にもう一度トップページを見てみたら、あの懐かしの4つのボックスが戻っているではないですか！？ 実は、このレイアウト︵巨大ヒーローイメージと4つのフィーチャーボックス︶が、何年も続いたAppleの鉄板レイアウトだったわけですが、先日のリニューアルでこのフィーチャーボックスがなくなっていて﹁ついに、あれもお亡くなりになられたか﹂と、密かに悲しんでおりました。 その後のこの華麗なカムバックです。 かなり興奮してしまいました。 しかも、スタイルも細かいスペースや背景の扱いがよりシンプルなものに更新されています。 iPadでみると
nibushibu
2014/09/24
●design
●ui
●usability
●webdesign
●
271 users
●
coliss.com
●テクノロジー
Webデザインのトレンドを知っておくことは、今そしてこれからWebサイトを制作する上で非常に大切な情報です。廃れていくものを採用するのではなく、今求められているもの、これから伸びるものを取り入れることで、Webサイトは長く幸せな時をおくることができます。 現在のWebデザインのトレンドと制作動向を知り、これからの傾向を探ったまとめを紹介します。 Improving on Existing Web Design Trends下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 トレンドを探るキーワードは全部で、26個。 デザインはより時間をかけ、コーディングはより少なく オープンソース よさそうに見えるWebデザイン ミニマリズムの進化 スクロールが好まれ、クリックは減少傾向 テキストはより少なく 明るい爽やかなカラー ユーザー目線 シンメ
nibushibu
2014/09/04
●trend
●design
●webdesign
●
41 users
●
www.adk.jp
●政治と経済
ADK マーケティング・ソリューションズ、 講談社のコンテンツ提供型コンサルティングサービスKiisS*1と連携して、 ショート動画制作のソリューションを提供開始 事業・サービス
nibushibu
2014/08/10
●agency
●webdesign
●
663 users
●
279-design.com
●テクノロジー
元々DTPやってました 自分は大卒でとある広告メディア系の会社に入ったんですが、ずっとDTP︵エディトリアルデザイナー︶の仕事をしており、正式にWebデザイナーに転向したのは2012年頃の話です。 ﹁このまま紙だけやっててもそのうち食えなくなっちゃうよなあ…﹂と思い、仕事のかたわらHTML/CSSをはじめとしたWebの勉強を始めました。一応HTMLかじったことはあるものの、知識は大学生の頃で完全にストップしており、floatって何？レベル。︵テーブルレイアウト世代︶ 一念発起したはいいものの、いざ勉強をしようとすると色々と問題が生じるわけですね。 Photoshopでデザインなんてやったことない、Illustrator使いたい 呪文みたいなコードを延々と打つ作業がだるい うまく動かなくて一つのコード間違いで3時間潰れたりするのが辛い 本屋行けば技術書、入門書はいくらでもあるけど、逆に何選べ
nibushibu
2014/08/05
●webdesign
●
17 users
●
www.awwwards.com
●テクノロジー
The fashion industry is always looking for the latest trends to soak up, reinterpret, and then relaunch in its own way to the rest of the world. This behaviour is also common in web design. So, when the worlds of fashion and Internet collide, we can expect to see websites that blend together the latest visual and technological trends. Each fashion brand aims to create a unique and characteristic v
nibushibu
2014/06/27
●showcase
●design
●webdesign
●
52 users
●
aogiri.net
●テクノロジー
おそらく自分の母親世代である方も対象になるであろうスマホサイトを制作するために、母に色々と意見を聞いてみました。 母は、スマートフォンで私のインストールしたアプリでレシピ見たり、天気予報を見たり、ニュースを見たりするぐらいで、積極的にネットで検索はしないけど、必要に迫られると見るというぐらい。 そこでいくつか驚いたこと、なるほどと思ったことがあったのでご紹介します。 右上の三本線はメニューとは認識しないどころか、﹁メニュー﹂という文言すら何を指しているのか分からない 最近、スマートフォンサイトではヘッダの右上に﹁三本線＋メニュー﹂のボタンが配置されることが多くなっています。三本線だけ、というサイトもありますが、万人がターゲットのようなサイトは、﹁メニュー﹂﹁MENU﹂の記載が大体あります。 しかし、私の﹁このメニューっていうボタンを押したらメニューが表示されるって分かる？﹂という質問に返っ
nibushibu
2014/06/01
●ui
●mobile
●webdesign
●
3409 users
●
blog.adobe.com
●テクノロジー
The Blog | Welcome to Adobe Blogアドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
nibushibu
2014/05/24
●mobile
●ui
●webdesign
●
1 user
●
desgr.com
●学び
nibushibu
2014/05/23
●showcase
●webdesign
●inspiration
●
162 users
●
tar.blogru.me
●テクノロジー
＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
nibushibu
2014/05/22
●text
●webdesign
●ui
●
5 users
●
medium.com/@assentorp
●テクノロジー
Photoshop has always been my favourite tool ever since I started making websites. It’s always been pretty much the same — open photoshop > make a new document with a grid which is approx. ~1400px wide > and start designing. When the design was done. I would usually print out paper mockups in A3-format and glue ittoblack cardboards and also upload JPG images to a web server, so the client could s
nibushibu
2014/05/20
●webdesign
●english
●
561 users
●
photoshopvip.net
●テクノロジー
﹃フォトショップ・ブイアイピー﹄の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
nibushibu
2014/05/07
●design
●webdesign
●inspiration
●
302 users
●
stocker.jp
●テクノロジー
以前、Webクリエイターボックスの﹁世界のWebデザイナーのお給料はいかほど？﹂という記事が話題になっていました。 記事そのものではなく、記事に対する Twitter や、はてなブックマークのコメントでの反応を見ていて個人的に気になったことがありましたのでここにまとめました。 ﹁他の国とくらべて日本のWebデザイナーの年収は低すぎる﹂とか﹁海外に脱出するしかない﹂と嘆いている方がかなりいらっしゃったようですが、こういう見方もありますよ、ということで… ※この記事は、2013年に公開したものを2019年にリライトしたものです。 Webデザイナーは、海外に移住すれば給料が上がる？ 特定の方を晒しあげるつもりはないのでツイートを埋め込むのはやめておきますが、Twitter では﹁世界のWebデザイナーのお給料はいかほど？﹂という記事をツイートするときに、以下のようなコメントをつけている方が何名か
nibushibu
2014/05/06
●webdesign
●working
1
2
3
4
5
6
7
8
9
10
次のページ
お知らせ
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第2週︶
お知らせ
はてなブックマーク透明性レポート︵2024年2月-2024年4月︶
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第1週︶
もっと読む
公式Twitter
●@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
●@hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx
サービス開発・改善に欠かせない、ユーザビリティテストのやり方︻準備〜実施〜分析まで︼ | Goodpatch Blog
﹁ゼロから始めるWebデザイン﹂HELLO!WEB!TOKYO vol.02を開催しました！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ウェブライダー | 京都で噂のWeb制作・マーケティングチーム
Digging into the Front-end Design Trends of 2015
しっかりと理解しておきたい！レスポンシブWebデザインを使いこなすための9つの基本原則
スマートフォンサイト制作で﹁なんで拡大縮小できるようにしてるの？﹂と言われた時の対処法
切れないハサミと使えないWebデザイン | ベイジの社長ブログ
Midnight.js - Switch fixed headers on the fly
Appleがトップページで自動送りカルーセルをやめた理由
2014年後半、現在これからのWebデザインのトレンドと制作動向を知る26のキーワード
ADK アサツー ディ・ケイ
DTP→Webデザイナー転向時に、これやったら捗ったよリスト13
50 of the Fiercest Fashion Websites
スマホ初心者の母にスマートフォンサイトのUIについて色々聞いてみました | AOGIRI.net︵アオギリネット︶
︻Photoshop入門︼Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
One page web design has never looked so good!
403 Forbidden
How I designed a website without Photoshop
新着記事
うわっ、日本のWebデザイナーの年収、低すぎ…？