Blobmaker - Make organic SVG shapes for your next design
Blobmaker is a free generative design tool made with 💕 by z creative labs, to help you quickly create random, unique, and organic-looking SVG shapes. From landing pages to illustrations, blobs are everywhere! Creating smooth, organic-looking shapes can be difficult, especially when you need many different ones. Blobmaker makes it easy to create unique blob shapes based on random data. Modify the
Figmaã®AutoLayout入門 - エンジニアã«ä¼ã‚るデザインを作ã‚ㆠ- ICS MEDIA
å¾ã€…ã«æ—¥æœ¬ã§ã‚‚メジャーãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ールã¨ãªã£ã¦ã„る「Figmaã€ã€‚å‰å›žã®è¨˜äº‹ã€ŽFigmaã®Smart Animateを活用ã—ãŸãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—入門ã€ã§ã¯ã€ç°¡å˜ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実ç¾ã§ãる「Smart Animateã€æ©Ÿèƒ½ã‚’紹介ã—ã¾ã—ãŸã€‚ 本記事ã§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã¨ãã®å¾Œã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä½œæ¥ã‚’強力ã«ã‚µãƒãƒ¼ãƒˆã—ã¦ãれる「Auto Layoutã€ã«ã¤ã„ã¦è©³ã—ã紹介ã—ã¾ã™ã€‚「Auto Layoutã€ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’効率よã進ã‚られるã ã‘ã§ãªãã€ãƒ‡ã‚¶ã‚¤ãƒ³æ®µéšŽã§HTML・CSSコーディングã®å‚考ã«ãªã‚‹æƒ…å ±ã‚’è¿½åŠ ã§ãã¾ã™ã€‚ デザイン段階ã§ã®ä½¿ã„æ–¹ã¯ã‚‚ã¡ã‚ã‚“ã€Figmaã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å—ã‘å–ã£ãŸã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã©ã†è€ƒãˆã¦å®Ÿè£…ã—ã¦ã„ãã¹ãã‹ã¾ã§ç´¹ä»‹ã—ã¾ã™ã€‚デザイナーã¯ã‚‚ã¡ã‚ã‚“ã€Figmaã§ä½œã‚‰ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚¡ã‚¤ãƒ«ã‚’å—ã‘å–ã‚‹å¯èƒ½æ€§ãŒã‚るエンジニアã®æ–¹ã‚‚是éžã”覧ãã ã•ã„。 Auto Layoutã¨ã¯ 「Auto Layoutã€ã¨ã¯
立体的ãªè¡¨ç¾ã§è¦‹ã‚„ã™ã„ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å›³ãŒãƒ–ラウザ上ã§ä½œæˆã§ãる「Isoflowã€
ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã®æ§‹æˆã‚’視覚的ã«æŠŠæ¡ã—ã‚„ã™ã„アイソメトリック図ã§è¡¨ç¾ã§ãã€ä½œæˆã—ãŸå›³é¢ã‚’共有ã—ã¦ç›¸æ‰‹ã«è¦‹ã›ã‚‹ã“ã¨ãŒã§ãるオンラインサービスãŒã€ŒIsoflowã€ã§ã™ã€‚ Isoflow https://isoflow.io/ ã¾ãšã¯ãŠè©¦ã—ã§ã™ãã«å›³é¢ã®ä½œæˆç”»é¢ã«è¡Œãã“ã¨ãŒã§ãã¾ã™ã€‚「CREATE A DIAGRAMã€ã‚’クリック。 表示ã•ã‚ŒãŸã‚ャンãƒã‚¹ä¸Šã®å¥½ããªä½ç½®ã®ãƒžã‚¹ç›®ã‚’クリックã™ã‚‹ã¨ãƒŽãƒ¼ãƒ‰éƒ¨å“ãŒè¨ç½®ã•ã‚Œã¾ã™ã€‚ ノードãŒè¨ç½®ã•ã‚Œã‚‹ã¨å·¦å´ã«ãƒ€ã‚¤ã‚¢ãƒã‚°ãŒå‡ºç¾ã™ã‚‹ã®ã§ã€Label入力欄ã§åå‰ã‚’付ã‘ã¾ã™ã€‚ノードã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’変更ã™ã‚‹ãŸã‚「Node iconã€ã‚’クリック。 アイコン一覧ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ç›®çš„ã®ã‚¢ã‚¤ã‚³ãƒ³ã®çµµã‚’クリックã—ã¦å¤‰æ›´ã—ã¾ã™ã€‚ ã•ã‚‰ã«ãƒŽãƒ¼ãƒ‰ã‚’増やã—ãŸå¾Œã€ãƒŽãƒ¼ãƒ‰ã‚¢ã‚¤ã‚³ãƒ³ã‚’クリック。 ノードã®ã‚µãƒ–メニューãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã€ŒConnectã€ã‚’クリック。 ノードを接続ã™ã‚‹ãŸã‚ã®ãƒã‚¤ãƒ³ã‚¿ã‚’マウスã§å‹•
愛用ã›ã–ã‚‹ã‚’å¾—ãªã„ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ›ãƒ¯ã‚¤ãƒˆãƒœãƒ¼ãƒ‰ã€Œmiroã€ãƒªãƒ¢ãƒ¼ãƒˆä¼šè°ã‚„プレゼンã«å¤§æ´»èº | SELECK [セレック]
※2020å¹´4月1日更新（サービスåã®å¤‰æ›´ãªã©ã‚’åæ˜ ï¼‰ ※2022å¹´3月8日更新（リンクã®ä¿®æ£ï¼‰ アイデアã®ãƒ–レーンストーミングã€ä¼šè°ã§ã®æƒ…å ±ä¼é”ã€å€‹äººçš„ãªæƒ…å ±æ•´ç†ãªã©ã€åƒã上ã§ãƒ›ãƒ¯ã‚¤ãƒˆãƒœãƒ¼ãƒ‰ã‚’使ã†æ©Ÿä¼šã¯å¤šã„ã‚‚ã®ã§ã™ã€‚ 自宅ã§ä½œæ¥ã™ã‚‹äººã®ä¸ã«ã¯ã€å®¶ã«ãƒ›ãƒ¯ã‚¤ãƒˆãƒœãƒ¼ãƒ‰ã‚’購入ã—ã¦ã—ã¾ã†äººã‚„ã€ã‚·ãƒ¼ãƒ«åž‹ã®ãƒ›ãƒ¯ã‚¤ãƒˆãƒœãƒ¼ãƒ‰ã‚’å£ã«è²¼ã‚Šä»˜ã‘ã¦ã—ã¾ã†äººã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ã‚らゆるもã®ãŒãƒ‡ã‚¸ã‚¿ãƒ«åŒ–ã—ã¦ã„ãä¸ã€ãƒ›ãƒ¯ã‚¤ãƒˆãƒœãƒ¼ãƒ‰ã‚‚デジタル化ã•ã‚Œã¦ã„ã¾ã™ã€‚ãã‚ŒãŒã€ŒMiroã€ã§ã™ã€‚ ホワイトボードã®è‡ªç”±ã•ã¯ãã®ã¾ã¾ã«ã—ã¤ã¤ã‚‚ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã«æŒã£ã¦ããŸã“ã¨ã§æŠœç¾¤ã®åˆ©ä¾¿æ€§ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ ç„¡é™ã«åºƒãŒã‚‹ãƒœãƒ¼ãƒ‰ テンプレートや画åƒã‚’貼り付ã‘ã¦æ§˜ã€…ãªè¡¨ç¾ãŒå¯èƒ½ã« å ´æ‰€ã‚’é¸ã°ãªã„ ホワイドボードã¨åŒã˜ãã€è¤‡æ•°äººã§åŒæ™‚ã«ä½œæ¥ã—コミュニケーションをå–れるã®ã¯ã‚‚ã¡ã‚ã‚“ã€Slack連æºã¾ã§å¯èƒ½ã§ã™ã€‚ Miroã®ç”¨é€”ã¯ã€ãƒ–レーンストーミング
![愛用ã›ã–ã‚‹ã‚’å¾—ãªã„ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ›ãƒ¯ã‚¤ãƒˆãƒœãƒ¼ãƒ‰ã€Œmiroã€ãƒªãƒ¢ãƒ¼ãƒˆä¼šè°ã‚„プレゼンã«å¤§æ´»èº | SELECK [セレック]](https://cdn-ak-scissors.b.st-hatena.com/image/square/01299e00f01313cb3e41ff176a3111ae40fe5cdf/height=288;version=1;width=512/https%3A%2F%2Fdpd29bjwmgbr8.cloudfront.net%2Fwp-content%2Fuploads%2F2016%2F09%2F13201255%2F31fe0cfb-6362-43fa-ad32-614b01cfad33.png)
ウェブ上ã§ã•ãã£ã¨ãƒ€ã‚¤ã‚¢ã‚°ãƒ©ãƒ ãŒä½œæˆã§ãるサイト「diagram.ly〠| ライフãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ン
「diagram.lyã€ã¯ã€ã‚¦ã‚§ãƒ–上ã§ãƒ€ã‚¤ã‚¢ã‚°ãƒ©ãƒ を作æˆã§ãるサービスã§ã™ã€‚éžå¸¸ã«å–ã£ã¤ã易ã„デザインã§ã€åˆå¿ƒè€…ã®æ–¹ã«ã‚‚使ã„ã‚„ã™ã„ã‹ã¨æ€ã„ã¾ã™ã€‚図形やクリップアートもãŸãã•ã‚“用æ„ã•ã‚Œã¦ã„ã¦ä¾¿åˆ©ã§ã™ã€‚ 以下ã«ä½¿ã£ã¦ã¿ãŸæ§˜åを載ã›ã¦ãŠãã¾ã™ã€‚ ã¾ãšã€diagram.lyã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã—ょã†ã€‚ 全体ã¯ã“ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚『Microsoft Officeã€ã®ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã。 ã“ã®ã‚ˆã†ã«ã—ã¦å›³ã‚’æã‘ã¾ã™ã€‚利用ã—ãŸã„クリップアートをã€ãƒ‰ãƒ©ãƒƒã‚°ã§ãƒ›ãƒ¯ã‚¤ãƒˆãƒœãƒ¼ãƒ‰ã«æŒã£ã¦ãã‚‹ã ã‘ã§OK。 図形やクリップアート。ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã。最低é™ã®ã“ã¨ã¯ã§ããã†ã§ã™ã€‚出力形å¼ã¯ã€XML, JPG, PNG, SVGã¨ãªã£ã¦ã„ã¾ã™ã€‚ 出先ãªã©ã§ãƒ€ã‚¤ã‚¢ã‚°ãƒ©ãƒ や図表を作æˆã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã¨ãã«ã€ã•ã•ã£ã¨ä½¿ãˆã¦ä¾¿åˆ©ã§ã™ã€‚ diagram.ly （カメãã¡ï¼‰
滑らã‹ãªç”»åƒã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’実ç¾ã™ã‚‹JavaScriptライブラリ:phpspot開発日誌
JonDesign's (Javascript) SmoothGallery: Mootools Mojo for Images | What is it ? Using mootools v1.0, this javascript gallery and slideshow system allows you to have simple and smooth (cross-fading...) image galleries, slideshows, showcases and other cool stuff on your website... 滑らã‹ãªç”»åƒã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’実ç¾ã™ã‚‹JavaScriptライブラリ。 ç”»åƒã®é€æ˜Žåº¦ã‚’下ã’ãªãŒã‚‰ç”»åƒã‚’切り替ãˆã‚‹ã®ã§ã€æ»‘らã‹ãªç”»åƒåˆ‡ã‚Šæ›¿ãˆåŠ¹æžœãŒå¾—られã¾ã™ã€‚ デモページ 実装ã¯ã€JavaScriptã¨CSSã‚’èªã¿è¾¼ã‚“ã§HTMLを定義ã—ã€Jav
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Photo Gradient
UI Design Made Easy, Powered By AI | Uizard
//// COLOURlovers :: loving colours since 1981
{{#tags}}- {{label}}
{{/tags}}