サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
bitgleams
id:bitgleams
●
16,136
ブックマーク
●
-
お気に入り
●
-
お気に入られ
タグ
●すべて
●
***
(10449)
●
.htaccess
(15)
●
2ch
(141)
●
3d
(22)
●
@font-face
(19)
●
IoT
(22)
●
accessibility
(269)
●
ad(159)
●
adobe
(158)
●
adventcalendar
(25)
●
advertisement
(43)
●
ai(20)
●
ajax
(22)
●
amazon
(68)
●
analytics
(55)
●
android
(208)
●
animation
(119)
●
api
(106)
●
app
(672)
●
apple
(390)
●
archives
(438)
●
art
(69)
●
asia
(32)
●
atom
(17)
●
au(21)
●
audio
(41)
●
aws
(29)
●
background
(18)
●
backup
(42)
●
bag
(22)
●
baseball
(198)
●
battery
(30)
●
bem
(16)
●
bicycle
(20)
●
blog
(556)
●
boilerplate
(31)
●
book
(549)
●
bootstrap
(120)
●
brain
(62)
●
branding
(97)
●
browser
(475)
●
bug
(19)
●
business
(1805)
●
button
(59)
●
ca(44)
●
camera
(64)
●
canvas
(43)
●
career
(299)
●
cars
(50)
●
character
(19)
●
cheatsheet
(24)
●
children
(40)
●
china
(36)
●
chrome
(107)
●
cloud
(54)
●
cms
(208)
●
coda
(16)
●
code
(74)
●
coding
(609)
●
coffee
(42)
●
color
(214)
●
command
(22)
●
commandline
(26)
●
communication
(715)
●
community
(187)
●
company
(449)
●
compass
(67)
●
components
(39)
●
concrete5
(24)
●
conference
(155)
●
contents
(553)
●
context
(29)
●
cooking
(168)
●
cookpad
(20)
●
copyright
(88)
●
coworking
(65)
●
creative
(491)
●
creator
(70)
●
css
(1177)
●
css3
(914)
●
cssnite
(130)
●
cssradar
(17)
●
csssprite
(21)
●
culture
(336)
●
curry
(32)
●
data
(64)
●
database
(64)
●
debug
(18)
●
demo
(92)
●
dena
(19)
●
design
(2163)
●
designer
(72)
●
dev
(2564)
●
device
(121)
●
direction
(127)
●
display
(112)
●
docomo
(41)
●
document
(151)
●
dom
(49)
●
dq(34)
●
dreamweaver
(18)
●
drinks
(85)
●
dropbox
(18)
●
dtp
(25)
●
dwango
(17)
●
earthquake
(32)
●
ebooks
(134)
●
ec(53)
●
economy
(145)
●
edge
(26)
●
editor
(210)
●
education
(443)
●
effect
(28)
●
element
(19)
●
emmet
(33)
●
engineer
(148)
●
english
(191)
●
entertainment
(45)
●
epub
(21)
●
event
(742)
●
evernote
(20)
●
extension
(30)
●
facebook
(188)
●
fashion
(67)
●
feed
(39)
●
ficc
(25)
●
firefox
(57)
●
firefoxOS
(30)
●
fireworks
(35)
●
flash
(25)
●
font
(356)
●
fontsize
(27)
●
foods
(338)
●
foodshop
(107)
●
form
(48)
●
framework
(236)
●
free
(218)
●
freelance
(130)
●
frontend
(84)
●
fshin
(97)
●
fukushima
(19)
●
functions
(48)
●
future
(18)
●
gadget
(96)
●
gallery
(141)
●
game
(426)
●
generation
(77)
●
generator
(115)
●
gigazine
(132)
●
git
(145)
●
github
(120)
●
global
(103)
●
google
(500)
●
google+
(36)
●
googleAdsense
(18)
●
googleAnalytics
(48)
●
gradients
(28)
●
graphic
(144)
●
grid
(117)
●
grunt
(25)
●
guideline
(124)
●
gulp
(19)
●
hatena
(32)
●
hcd
(37)
●
hdd
(25)
●
health
(294)
●
history
(380)
●
hokkaido
(28)
●
html
(523)
●
html5
(773)
●
html5j
(93)
●
http
(30)
●
human
(839)
●
ia(124)
●
ichiro
(16)
●
icloud
(18)
●
icons
(93)
●
idea
(532)
●
ie(108)
●
ie10
(22)
●
ie6
(18)
●
ie7
(19)
●
ie8
(28)
●
illustration
(52)
●
illustrator
(38)
●
image
(392)
●
inBrowserDesign
(29)
●
india
(19)
●
infographics
(19)
●
information
(88)
●
ingress
(153)
●
innovation
(71)
●
inspiration
(168)
●
instagram
(26)
●
interaction
(19)
●
interface
(67)
●
interview
(781)
●
ios
(155)
●
ipad
(45)
●
iphone
(225)
●
it(64)
●
itoi
(24)
●
japan
(1818)
●
japan311
(54)
●
japanese
(468)
●
javascript
(899)
●
jisx8341-3
(36)
●
jobs
(33)
●
joiito
(20)
●
jojo
(35)
●
jpg
(17)
●
jquery
(317)
●
jquerymobile
(27)
●
kayac
(18)
●
keyboard
(32)
●
kindle
(41)
●
korea
(19)
●
language
(224)
●
layout
(211)
●
learning
(646)
●
legal
(151)
●
less
(49)
●
library
(69)
●
license
(32)
●
life
(1647)
●
lifehack
(978)
●
lifestyle
(651)
●
line
(37)
●
linux
(20)
●
lions
(38)
●
list
(86)
●
literacy
(32)
●
logic
(91)
●
logo
(63)
●
mSumi
(16)
●
mac
(541)
●
magazine
(54)
●
mail
(43)
●
mamp
(24)
●
management
(486)
●
map
(49)
●
markdown
(54)
●
marketing
(304)
●
markup
(93)
●
mathematics
(45)
●
media
(612)
●
mediaQueries
(56)
●
medical
(177)
●
mentality
(587)
●
microsoft
(76)
●
minimalism
(17)
●
mit
(26)
●
mixi
(21)
●
mlb
(37)
●
mobile
(1202)
●
mockup
(21)
●
money
(198)
●
motivation
(19)
●
movie
(56)
●
mozilla
(55)
●
mt(24)
●
music
(200)
●
mvno
(24)
●
mysql
(31)
●
naming
(69)
●
nanapi
(24)
●
nature
(81)
●
navigation
(89)
●
nazo
(74)
●
nbOnline
(49)
●
neta
(596)
●
network
(92)
●
news
(1505)
●
nhk
(134)
●
niconico
(19)
●
nintendo
(46)
●
node.js
(47)
●
npb
(38)
●
nuclear
(45)
●
ny(23)
●
office
(25)
●
olympic
(27)
●
oocss
(21)
●
oop
(16)
●
opensource
(20)
●
opera
(24)
●
opinion
(1012)
●
os(312)
●
output
(52)
●
packages
(32)
●
password
(19)
●
pasta
(32)
●
pattern
(21)
●
pc(156)
●
pdf
(43)
●
performance
(168)
●
perfume
(45)
●
person
(1255)
●
photo
(228)
●
photoshop
(58)
●
php
(271)
●
plugin
(257)
●
png
(30)
●
podcast
(43)
●
politics
(210)
●
portal
(30)
●
portfolio
(30)
●
presentation
(180)
●
print
(17)
●
privacy
(103)
●
process
(63)
●
products
(421)
●
programming
(924)
●
project
(134)
●
promotion
(79)
●
prototype
(72)
●
psychology
(200)
●
publish
(101)
●
radio
(62)
●
rakuten
(22)
●
ramen
(32)
●
readership
(23)
●
recipe
(126)
●
recruit
(22)
●
reference
(120)
●
regex
(17)
●
report
(744)
●
research
(250)
●
resources
(117)
●
responsive
(938)
●
retina
(54)
●
review
(378)
●
riskManagement
(75)
●
rss
(44)
●
ruby
(41)
●
safari
(16)
●
saitama
(25)
●
sample
(198)
●
samsung
(16)
●
sass
(156)
●
science
(295)
●
screen
(100)
●
scss
(56)
●
search
(119)
●
security
(220)
●
semantic
(29)
●
seminar
(268)
●
seo
(166)
●
server
(157)
●
service
(366)
●
shibuya
(27)
●
shoes
(24)
●
shop
(161)
●
shopping
(71)
●
shortcut
(56)
●
showcase
(26)
●
sim
(31)
●
simple
(44)
●
sketch
(29)
●
sketch.app
(68)
●
skill
(480)
●
sleep
(36)
●
slides
(570)
●
smartphone
(109)
●
snippets
(36)
●
sns
(265)
●
soccer
(105)
●
social
(1356)
●
socialmedia
(169)
●
softbank
(22)
●
software
(380)
●
sony
(23)
●
sound
(19)
●
source
(95)
●
speech
(22)
●
sports
(390)
●
ssd
(16)
●
startup
(101)
●
stationery
(16)
●
strategy
(31)
●
styleguides
(46)
●
sublimeText
(143)
●
support
(28)
●
svg
(81)
●
table
(18)
●
tablet
(64)
●
talk
(24)
●
tax
(16)
●
tech
(597)
●
ted
(80)
●
template
(100)
●
terminal
(56)
●
test
(140)
●
text
(112)
●
themes
(207)
●
timBL
(17)
●
time
(64)
●
tips
(3681)
●
togetter
(136)
●
tokyo
(265)
●
tokyo2020
(30)
●
tools
(1580)
●
travel
(41)
●
trends
(44)
●
tutorial
(1055)
●
tv(279)
●
twitter
(343)
●
typography
(199)
●
ui(810)
●
uniqlo
(22)
●
university
(61)
●
unix
(16)
●
url
(58)
●
usa
(257)
●
usability
(109)
●
ux(354)
●
vagrant
(40)
●
vector
(30)
●
video
(401)
●
vim
(16)
●
virtualbox
(25)
●
visual
(32)
●
visualization
(21)
●
w3c
(155)
●
wai-aria
(21)
●
wcag
(51)
●
weather
(59)
●
web
(5160)
●
webapp
(20)
●
webdesign
(2639)
●
webfonts
(104)
●
webkit
(46)
●
webservice
(849)
●
websig
(18)
●
website
(741)
●
webstandards
(46)
●
wifi
(23)
●
wikipedia
(62)
●
windows
(115)
●
wireframe
(73)
●
word
(138)
●
wordbench
(40)
●
wordcamp
(48)
●
wordpress
(823)
●
work
(2493)
●
workflow
(142)
●
workshop
(31)
●
workstyle
(234)
●
writing
(399)
●
yahoo
(38)
●
yhassy
(206)
●
youtube
(54)
●
zerobase
(18)
●
あとで
(679)
●
おしえて
(30)
●
ことば
(229)
●
これはひどい
(60)
●
まとめ
(1537)
●
アニメ
(69)
●
ウェブデザイン
(47)
●
コリス
(142)
●
シリコンバレー
(16)
●
ジブリ
(27)
●
トラブル
(16)
●
ドットインストール
(26)
●
マンガ
(82)
●
事件
(18)
●
事例
(181)
●
交通
(113)
●
仕様書
(24)
●
企画
(29)
●
公式
(82)
●
分析
(31)
●
勉強会
(172)
●
哲学
(16)
●
地域
(336)
●
基本
(2099)
●
声優
(35)
●
女性
(76)
●
宗教
(35)
●
定義
(22)
●
対談
(142)
●
建築
(21)
●
思考
(1341)
●
感染症
(33)
●
文字起こし
(20)
●
新宿
(18)
●
検証
(135)
●
比較
(195)
●
災害
(24)
●
犯罪
(17)
●
環境
(35)
●
産業
(163)
●
用語
(69)
●
男女
(23)
●
男性
(47)
●
目次
(318)
●
知識
(21)
●
素材
(142)
●
組織
(45)
●
編集
(58)
●
考察
(1892)
●
行政
(25)
●
設定
(147)
●
議論
(171)
●
資料
(157)
●
追悼
(20)
●
運営
(226)
●
運用
(46)
●
選挙
(16)
●
邦訳
(262)
●
鉄道
(26)
●
***
(10449)
●
web
(5160)
●
tips
(3681)
●
webdesign
(2639)
●
dev
(2564)
●
work
(2493)
●
design
(2163)
●
基本
(2099)
●
考察
(1892)
●
japan
(1818)
関連タグで絞り込む (39)
●
***
●
accessibility
●
android
●
apple
●
branding
●
color
●
css
●
dev
●
dribbble
●
event
●
font
●
fshin
●
guideline
●
ios
●
layout
●
logo
●
media
●
mobile
●
news
●
opinion
●
person
●
recruit
●
sns
●
socialmedia
●
test
●
tips
●
twitter
●
typography
●
ui
●
usability
●
web
●
webdesign
●
webservice
●
work
●
zuckerberg
●
まとめ
●
基本
●
検証
●
考察
タグの絞り込みを解除
designとfacebookに関するbitgleamsのブックマーク (12)
●
165 users
●
www.ideaxidea.com
●暮らし
ドットインストール代表のライフハックブログ
bitgleams
2018/11/05
●web
●ui
●design
●webdesign
●tips
●facebook
●***
●基本
●
4 users
●
longtailworld.blogspot.com
●テクノロジー
IQ Test in 40 min. (c) One Mans Blog Wondering how much IQ you have? Click above to check it. You can goforward and backward, skipping questions or overwriting your answers. Take as much time as you want for your speed doesn't matter. Completed, press submit button. For evaluation, visit the source . You can also check how much your body costs at Cadaver Calculator . 40分でできるIQテスト。上のイラストをクリックするとスタ
bitgleams
2015/08/08
●accessibility
●person
●facebook
●zuckerberg
●webservice
●color
●web
●***
●design
●
147 users
●
www.standardinc.jp
●テクノロジー
以前Facebookのアプリケーションで採用されたことを皮切りに、ここ数年で多くのアプリケーションで使われることになったドロワーというナビゲーションについての考察です。 最近ネット上でも話題になっており、安易なナビゲーションへの採用が見直されているされているインターフェイスでもあります。しかしドロワーの必要性について疑うことは良いのですが、表面的にただドロワーを使ってはいけないという情報に左右されていては、安易なドロワーはなくなったとしても、次に安易なタブなどが量産されるということが予測できます。 UIに関わるデザイナーとしては、なぜドロワーが適していないのかということと同時に、どのような状況下であればドロワーが適しているのかは考え続ける必要があるでしょう。 ドロワーの歴史 まず名前の由来としては、たしか2013年にAndroidでナビゲーションドロワーのためのフレームワークが公開されたこ
bitgleams
2014/07/30
●考察
●ui
●design
●mobile
●ios
●android
●facebook
●***
●
150 users
●
www.facebookbrand.com
●テクノロジー
ブランドアセットを以下のいずれかで使用する必要がある場合は、許可を求めるリクエストを送信してください。 テレビまたはオンラインでのマーケティングまたは広告書籍、舞台、テレビ番組、映画台本印刷パッケージ Meta製品に表示される広告はMetaの広告ポリシーチームによって審査されるため、使用許可は必要ありません。詳しくは、Metaの広告ポリシーをご覧ください。 その他の形式のマーケティングすべてについては、許可は不要です。ただし、公式に提供されているアセットを使用し、このサイトに記載されたガイドラインを守る必要があります。なお、リクエストは英語のみでの受付となりますので、ご了承ください。
bitgleams
2014/07/04
●branding
●design
●facebook
●guideline
●logo
●color
●web
●
5 users
●
f-shin.net
●テクノロジー
#blogosに転載された場合、期待を裏切ったら申し訳ないので先に書いておきますが、これは﹁論﹂ではなく﹁日記﹂です。先に謝っておきます。 ネットに慣れた人たちと、そうでない人たちの圧倒的な差とは、 ﹁期待可能なコミュニティがそこにあるか否か﹂ の差だろう。 ﹁いいね﹂というのは、﹁反応が得られることをある程度想定した行動﹂と言える。 つまり、﹁この写真をアップする﹂ことで、﹁いいね﹂が得られることを期待できるからアップするのだと思う。 人間は、﹁やや不確実﹂だけど﹁期待できる﹂ところにチャレンジするのが好きなのではないだろうか。2ちゃんの釣りだって、わかってて、つられてくれる人たちがいるからチャレンジするわけだ。Answerは即レスが来ることを売りにしているし、メルカリもすぐに売れますというところを売りにしている。期待に対するリターンを作るところに投資をしていて、この2社はさすが。 これ
bitgleams
2014/05/18
●fshin
●考察
●sns
●web
●facebook
●socialmedia
●media
●design
●***
●twitter
●
2 users
●
9-bb.com
●テクノロジー
ちょっと前まではFacebookのコメントシステムがCSSでレスポンシブ(リキッドデザイン)化する事ができていたのですが それが不可能になってしまっています これは、ちょっと使いづらいなと思ったのですが スマホやタブレット向けには、初期値でレスポンシブ化になっていました スマホ、タブレット向けには自動的にレスポンシブ化されている スマホやタブレットでアクセスすると親要素に合わせて自動的にレスポンシブ化するようになっています こんな感じに 自動的に画面幅に合わせて、コメント欄が小さくなるようになっています コメントボタンはクリックすると表示されます つまり、CSSでレスポンシブ化しなくても 自動的に端末別にレスポンシブにしてくれるということです PCでのサイズを取得して設置すれば、あとは自動的になるので実は改良されていたのですね Chromeのデベロッパーツールのエミュレータで確認可能です
bitgleams
2014/05/11
●facebook
●css
●webdesign
●tips
●design
●layout
●
372 users
●
mohritaroh.hateblo.jp
●テクノロジー
フェイスブックが使いにくいみたいな意見はよく見かける ネット初心者・上級者・古参、関係なく見かける このひと、ネットのリテラシー高くて、ほかのツールはすぐさくさく使えてるのに、フェイスブックにはすごいダメ出してる、みたいな人いる でも、個人的な感覚として、そんな使いにくいインターフェースではない 慣れなのかなともおもったけど、いつまでも慣れないってひともよく見かける ということは、慣れとかリテラシーとかじゃない何かがある むしろ、既存のネットに慣れてたりリテラシーがあったりすると、それが邪魔をするような何かがある 例えば、ニュースフィードが投稿を間引いたり、並び替えたりするのを、すごい怒ってるひとをよく見かける 時系列で全部を並べろ、という でも、時系列で全部を並べられても読めないんだから、それなりのアルゴリズム︵エッジランクという名前ついてて、自分に親しい友達がいいね！したエッジはランク
bitgleams
2014/04/07
●考察
●***
●webservice
●dev
●facebook
●design
●usability
●test
●
182 users
●
goodpatch.com
●テクノロジー
デザイナーなら誰でもチェックしているであろうDribbble。招待制なので優秀なデザイナー以外は参加できず、常に高いクオリティが保たれています。Goodpatchでも最近Dribbbleに作品をアップしはじめました︵アカウントはこちら︶。MEMOPATCHをご覧の方の中にもDribbbleをチェックしている方やこれから見てみたいと思っている方も多いはず。でもはじめたばかりの頃だと誰をフォローしたらいいのかなかなかわからないのではないでしょうか？そこで今回は、Goodpatchメンバーがいつもチェックしている世界のスーパーUIデザイナー14人を紹介します！Louie Mantia https://dribbble.com/mantia 2008年に大学を卒業して以来、働いてきた会社はTapulous、Iconfactroy、Apple、Squareと聞けばそのすごさが伝わるのではないでし
bitgleams
2013/05/21
●まとめ
●design
●person
●dribbble
●ui
●dev
●facebook
●***
●
6 users
●
www.visualthinking.jp
●テクノロジー
先日、米ヤフーの新アイコンを紹介しました。 米Yahoo! 新UIに学ぶアイコン・デザイン すでにWindowsのデザインもフラット化していて、アップルも？と噂されています。 Facebookでも同様の流れがあって、海外ブログ﹁Brand New﹂で新しい﹁f﹂ロゴといくつかのアイコンをビフォー・アフターで並べていました。 image by Brand New image by Brand New 背景の一つは、レスポンシブ・デザイン。 特にスマートフォンやタブレット端末での見た目、使い勝手がフラット・アイコン化の起点にあるように思います。 ピクトグラム好きとしては、ロゴやアイコン、ボタンはフラットな方が見るのも作るのも好きなのでうれしい流れ。 チープになったと感じる人もいるようですが。
bitgleams
2013/05/03
●考察
●ui
●design
●facebook
●
19 users
●
www.gizmodo.jp
●テクノロジー
アップルが誇るインターフェースの重鎮であり、戦略的デザインのコンサルタントを手がける企業﹁フロッグデザイン﹂のベテランであり、UIデザインのマネージャーだったクリス・ウィールドレイヤー︵Chris Weeldreyer︶さん。 今月18日、彼はフェイスブックという名の舟に飛び乗り、マーク・ザッカーバーグのポセイドン︵海の神様︶のような右腕として力強く舟を漕ぎ出しました。優良なスタートアップ企業を次々と獲得しているフェイスブックですが、デザインについても今後が期待されますね。 9to5Mac誌もウィールドリヤーさんの輝かしい実績をもとに、フェイスブックのデザインが劇的に洗練されていくであろうことを指摘しています。 彼は、アップル社が申請した多くのセキュリティ関連特許、iPadのiWeb、マルチタッチやジェスチャーに関する発明を行った人物としても知られています。リンクトイン︵LinkedIn︶
bitgleams
2012/06/26
●news
●facebook
●apple
●person
●work
●recruit
●design
●ui
●
12 users
●
maka-veli.com
●世の中
FacebookのあのロゴはKlavikaのBoldが一番近いとか。 カスタムフォントのようですけど。 なんとなーく使いたくなったんですが、 Klavikaは有償なので似てるの探してみました。 うーん・・・どれが一番似て....MOREFacebookのフォントはKlavika Boldがベースのカスタムフォントらしい。 is a post from: Maka-veli.com
bitgleams
2012/06/24
●検証
●facebook
●font
●design
●typography
●
1 user
●
knn.typepad.com
●テクノロジー
bitgleams
2012/06/12
●opinion
●facebook
●ui
●webservice
●design
●event
●sns
1
お知らせ
ランキング
今週のはてなブックマーク数ランキング︵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
ウェブサービスを作るときはBlank Slateを工夫しよう | IDEA*IDEA
シリコンバレーのトリビア51‥Silicon Valley Trivia Quiz 51
ドロワーというナビゲーションの再考 | UXデザイン会社Standardのブログ
Brand Resource Center
Facebookのいいねに見られる中毒性の極大化策︵ただし日記です︶ | F's Garage
FacebookのコメントシステムがCSSでレスポンシブ(リキッドデザイン)に出来なくなっているけども 実は対応されていた | 9ineBB
﹁ネットに強い﹂ひとほどフェイスブックは使いづらい - in between days
Dribbbleでフォローしたい、世界トップレベルのUIデザイナー14人 | Goodpatch Blog
フラット化するアイコン・デザイン︵Facebookの場合︶ | ビジュアルシンキング
フェイスブック、アップルの特許を数多く考案した重鎮デザイナーを獲得
FacebookのフォントはKlavika Boldがベースのカスタムフォントらしい。 / Maka-Veli .com
KandaNewsNetwork KNN