AI CSS AnimationsAI CSS Animations Make complex animations with your voice and AI. Your animation will appear here 🎬 No saved or generated animations available, prompt an animation above. Browse examples below for inspiration.
ã‚ãªãŸã®é–‹ç™ºç”Ÿç”£æ€§ã‚’爆上ã’ã™ã‚‹ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‘ã‘AIツール22個｜苦ã—ã‚“ã§ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å¦ã‚“ã 柴犬（ãã‚‹ã—ã°ï¼‰
ã“ã‚“ã«ã¡ã¯ã€‚ãã‚‹ã—ã°ã§ã™ã€‚ 元々コンサルタントã®ä»•äº‹ã‚’ã—ã¦ã„ã¾ã—ãŸãŒã€ç‹¬å¦ã§ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å¦ç¿’ã—ã€Webサービスを作ã£ã¦èµ·æ¥ã—ã¾ã—ãŸã€‚ ãã®å¾Œå€‹äººã§é–‹ç™ºã—ãŸã‚µãƒ¼ãƒ“スを売å´ã—ãŸã‚Šã€ã¾ãŸåˆ¥ã®ITç³»ã®ä¼šç¤¾ã‚’創æ¥ã€çµŒå–¶ã—ãŸã‚Šã—ã¦ã„ã¾ã™ã€‚ 去年ã®8月ã‹ã‚‰ä¸‹è¨˜ã®Twitterã«ã¦ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’ã«é–¢ã—ã¦ç™ºä¿¡ã—始ã‚ã€ã‚ã‚ŠãŒãŸã„ã“ã¨ã«13000人以上ã®æ–¹ã€…ã«ãƒ•ã‚©ãƒãƒ¼ã—ã¦é ‚ãã¾ã—ãŸã€‚ プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°åˆå¿ƒè€…ã«çµ¶å¯¾è¦šãˆã¦ã»ã—ã„ã€ã‚°ã‚°ã‚‹æ™‚ã®åŠ¹çŽ‡ãŒ10å€ä¸ŠãŒã‚‹ã‚³ãƒ„ pic.twitter.com/hK1ZhNavwh — ãã‚‹ã—ã° | èªã‚ã°10å€åŠ¹çŽ‡ãŒä¸ŠãŒã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’ã®æ•™ç§‘書 (@shiba_program) September 13, 2022 最近ã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ã€Udemyã§ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¬›åº§ã‚‚出ã—ã¦ã„ã¾ã™ã€‚ ã‚ã‚ŠãŒãŸã„ã“ã¨ã«å…¬é–‹ã‹ã‚‰3ヶ月ã§800人以上ã®æ–¹ã«å—講ã„ãŸã ãã€Reactジャンルã®è¬›åº§
Glyphsã¦ã‚™ãƒ•ã‚©ãƒ³ãƒˆã‚’作ã‚ㆠ第1回｜ä½è³€é‡Ž 宇宙
noteã‚’ã¯ã˜ã‚ã¦ã¿ã‚‹ã€‚ 何を書ã“ã†ã‹å°‘々迷ã£ãŸãŒã€ãƒ•ã‚©ãƒ³ãƒˆä½œæˆã‚½ãƒ•ãƒˆã€ŒGlyphsã€ã‚’使ã£ãŸã‚ªãƒªã‚¸ãƒŠãƒ«æ¬§æ–‡ãƒ•ã‚©ãƒ³ãƒˆã®ä½œæˆæ–¹æ³•ã‚’書ã„ã¦ã„ã“ã†ã¨æ€ã†ã€‚ 一度ã«æ›¸ãã¨ã—ã‚“ã©ã„ã®ã§ä½•å›žã‹ã«åˆ†ã‘ã¦æ›¸ã„ã¦ã„ãã¤ã‚‚り。ã¾ãšã“ã®ç¬¬ä¸€å›žã§ã¯ã¤ã‹ã¿ã®éƒ¨åˆ†ã‹ã‚‰ã€‚ ã–ã£ãã‚Šã¨ã—ãŸèª¬æ˜Žã«ãªã‚‹ã®ã§ã€è©³ã—ã„æ“作方法ã«ã¤ã„ã¦ã¯å–扱説明書ã«ãªã‚‹Glyphsãƒãƒ³ãƒ‰ãƒ–ックをå‚ç…§ã—ã¦ã»ã—ã„（日本語版ã‚り）。 ãªãŠã€Glyphsã®æ‰±ã„ã¯ã»ã¨ã‚“ã©æˆ‘æµã§é€šã—ã¦ããŸã®ã§ã€é–“é•ã£ã¦ã„ãŸã‚ŠåŠ¹çŽ‡ã®æ‚ªã„やり方をã—ã¦ã„ã‚‹å ´åˆãŒã‚る。ãã‚“ãªç‚¹ãŒã‚ã£ãŸã‚‰ã©ã‚“ã©ã‚“指摘ã—ã¦ã„ãŸã ã‘ã‚‹ã¨ã‚ã‚ŠãŒãŸã„。 環境を整ãˆã‚ˆã† ã¾ãšã¯Glyphsã®å°Žå…¥ã‹ã‚‰ã€‚å¿…è¦ãªã®ã¯Macã¨Glyphs（ã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ï¼‰ã®2ã¤ã€‚ èžãã¨ã“ã‚ã«ã‚ˆã‚‹ã¨Glyphsã®é–‹ç™ºè€…ã§ã‚ã‚‹Georg Seifertæ°ã¯Windows版を作る気ãŒã•ã‚‰ã•ã‚‰ç„¡ã„よã†ãªã®ã§ã€ãƒ•ã‚©ãƒ³ãƒˆä½œæˆã«èˆˆå‘³ã®ã‚ã‚‹Wind
Metallic Ratio ï¼ è²´é‡‘å±žæ¯” [黄金比・白銀比ãªã©ã‚’計算]
『Metallic Ratioã€ã¨ã¯è²´é‡‘属比ã¨ã„ã†æ„味ã§ã™ã€‚2ã¤ã®æ•°å€¤ã®æ¯”ã«ãŠã„ã¦ã€ç¾Žã—ã„ã¨ã•ã‚Œã‚‹æ¯”率ã¨ã„ã†ã‚‚ã®ãŒå˜åœ¨ã—ã¦ãŠã‚Šã€ç‰¹ã«æœ‰åãªã‚‚ã®ãŒé»„金比ï¼1:1.618ã¨ã„ã†ã‚‚ã®ã§ã€æ•°å¤šãã®ç¾Žè¡“å“ã‚„å»ºé€ ç‰©ã€ãƒ‡ã‚¶ã‚¤ãƒ³ç‰ã®æ§‹æˆã®ä¸ã«ã“ã®æ¯”率を見るã“ã¨ãŒã§ãã¾ã™ã€‚ 黄金比ã®ä»–ã«ã‚‚白銀比ã€ç™½é‡‘比ã€é’銅比ã¨å‘¼ã°ã‚Œã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã€ãれらをç·ç§°ã—ã¦ã€Žè²´é‡‘属比ã€ã¨å‘¼ã°ã‚Œã¦ã„ã¾ã™ã€‚ 上ã®ãƒ„ールã¯ã€åŸºæº–ã¨ãªã‚‹æ•°å€¤ã‚’ã²ã¨ã¤æŒ‡å®šã™ã‚‹ã ã‘ã§ã€é»„金比や白銀比ã«ä»£è¡¨ã•ã‚Œã‚‹å„貴金属比を簡å˜ã«ç®—出ã§ãã‚‹Webアプリã§ã™ã€‚数値ã ã‘ã§ã¯ãªã視覚的ã«ã‚‚比率を確èªã§ãã‚‹ã®ã§ã€æ±‚ã‚ã¦ã„る比率を直感的ã«å¾—ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ デザイン作æ¥ãªã©ã§ç¾Žã—ã„比率ãŒå¿…è¦ãªæ™‚ã«ã”利用ãã ã•ã„。
UIデザインã§ä½¿ã„ãŸã„アプリケーション(æ¢ã¾ã£ã¦ã„る状態ã®UI制作関連編) #2014.09版 - ãŸã¶ã‚“ã€ãã‚€ãŸããªã‚‹
UIデザイナーå‘ã‘ã®ã‚¢ãƒ—リケーションやツールã€ãƒ—ラグインã«ã¤ã„㦠定番å«ã‚網羅的ã«ã¾ã¨ã¾ã£ã¦ã‚‹è¨˜äº‹ã£ã¦è¦‹ãŸã“ã¨ãªã„ãªãƒ¼ã¨æ€ã£ãŸã®ã§ ã¨ã‚Šã‚ãˆãšä½œã£ã¦ã¿ã¾ã—ãŸã€‚(ã™ã”ãé•·ããªã£ã¦ã—ã¾ã£ãŸã®ã§è¨˜äº‹åˆ†ã‘ã—ã¾ã—ãŸ) 僕ãŒMacユーザーã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã€8,9割ã¯Mac寄りã®é¸å®šã«ãªã£ã¦ã„ã¾ã™ã€‚ ãã®è¾ºã¯ã”了承ã®ä¸Šã”覧ãã ã•ã„ã¾ã› mm (å‚考ã¾ã§ã«ç¾åœ¨ç§ãŒä½¿ã£ã¦ã„ã‚‹ã‚‚ã®ã«ã¯â€œâ€»â€ã‚’ã¤ã‘ã¾ã—ãŸ) ã¨ã„ã†ã“ã¨ã§ã€ç¬¬1å¼¾ “æ¢ã¾ã£ã¦ã„る状態ã®UI制作関連†ã§ã™ã€‚ UI制作系アプリケーション Adobe Photoshop ※ デザイナー定番ã®ãƒ“ットマップ画åƒç·¨é›†ã‚¢ãƒ—リケーション。 デファクトスタンダード的å˜åœ¨ã§ãƒ—ラグインãªã©ã‚‚多ã„。 慣れã®å•é¡Œå«ã‚ã“れ以外を使ã†ç†ç”±ãŒç„¡ã„ãŸã‚ã ã„ãŸã„ã“れ。 Windows : å¯ Adobe Illustrator ※ デザイナー定番ã®ãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒç·¨é›†ã‚¢ãƒ—リケーション
「Slicyã€Photoshopã‹ã‚‰ã®ã‚¹ãƒ©ã‚¤ã‚¹ä½œæ¥ãŒæ»ã¬ã»ã©æ¥½ã«ãªã‚‹ãƒ„ールãŒä¾¿åˆ©ã ï¼
Photoshopã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—を作æˆã—ã¦ã€ã„ã–コーディングï¼ã¨ãªã‚‹ã¨é¢å€’ãã•ã„ã®ãŒç”»åƒã®ã‚¹ãƒ©ã‚¤ã‚¹ä½œæ¥ã€‚ ãã®ç”»åƒã®ã‚¹ãƒ©ã‚¤ã‚¹ã‚’超絶楽ã«ã—ã¦ãれるツール「Slicyã€ã‚’今ã•ã‚‰ãªãŒã‚‰å°Žå…¥ã—ã¾ã—ãŸã®ã§ä½¿ã„方をã”紹介。 レイヤー・グループã«åå‰ã‚’付ã‘ã¦ä¿å˜ アプリã¯Mac App Storeã§DLã§ã‚‚良ã—ã€å…¬å¼ã‚µã‚¤ãƒˆã‹ã‚‰ä½“験版をダウンãƒãƒ¼ãƒ‰ã™ã‚‹ã‚‚良ã—。 試ã—ã«ã“ã‚“ãªã‚«ãƒ³ãƒ—を作æˆã—ã¦ã¿ã¾ã—ãŸã€‚世界ä¸ã®ã‚¤ã‚±ãƒ¡ãƒ³ã‚’紹介ã™ã‚‹ã€IKEMEN.comã§ã™ã€‚第一回目ã®ãƒ¢ãƒ‡ãƒ«ã‹ã‚‰é “挫ã—ã¦ãŠã‚Šã¾ã™ã€‚ データãŒã§ãã¾ã—ãŸã‚‰ã€åˆ‡ã‚Šå‡ºã—ãŸã„パーツã®ãƒ¬ã‚¤ãƒ¤ãƒ¼orグループã«åå‰ï¼ˆâ—‹â—‹.jpgã‚„â—‹â—‹.png）を付ã‘ã¦ä¿å˜ã—ã¾ã™ã€‚ ã‚ã¨ã¯ãã®ä¿å˜ã—ãŸPSDデータをSlicyã«ã¶ã¡è¾¼ã‚€ã ã‘。 見事ã€åå‰ã‚’付ã‘ãŸé€šã‚Šã«ç”»åƒãŒã‚¹ãƒ©ã‚¤ã‚¹ã•ã‚Œã¾ã—ãŸ:) ã‚ã¨ã¯ãƒ‰ãƒ©ãƒƒã‚°ã‚¢ãƒ³ãƒ‰ãƒ‰ãƒãƒƒãƒ—ã‹ã€ç”»åƒã‚’é¸æŠžã—ã¦ä¸Šã®Saveボタンをクリックã—ã¦ä»»æ„ã®
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Proportio.app
Wordmark
{{#tags}}- {{label}}
{{/tags}}