[B! webãƒ‡ã‚¶ã‚¤ãƒ³][Tools] beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

beth321 id:beth321

webãƒ‡ã‚¶ã‚¤ãƒ³ã¨Toolsã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

{{#following_bookmarks}}

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

{{/following_bookmarks}}

{{/is_wiped}}

ã‚¢ãƒ—ãƒªã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã§ä½¿ã£ã¦ã„ã‚‹ãƒ„ãƒ¼ãƒ« 10é¸+
2å¹´å‰ã«åŒã˜è¶£æ—¨ã®è¨˜äº‹ã‚’æ›¸ã„ãŸãŒã€ã„ã‚ã„ã‚å¤‰ã‚ã£ãŸã®ã§ã¾ãŸæ›¸ã„ã¦ã¿ã‚ˆã†ï¼ Sketch 3ï¼ˆMacï¼‰ + Sketch Mirrorï¼ˆiOSï¼‰ ã‚‚ã†ã€Sketchä»¥å¤–ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã®ã¯ã‚¤ãƒ¤ã ã€ã¨æ€ã£ã¦ã—ã¾ã†ã»ã©ãƒ‘ãƒ¯ãƒ¼ã®ã‚ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã€‚ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ™ãƒ¼ã‚¹ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ„ãƒ¼ãƒ«ãªã®ã§ã€Adobe Illustratorã¨è¿‘ã„ã®ã ã‘ã©ã€ã‚‚ã£ã¨æ©Ÿèƒ½ãŒçµžã‚‰ã‚Œã¦ã„ã¦ã€UIãƒ‡ã‚¶ã‚¤ãƒ³å¯„ã‚Šã€‚ã„ã‚ã„ã‚ã¨ç´°ã‚„ã‹ã«æ°—ãŒãã„ã¦ã„ã¦ã€å¥½ããªã¨ã“ã‚ã‚’æ›¸ããã‚Œãªã„æ„Ÿã‚ã‚‹ã€‚èµ·å‹•ãŒæ—©ã„ã€ãƒ•ã‚¡ã‚¤ãƒ«ä¿å˜ã‚‚æ—©ã„ã€æ•°å—æ›¸ãçª“ã§ãã®ã¾ã¾è¨ˆç®—ã§ãã‚‹ã€ãƒ•ã‚¡ã‚¤ãƒ«æ›¸ãå‡ºã—ã™ã‚‹ã¨ã1.5å€ã¨ã‹3å€ã¨ã‹è‡ªç”±ã«æ‹¡å¤§ç¸®å°ã§ãã‚‹ã€å®Ÿæ©Ÿãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ãŒãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã‹ã¤å®¹æ˜“ã€‚ iPhoneå®Ÿæ©Ÿã§ãƒ‡ã‚¶ã‚¤ãƒ³ç¢ºèªã™ã‚‹ã¨ãã¯ã€iOSã‚¢ãƒ—ãƒªSketch Mirrorã§ã¤ãªã’ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§å¤‰æ›´ãŒè¦‹ã‚Œã‚‹ã€‚æ˜”ã¯ã„ã‚ã„ã‚ãƒã‚°ãŒã‚ã£ãŸã‘ã©ã€ã ã„ã¶å®‰å®šã—ã¦å®‰å¿ƒã—ã¦ä½¿ãˆ
beth321 2014/12/06
tools

ãƒ‡ã‚¶ã‚¤ãƒ³

ui

design

ãƒ„ãƒ¼ãƒ«

ã‚ã¨ã§èªã‚€

webãƒ‡ã‚¶ã‚¤ãƒ³

ã¾ã¨ã‚

ã‚¢ãƒ—ãƒª

mac
ãƒªãƒ³ã‚¯
Apollo - ç©ã‚„ã‹ã«æ—¥è¨˜ã‚’æ›¸ããŸã„äººã®ãŸã‚ã®Tumblrãƒ†ãƒ¼ãƒž
Introducing Apollo. Apolloã¯ã€ç©ã‚„ã‹ã«æ—¥è¨˜ã‚’æ›¸ããŸã„äººã®ãŸã‚ã® ç„¡æ–™Tumblrãƒ†ãƒ¼ãƒžï¼ˆãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆï¼‰ã§ã™ã€‚ ã€Œå¿ƒåœ°ã‚ˆãæ—¥è¨˜ã‚’æ›¸ãã€ã“ã¨ã«ç‰¹åŒ–ã—ãŸTumblrãƒ†ãƒ¼ãƒžã¨ã—ã¦ã€Apolloã‚’è¨è¨ˆã—ã¾ã—ãŸã€‚ æœ¬æ–‡ä»¥å¤–ã«ä½™è¨ˆãªæƒ…å ±ãŒæ®†ã©ä½•ã‚‚ãªã„ã€é™ã‚Šãªãã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã€‚ ã‚ãªãŸã‚‚æ™®é€šã®æ—¥è¨˜ã‚’æ™®é€šã«æ›¸ã„ã¦ã¿ã¾ã›ã‚“ã‹ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’è¦‹ã‚‹ Functions Apolloã¯ã€ã€ŒãŸã ä½¿ã„å§‹ã‚ã‚‹ã ã‘ã§è‰¯ã„æ„Ÿã˜ã«ãªã‚‹ã€ã‚’ã‚³ãƒ³ã‚»ãƒ—ãƒˆã«ã€æ…Žé‡ã«æ©Ÿèƒ½ã®é¸å®šã‚’ã—ã¾ã—ãŸã€‚ ä»Šã¾ã§ã«åˆ¶ä½œã—ãŸIllustfolioã€Tokusetsuã€ZEN ã®Tumblrãƒ†ãƒ¼ãƒžé–‹ç™ºã§å¾—ã‚‰ã‚ŒãŸçŸ¥è¦‹ã‚’çµé›†ã€‚ å¿«é©ã«ä½¿ãˆã‚‹ã‚ˆã†ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’æ–½ã—ã¦ã‚ã‚Šã¾ã™ã€‚
beth321 2014/08/09
tumblr

theme

ãƒ†ãƒ¼ãƒž

webãƒ‡ã‚¶ã‚¤ãƒ³

design

blog

web

tools

æ—¥è¨˜

diary
ãƒªãƒ³ã‚¯
3media.biz
3media.biz 2023 è‘—ä½œæ¨©. ä¸è¨±è¤‡è£½ ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
beth321 2014/06/19
photoshop

plugin

tools

Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å¿…è¦‹ï¼è¤‡

Photoshop

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ‘ã‚¿ãƒ¼ãƒ³
ãƒªãƒ³ã‚¯
æ–‡å—ã®ä¸Šã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’ç½®ãã ã‘ã§ãƒ•ã‚©ãƒ³ãƒˆåãŒåˆ†ã‹ã‚‹Chromeã®æ‹¡å¼µæ©Ÿèƒ½ã€ŒWhatFontã€
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„æ–‡å—ã®é¸æŠžã§é›°å›²æ°—ãŒã‚¬ãƒ©ã£ã¨å¤‰ã‚ã‚‹ãŸã‚ã€äººç›®ã‚’å¼•ãã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãŒä½¿ã£ã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆåãƒ»æ–‡å—ã‚µã‚¤ã‚ºãƒ»æ–‡å—ã®è‰²ãªã©ã¯æ°—ã«ãªã‚‹ã¨ã“ã‚ã§ã™ã€‚æ–‡å—ã®ä¸Šã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’ç½®ã„ãŸã‚Šã‚¯ãƒªãƒƒã‚¯ã—ãŸã‚Šã™ã‚‹ã ã‘ã§ãƒ•ã‚©ãƒ³ãƒˆã®ç¨®é¡žã‚„è©³ç´°ãŒåˆ†ã‹ã‚‹Google Chrome æ‹¡å¼µæ©Ÿèƒ½ãŒã€ŒWhatFontã€ã§ã€æ°—ã«ãªã‚‹ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®ç§˜å¯†ãŒç°¡å˜ã«åˆ†ã‹ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ WhatFont Tool - The easiest way to inspect fonts in webpages Â« Chengyin Liu http://chengyinliu.com/whatfont.html Chrome ã‚¦ã‚§ãƒ–ã‚¹ãƒˆã‚¢ - WhatFont https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaabl pml
beth321 2014/02/10
chrome

design

ãƒ‡ã‚¶ã‚¤ãƒ³

font

ãƒ•ã‚©ãƒ³ãƒˆ

webãƒ‡ã‚¶ã‚¤ãƒ³

extension

webdesign

Tools

Tips
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ä½œæ¥ã‚’ã—ã¦ã„ã‚‹ã¨è¦‹è½ã¨ã—ãŒã¡ãªPSDãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¨ãƒã‚±ãƒƒãƒˆãŒãƒã‚§ãƒƒã‚¯ã§ãã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ -PSD Validator
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®PSDãƒ•ã‚¡ã‚¤ãƒ«ã§ã€ãƒãƒ¼ãƒ å†…ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§å…±æœ‰ã—ã¦ãƒ•ã‚¡ã‚¤ãƒ«ã‚’è§¦ã‚‹æ™‚ã€ã‚³ãƒ¼ãƒ€ãƒ¼ã«æ¸¡ã™æ™‚ãªã©ã€ã‚ˆã‚Šä½¿ã„ã‚„ã™ã„PSDãƒ•ã‚¡ã‚¤ãƒ«ã«ã™ã‚‹ãŸã‚ã®ã‚¨ãƒã‚±ãƒƒãƒˆãŒå®ˆã‚‰ã‚Œã¦ã„ã‚‹ã‹ãƒã‚§ãƒƒã‚¯ã§ãã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ¬ã‚¤ãƒ¤ãƒ¼åãŒã€Œãƒ¬ã‚¤ãƒ¤ãƒ¼1ã€ã®ã¾ã¾ã€ã‚°ãƒªãƒƒãƒ‰ã‚’ä½¿ç”¨ã—ã¦ã„ãªã„ã€watermarkã®å…¥ã£ãŸç´ æã‚’ä½¿ã£ã¦ã‚‹ãªã©ã¯ã„ãŸã ã‘ã¾ã›ã‚“ã€‚
beth321 2013/10/18
PSD

Photoshop

webã‚µãƒ¼ãƒ“ã‚¹

webåˆ¶ä½œ

Design

webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³

PSD Validator

webservice

tools
ãƒªãƒ³ã‚¯
Random Color Swatch Generator | SwatchSpot
SwatchSpot creates random color swatches to inspire you. Lock in the colors you like and shuffle away the ones you don't. Once you're satisfied, grab the color codes or download your palette. Full Color High Quality Car Magnets at Signazon.com: Full Color Car Magnets
beth321 2013/03/11
*webã‚µãƒ¼ãƒ“ã‚¹

webã‚µãƒ¼ãƒ“ã‚¹

Color

é…è‰²

webåˆ¶ä½œ

ãƒ„ãƒ¼ãƒ«

è‰²

webãƒ‡ã‚¶ã‚¤ãƒ³

ãŠã‚‚ã—ã‚webã‚µã‚¤ãƒˆ

Tools
ãƒªãƒ³ã‚¯
iPlotz: wireframing, mockups and prototyping for websites and applications
Wireframing, prototyping and mockups Create clickable, navigable mockups and wireframes for prototyping websites and software applications. Desktop and mobile viewers Let anyone view and navigate through your mockups online or offline, using desktop or mobile viewers.
beth321 2013/02/14
webã‚µãƒ¼ãƒ“ã‚¹

wireframe

webåˆ¶ä½œ

ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ

design

webãƒ‡ã‚¶ã‚¤ãƒ³

ui

tools

tool

Webservice
ãƒªãƒ³ã‚¯
World's leading AI-powered digital experiences
Did we mention AI? Meet Optimizely Opal: your infinite workforce Powered by specialized AI agents, Opal is always in-context to your brand, connected across your workflows, and able to take proactive action against complex requests. Discover how to make your â€˜wowâ€™ Weâ€™re a real team player Optimizely products integrate with all your favorite apps and tools to work just the way you need it to work.
beth321 2013/01/07
*webã‚µãƒ¼ãƒ“ã‚¹

webã‚µãƒ¼ãƒ“ã‚¹

tools

ABtesting

analytics

ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°

test

analyze

webservice

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã“ã‚Œã§å‹é”ã«å·®ã‚’ã¤ã‘ã‚ï¼Facebookã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã®ã‚«ãƒãƒ¼å†™çœŸä½œã‚Šã§ä½¿ãˆã‚‹14å€‹ã®ã‚µãƒ¼ãƒ“ã‚¹ã€å¾¹åº•ã¾ã¨ã‚ Â« æ ªå¼ä¼šç¤¾ã‚¬ã‚¤ã‚¢ãƒƒã‚¯ã‚¹
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
beth321 2012/01/30
Facebook

*webã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³

webãƒ‡ã‚¶ã‚¤ãƒ³

Webã‚µãƒ¼ãƒ“ã‚¹

ã‚«ãƒãƒ¼å†™çœŸ

å†™çœŸ

ã‚ã¨ã§èªã‚€

Tools

ã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@HatenaBookmark
ãƒªãƒªãƒ¼ã‚¹ã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“ã‚¹ã®ãŠçŸ¥ã‚‰ã›
@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx