What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
タグ
- すべて
- *webservice (2)
- 1101 (2)
- 2009 (2)
- 2ch (14)
- 37signals (2)
- 3d (23)
- 5d (2)
- CD (3)
- CSS (194)
- Favicon (2)
- Gallery (90)
- RSS (31)
- Tips (176)
- abemao (2)
- accessibility (6)
- actionscript (10)
- activism (2)
- ad (20)
- addon (2)
- adobe (11)
- advertising (15)
- agency (18)
- aggregator (23)
- air (7)
- ajax (76)
- amazon (7)
- analysis (6)
- analytics (8)
- android (8)
- animal (3)
- animation (19)
- api (22)
- app (13)
- apple (43)
- application (8)
- applications (9)
- apps (26)
- appstore (3)
- architecture (12)
- art (162)
- artist (4)
- as3 (3)
- au (4)
- audio (10)
- avatar (13)
- award (5)
- awards (4)
- background (4)
- beauty (5)
- blog (539)
- blogging (14)
- blogparts (7)
- blogs (59)
- book (26)
- bookmark (12)
- bookmarking (7)
- bookmarks (9)
- books (5)
- brand (3)
- branding (8)
- browser (29)
- brushes (7)
- bug (3)
- business (110)
- button (3)
- cafe (6)
- calendar (10)
- camera (30)
- campaign (30)
- canon (3)
- car (6)
- card (4)
- cards (3)
- career (4)
- celebrity (3)
- chart (4)
- charts (4)
- chat (6)
- chrome (7)
- clock (5)
- clothing (4)
- club (3)
- cm (6)
- cms (14)
- code (5)
- coding (3)
- collaboration (12)
- color (36)
- column (33)
- comic (8)
- comics (3)
- communication (16)
- community (98)
- company (22)
- computer (3)
- contacts (3)
- contest (3)
- cooking (9)
- cool (31)
- corporate (3)
- creative (4)
- css3 (3)
- culture (15)
- customize (3)
- daily (3)
- data (3)
- database (5)
- del.icio.us (5)
- delicious (3)
- design (902)
- designer (8)
- desktop (6)
- dev (5)
- development (49)
- diagram (3)
- diet (6)
- digg (4)
- digital (4)
- diy (4)
- dj (3)
- documentation (3)
- download (4)
- drawing (3)
- drink (3)
- earthquake (7)
- ec (3)
- eco (11)
- editor (10)
- education (10)
- email (3)
- entertainment (7)
- environment (3)
- event (52)
- events (4)
- extension (17)
- extensions (7)
- face (3)
- facebook (15)
- fashion (76)
- feed (9)
- feeds (4)
- filesharing (4)
- film (6)
- finance (6)
- firefox (31)
- flash (338)
- flex (4)
- flickr (49)
- follow (3)
- font (39)
- fonts (15)
- food (44)
- framework (5)
- free (79)
- freelance (3)
- freeware (4)
- friends (3)
- fun (34)
- funny (34)
- furniture (12)
- gadget (13)
- gadgets (4)
- game (34)
- games (11)
- generator (75)
- girl (10)
- girls (3)
- gmail (5)
- goo (5)
- goods (18)
- google (94)
- googlemaps (9)
- gourmet (7)
- gps (4)
- graphic (21)
- graphics (43)
- green (11)
- grid (4)
- gtd (4)
- gui (4)
- guidelines (3)
- hack (22)
- hair (3)
- hardware (5)
- hatena (8)
- health (16)
- history (12)
- home (4)
- homepage (4)
- hosting (6)
- house (6)
- howto (8)
- html (89)
- html5 (11)
- humor (11)
- icon (30)
- icons (15)
- idea (49)
- identity (4)
- ie (16)
- ie6 (5)
- illustration (37)
- illustrator (15)
- image (26)
- images (24)
- information (6)
- inspiration (236)
- instagram (4)
- interaction (5)
- interactive (19)
- interface (55)
- interior (14)
- internet (28)
- interview (15)
- ipad (3)
- iphone (118)
- ipod (15)
- ipodtouch (3)
- it (12)
- itunes (6)
- jailbreak (3)
- japan (162)
- japanese (34)
- java (3)
- javascript (84)
- job (7)
- jobs (3)
- joke (4)
- jquery (9)
- kayac (10)
- kids (5)
- labs (4)
- language (7)
- layout (17)
- layouts (3)
- learning (4)
- library (7)
- life (100)
- lifehack (62)
- lifehacks (29)
- lifestream (16)
- lifestreaming (5)
- lightbox (3)
- links (7)
- list (5)
- live (8)
- livedoor (11)
- local (4)
- location (6)
- logo (6)
- mac (79)
- macosx (3)
- magazine (73)
- mail (6)
- management (45)
- map (22)
- maps (11)
- marketing (34)
- mashup (84)
- material (6)
- media (46)
- meeting (4)
- memo (12)
- menu (5)
- microblogging (21)
- microsoft (12)
- mindmapping (3)
- mobile (106)
- model (4)
- money (8)
- monitoring (3)
- motion (3)
- movabletype (5)
- movie (80)
- movies (7)
- mozilla (5)
- mp3 (9)
- muji (3)
- multimedia (3)
- music (110)
- nature (4)
- navigation (7)
- neta (46)
- network (7)
- networking (5)
- news (147)
- newspaper (7)
- nhk (9)
- nifty (3)
- nintendo (3)
- notes (3)
- obama (3)
- office (4)
- official (4)
- online (38)
- openid (3)
- opensocial (3)
- opensource (16)
- optimization (3)
- os (3)
- osx (25)
- p2p (3)
- paperboy (4)
- patterns (9)
- pc (5)
- people (3)
- performance (7)
- phone (5)
- photo (194)
- photoblog (4)
- photographer (3)
- photography (99)
- photos (84)
- photoshop (51)
- php (12)
- pictures (3)
- pink (3)
- pipes (3)
- plugin (39)
- plugins (5)
- png (4)
- podcast (4)
- poken (3)
- polaroid (3)
- politics (11)
- poll (3)
- portal (48)
- portfolio (48)
- presentation (8)
- presentations (3)
- print (5)
- product (14)
- production (7)
- productivity (10)
- profile (4)
- programming (45)
- progression (4)
- project (10)
- projectmanagement (3)
- promotion (24)
- prototyping (4)
- radio (12)
- ranking (10)
- reader (4)
- reading (3)
- realtime (3)
- recipe (3)
- recruit (19)
- reference (29)
- remote (3)
- research (4)
- resources (41)
- restaurant (7)
- review (9)
- reviews (3)
- room (3)
- sbm (5)
- science (6)
- screencapture (4)
- screencast (3)
- screenshot (4)
- search (115)
- searchengine (12)
- security (3)
- seesmic (3)
- seminar (4)
- seo (19)
- service (96)
- share (8)
- sharing (32)
- shibuya (3)
- shop (46)
- shopping (53)
- shorturl (3)
- showcase (8)
- simple (16)
- slideshow (6)
- sns (95)
- social (288)
- socialmedia (26)
- socialnetwork (3)
- socialnetworking (40)
- society (3)
- software (115)
- sony (9)
- sound (7)
- sports (10)
- statistics (12)
- stats (3)
- storage (8)
- streaming (24)
- studio (4)
- study (10)
- survey (3)
- sustainability (3)
- sweets (3)
- sync (3)
- tagging (6)
- tags (9)
- tech (5)
- technology (72)
- television (4)
- template (3)
- templates (11)
- test (3)
- testing (5)
- text (14)
- tha (4)
- theme (11)
- themes (13)
- time (4)
- timeline (6)
- tinyurl (3)
- tokyo (26)
- tool (75)
- tools (464)
- tracking (4)
- train (3)
- travel (22)
- trends (8)
- tumblr (18)
- tutorial (71)
- tutorials (27)
- tv (38)
- twitter (171)
- twittertools (15)
- type (3)
- typography (41)
- ui (106)
- uniqlo (8)
- url (11)
- usability (35)
- ux (13)
- venture (5)
- video (135)
- videos (43)
- virtual (3)
- visualization (30)
- voice (4)
- wallpaper (6)
- wallpapers (3)
- web (511)
- web2.0 (484)
- webcam (6)
- webdesign (618)
- webdev (30)
- webservice (316)
- website (7)
- webサービス (27)
- web制作会社 (9)
- widget (5)
- widgets (3)
- wiki (6)
- windows (27)
- wireframe (7)
- wireframes (5)
- wishlist (4)
- woman (5)
- women (3)
- wordpress (44)
- work (28)
- xhtml (6)
- yahoo (59)
- yahoo! (9)
- youtube (45)
- yugop (6)
- yui (3)
- あとで読む (24)
- まとめ (66)
- アクセシビリティ (3)
- アクセス解析 (5)
- アナログ (3)
- イベント (3)
- インテリア (6)
- グルメ (8)
- ダイエット (3)
- デザイン (25)
- ニュース (22)
- ネタ (107)
- フォント (6)
- ブログ (14)
- ブログパーツ (3)
- プロモーション (7)
- レシピ (5)
- 不動産 (5)
- 仕事 (7)
- 写真 (13)
- 動画 (31)
- 占い (4)
- 名刺 (3)
- 和 (4)
- 地図 (6)
- 家具 (3)
- 広告 (5)
- 携帯 (5)
- 政治 (3)
- 料理 (6)
- 検索 (5)
- 素材 (5)
- 雑貨 (4)
- design (902)
- webdesign (618)
- blog (539)
- web (511)
- web2.0 (484)
- tools (464)
- flash (338)
- webservice (316)
- social (288)
- inspiration (236)
関連タグで絞り込む (816)
- *people
- .htaccess
- 37signals
- 3d
- accessibility
- actionscript
- activism
- actress
- ad
- adidas
- adobe
- advertising
- africa
- agency
- aggregator
- air
- ajax
- akirakobayashi
- album
- amazon
- analytics
- android
- animal
- animation
- answers
- apache
- api
- app
- apparel
- apple
- applications
- appointments
- apps
- aprilfool
- ar
- architecture
- arquitetura
- art
- artist
- asahi
- asian
- atode
- au
- audio
- australia
- avatar
- award
- awards
- axe
- axis
- ba
- background
- backgrounds
- bag
- banking
- banner
- bascule
- bbc
- beatles
- beauty
- beer
- beta
- bicycle
- bijo
- billing
- black
- blender
- blog
- blogging
- blogparts
- blogs
- blue
- book
- booking
- bookmark
- bookmarking
- bookmarks
- books
- box
- brand
- branding
- brasil
- browser
- brush
- brushes
- buddhism
- bug
- business
- businesscard
- businesscards
- button
- buttons
- buzz
- cache
- cafe
- calendar
- camera
- campaign
- camper
- canvas
- capture
- car
- card
- cards
- cars
- cc
- celebrity
- cg
- change
- charity
- chart
- charts
- chat
- check
- chrome
- city
- clock
- clothes
- clothing
- club
- CM
- cm
- cms
- cocoa
- code
- coffee
- collaboration
- color
- colorful
- colors
- colorscheme
- column
- comedy
- comic
- communication
- community
- company
- compressor
- conference
- content
- contest
- cooking
- cool
- corporate
- crafts
- creative
- creator
- crowdsourcing
- cs4
- css
- CSS
- css3
- cssdoc
- culture
- customerservice
- cute
- daily
- dark
- deals
- del.icio.us
- delicious
- Design
- designer
- desktop
- developer
- development
- dhtml
- diagram
- diagrams
- diet
- digg
- digital
- directory
- disney
- display
- diy
- dj
- doctype
- documentary
- documentation
- dog
- doodle
- dopplr
- download
- drawing
- drink
- dsi
- earth
- ebisu
- ec
- eco
- ecommerce
- editor
- education
- effect
- electronics
- embalagem
- embed
- entertainment
- entrepreneurship
- environment
- estate
- event
- events
- excite
- exhibition
- extension
- face
- fanpage
- fashion
- Favicon
- fbml
- feed
- feedback
- festival
- filesharing
- film
- finance
- firebug
- firefox
- fireworks
- fitc
- fix
- Flash
- flash
- flashdesign
- flashsite
- flex
- flickr
- floorplan
- flower
- flowers
- fluid
- flv
- font
- fonts
- food
- form
- forms
- frames
- framework
- france
- free
- freelance
- freeware
- friends
- frutiger
- fun
- funding
- funny
- furniture
- futura
- future
- gadget
- gadgets
- gallery
- Gallery
- game
- games
- generator
- gif
- gifts
- gigazine
- girl
- girls
- git
- glasses
- globe
- goods
- googlemaps
- googlereader
- gourmet
- graph
- graphic
- graphics
- gravatar
- greasemonkey
- green
- grid
- grunge
- guardian
- gui
- guide
- guidelines
- hack
- hair
- hairsalon
- handmade
- hardware
- hatena
- hbo
- health
- hero
- heteml
- history
- home
- homepage
- hosting
- hotel
- house
- hover
- howto
- htaccess
- html
- html5
- humor
- humour
- ia
- icon
- icons
- idea
- ideas
- identity
- ie
- ie6
- ie7
- illust
- illustration
- illustrator
- image
- images
- industrial
- information
- innovation
- inspiration
- insurance
- interaction
- interactiondesign
- interactive
- interface
- interior
- internet
- interview
- invitation
- invite
- invites
- invoice
- invoicing
- ipad
- iphone
- ipod
- ipodtouch
- iptv
- itunes
- ixd
- ixd10
- japan
- japanese
- Javascript
- javascript
- jewelry
- joi
- joost
- journalism
- jquery
- julia
- kamakura
- kanzashi
- kayac
- kddi
- kids
- kirin
- knowledge
- labs
- layout
- layouts
- library
- license
- life
- lifehack
- lifehacks
- lifestream
- lifestreaming
- lightbox
- links
- list
- lists
- loading
- location
- login
- logo
- logos
- london
- luxury
- mac
- macheist
- magazine
- management
- manga
- map
- maps
- marathon
- marketing
- mashup
- masonry
- material
- media
- mediaart
- meme
- memo
- menu
- menus
- microblogging
- microsoft
- mii
- mind
- mindmapping
- minimal
- mix
- mixtape
- mobile
- mockup
- model
- moma
- money
- moo.fx
- motion
- motiongraphics
- mottainai
- movabletype
- movie
- movies
- mozilla
- mp3
- mt
- muji
- museum
- music
- Music
- musician
- natural
- naver
- navigation
- neta
- netwatch
- networking
- news
- newser
- newspaper
- newspapers
- next
- nhk
- nike
- nikon
- nintendo
- nonprofit
- notes
- npo
- nuclear
- nyc
- nytimes
- objective-c
- office
- offices
- onepage
- online
- opensource
- optimization
- orange
- organizer
- osx
- p2p
- package
- packaging
- painting
- paintings
- palette
- paperboy
- papervision
- papervision3d
- passport
- pattern
- patterns
- peace
- pearljam
- people
- performance
- personal
- philanthropy
- phone
- photo
- photoblog
- photogallery
- photography
- photos
- Photoshop
- photoshop
- php
- physicalcomputing
- physics
- picture
- pink
- plates
- plugin
- pm
- png
- point
- polaroid
- politics
- poll
- polls
- pop
- portal
- portfolio
- portfolios
- poupeegirl
- pownce
- pr
- preloader
- preloaders
- presentation
- presentations
- press
- pressrelease
- printing
- processing
- product
- production
- productivity
- program
- programming
- progression
- project
- projects
- promotion
- prototype
- prototype.js
- prototyping
- psd
- publishing
- pudding
- puzzle
- qr
- qrcode
- quickr
- radio
- ranking
- reader
- realestate
- recipe
- recipes
- recruit
- red
- reference
- repository
- resources
- restaurant
- retro
- review
- ria
- room
- RSS
- rss
- sample
- sbm
- sbs
- scheduling
- scheme
- school
- science
- scrapbooking
- screencapture
- screencast
- screensaver
- screensavers
- screenshot
- screenshots
- script.aculo.us
- search
- searchengine
- secondlife
- seminar
- seo
- service
- sevenload
- share
- sharing
- shibuya
- shop
- shopping
- showcase
- silverlight
- simple
- singer
- site
- sketch
- sky
- slideshow
- smartphone
- snap
- snippets
- sns
- social
- socialbookmark
- socialmedia
- socialnetworking
- socialsoftware
- softbank
- software
- sony
- sound
- speakers
- speed
- sports
- standards
- starbucks
- startpage
- startup
- statistics
- streaming
- street
- studio
- study
- style
- summer
- summermovies
- surface
- survey
- surveys
- sustainability
- svg
- sweets
- swirls
- sync
- t-shirt
- t-shirts
- table
- tables
- tabs
- tagging
- tags
- tartan
- technology
- ted
- template
- templates
- testing
- text
- textures
- tha
- theme
- themes
- tiltshift
- time
- timeline
- timetracking
- Tips
- tips
- tokyo
- tool
- tools
- train
- travel
- trend
- trends
- triennale
- tufte
- tumblelog
- tumblr
- tutoriais
- tutorial
- tutorials
- tv
- tweetdeck
- twitterbackgrounds
- twittertools
- type
- typeface
- typography
- ui
- uk
- uniqlo
- university
- upload
- usability
- usb
- utilities
- ux
- vc
- vector
- venture
- versioncontrol
- video
- videos
- virb
- virtual
- virtualworlds
- visa
- vista
- visual
- visualization
- voting
- voyeur
- vw
- walkman
- wallpaper
- wallpapers
- water
- weather
- web
- web-design
- Web2.0
- web2.0
- webcam
- webdesign
- webDesign
- webdev
- webgl
- webmagazine
- WebService
- webservice
- website
- webstandard
- webzine
- webサービス
- web制作会社
- widget
- wii
- wiki
- windows
- windowshop
- wireframe
- wireframes
- wishlist
- woman
- women
- wood
- word
- wordpress
- work
- workshop
- wpf
- xhtml
- xp
- Yahoo
- yahoo
- yahoo!
- yellow
- youtube
- yslow
- yugop
- yui
- あとで読む
- これはすごい
- ご縁、女性
- まとめ
- アイコン
- アクセシビリティ
- アナログ
- イベント
- インテリア
- エコ
- ガーリー
- グルメ
- シンプル
- タモリ
- チュートリアル
- デザイン
- ニュース
- ネタ
- ビジネス・アーキテク
- フォント
- ブログ
- ブログパーツ
- プレスリリース
- プロモーション
- ペルソナ
- ポイント
- マーケティング
- メガネ
- ユーザビリティ
- レシピ
- ロゴ
- 上野樹里
- 不動産
- 中村勇吾
- 住宅
- 保険
- 公募
- 写真
- 動画
- 参考サイト
- 名刺
- 名言
- 和
- 地図
- 壁紙
- 安藤忠雄
- 家具
- 広告
- 建築
- 引越し
- 情報
- 携帯
- 料理
- 映画
- 検索
- 環境
- 眼鏡
- 素材
- 美女
- 自動車
- 読み物
- 鎌倉
- 雑誌
- 雑貨
- 青
- 音楽サイト
- 黄金比
designに関するsugach2のブックマーク (902)
-
sugach2 2011/12/09
- jquery
- css
- design
- javascript
- webdesign
- layout
- masonry
- plugin
- grid
- web
リンク -
-
3 Dreams of Black by Google Data Arts Team - Experiments with Google
This experiment is no longer active, but you can still learn about it on this page. “3 Dreams of Black” takes you on a journey through three dream worlds constructed through a combination of rich 2D drawings and animations interwoven with interactive 3D sequences. Throughout various points in these dream worlds, you can grab your mouse and guide the protagonist’s point of view through the experien
-
The NYC’s Girlfriend
Are you looking to elevate your social media game and connect with your target audience like never before? Effective social media marketing is very important for businesses to thrive in today’s digital age. From knowing your audience to creating compelling content, we’ve got you covered with the top strategies to help you succeed in the ever-evolving world of social media marketing. Let’s dive in.
-
-
-
-
-
-
HCD-Net
人間中心設計（HCD）専門家制度は、人間中心設計推進機構（HCD-Net）が実施する専門家認定制度です。 人間中心設計専門家とは 受験応募要領 資格更新手続き HCD認定ニュース 認定者一覧 認定専門家インタビュー
-
-
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
-
Wpshower — Free WordPress Themes
Clean & Functional Free WordPress Themes Complete, friendly and free from unnecessary components. Who we are? We are a team of designers. Actually, there are only two of us but you have to admit that the team sounds much better. We make elegant, simple and functional WordPress themes. Our goal is to make the Internet a bit more comfortable place for you to spend time. Every day we work on making t
-
-
-
-
-
1ヶ月間だけ、思い切りがんばれば。
いろいろと窮屈そうに生きているあの人のために、 今は少し気楽に生きている自分のロジックを思いつくままにアウトプットしてみようと思った。 偉そうに見えても、笑って許して。 「ちょっと」を毎日。 現状を変える一発逆転があると思うかもしれないけど、どうやら近道はないみたいです。 毎日少しずつ、少しずつ努力を積み重ねるしかない。まったく人生ってやつは。まったく。 毎日努力している人にはどんな天才も絶対に及ばない。断言していいです。 大事なのは毎日（毎日じゃなくてもいいんだけど、常日頃）続けること。 とにかく結果を焦らない。落ち着けって。 今日の努力が実を結ぶのは、だいたい1年後。のんびり行くしかないですよ。 ちょっとだけやる。「ちょっと」が超大事。 ダイエットしようと思って、いきなり5キロ走るから辛くなる。初日は着替えて玄関出るところで終了。 だけど、やろうと思ったらその日のうちにやる。絶対やる。
-
デザイン勉強会3rdで使ったスライドと第一部のビデオ | securecat's exblog
1月21日、ウープスデザイン主催の「デザイン勉強会3rd」にて、いわゆるWeb業界（WebデザインとかWeb制作とかWebプロダクションとかいわれる辺り）の人向けにしゃべってきました。 もともとはチームマネジメントについての話（これは去年暮れにリクリセミナーとか、今月もWDHAの勉強会でもしゃべってきました）でして、これは一応、僕が前職のbAで培ってきた経験則みたいなものを言語化したもののひとつ、という位置づけの演目なのですけども、第一部・第二部のどちらも僕が担当ということで、構成としてはまずチームマネジメントのモトになるプロジェクトマネジメントについて話して、それからチームマネジメントの話にするというようなことを考えました。 とりあえず前提としては、プロジェクトマネジメントはまあできますよ／やってますよっていう人ができれば対象でして、その視野を横に広げるというのが第一部で、それから時間軸
-
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx