The latest articles on DEV Community by Alexandre Sanlim (@alexandresanlim). https://dev.to/alexandresanlim https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F427941%2Fc1699a62-39ac-4706-92f4-b846470ab6b5.jpeg https://dev.to/alexandresanlim en Alexandre Sanlim Fri, 04 Sep 2020 12:36:34 +0000 https://dev.to/alexandresanlim/nice-tools-for-app-design-11jk https://dev.to/alexandresanlim/nice-tools-for-app-design-11jk <p>Hello friends, </p> <p>Do you would like a nice collection tools for app design? I created this repository:</p> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--566lAguM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/alexandresanlim"> alexandresanlim </a> / <a href="https://github.com/alexandresanlim/awesome-tools-for-app-design"> awesome-tools-for-app-design </a> </h2> <h3> 🖌 It's a collection tools for App design </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <h1> List.NiceToolsForAppDesign</h1> <h2> Menu</h2> <ul> <li><a href="https://github.com/alexandresanlim/awesome-tools-for-app-design#inspiration-">Inspiration</a></li> <li><a href="https://github.com/alexandresanlim/awesome-tools-for-app-design#prototipy-">Prototipy</a></li> <li><a href="https://github.com/alexandresanlim/awesome-tools-for-app-design#icon-">Icon</a></li> <li><a href="https://github.com/alexandresanlim/awesome-tools-for-app-design#color-">Color</a></li> <li><a href="https://github.com/alexandresanlim/awesome-tools-for-app-design#animation-">Animation</a></li> <li><a href="https://github.com/alexandresanlim/awesome-tools-for-app-design#community-">Community</a></li> <li><a href="https://github.com/alexandresanlim/awesome-tools-for-app-design#prepare-to-store-">Prepare to Store</a></li> <li><a href="https://github.com/alexandresanlim/awesome-tools-for-app-design#brand-kit-">Brand Kit</a></li> </ul> <h2> Inspiration <a href="https://github.com/alexandresanlim/awesome-tools-for-app-design#menu">🔝</a> </h2> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>Screen</th> <th>App</th> </tr> </thead> <tbody> <tr> <td><a rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/5353685/91980626-ef117080-ecfd-11ea-86e0-48248950cd3a.png"><img width="600" src="https://res.cloudinary.com/practicaldev/image/fetch/s--mHI9-e1k--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/5353685/91980626-ef117080-ecfd-11ea-86e0-48248950cd3a.png"></a></td> <td> <a href="https://dribbble.com/shots/following/mobile" rel="nofollow">Dribbble</a> <br><br> ✔ Free <br><br> </td> </tr> <tr> <td><a rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/5353685/92236891-bf44a300-ee8c-11ea-9836-e324d9293e68.png"><img width="600" src="https://res.cloudinary.com/practicaldev/image/fetch/s--oPjxoMz8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/5353685/92236891-bf44a300-ee8c-11ea-9836-e324d9293e68.png"></a></td> <td> <a href="https://www.uplabs.com/" rel="nofollow">Uplabs</a> <br><br> ✔ Free (with limitations) <br><br> </td> </tr> </tbody> </table></div> <h2> Prototipy <a href="https://github.com/alexandresanlim/awesome-tools-for-app-design#menu">🔝</a> </h2> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>Screen</th> <th>App</th> </tr> </thead> <tbody> <tr> <td><a rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/5353685/92115733-43355700-edc9-11ea-97c4-29d912914fd3.png"><img width="600" src="https://res.cloudinary.com/practicaldev/image/fetch/s--Q3Ci00Vc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/5353685/92115733-43355700-edc9-11ea-97c4-29d912914fd3.png"></a></td> <td> <a href="https://marvelapp.com/" rel="nofollow">Marvel</a><br>Marvel has everything you need to bring ideas to life and transform how you create digital products with your team... <br><br> ❌ Free <br><br> </td> </tr> <tr> <td><a rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/5353685/92115797-5cd69e80-edc9-11ea-8bb0-7ceafd27ab22.png"><img width="600" src="https://res.cloudinary.com/practicaldev/image/fetch/s--dfOdhv75--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/5353685/92115797-5cd69e80-edc9-11ea-8bb0-7ceafd27ab22.png"></a></td> <td> <a href="https://www.invisionapp.com/" rel="nofollow">Invision</a><br> The digital product design platform powering the world’s best user experiences <br><br> ❌ Free <br><br> </td> </tr> <tr> <td><a rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/5353685/92115858-724bc880-edc9-11ea-9225-f3bdff14eee6.png"><img width="600" src="https://res.cloudinary.com/practicaldev/image/fetch/s--jMiLUUHa--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/5353685/92115858-724bc880-edc9-11ea-9225-f3bdff14eee6.png"></a></td> <td> <a href="https://www.figma.com/" rel="nofollow">Figma</a><br>Figma helps teams create, test, and ship better designs from start to finish. <br><br> ❌ Free <br><br> </td> </tr> </tbody> </table></div> <h2> Icon <a href="https://github.com/alexandresanlim/awesome-tools-for-app-design#menu">🔝</a> </h2> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>Screen</th> <th>App</th> </tr> </thead> <tbody> <tr> <td><a rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/5353685/91980725-19fbc480-ecfe-11ea-9ceb-80892b9476de.png"><img width="600" src="https://res.cloudinary.com/practicaldev/image/fetch/s--mr81ZOtm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/5353685/91980725-19fbc480-ecfe-11ea-9ceb-80892b9476de.png"></a></td> <td> <a href="https://fontawesome.com/icons?d=gallery&amp;s=solid&amp;m=free" rel="nofollow">Font Awesome</a> <br> Get vector icons and social logos on your website with Font Awesome, the web's most popular icon set and toolkit. <br><br> ✔ Free (with limitations) <br><br> How to use on: <br> <a href="https://julianocustodio.com/2018/06/16/fontawesome/" rel="nofollow">Xamarin.Forms</a> by <a href="https://github.com/juucustodio">@JulianoCustodio</a> (Pt-br)</td> </tr> <tr> <td><a rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/5353685/92111616-f2bafb00-edc2-11ea-9f95-90daaff17d40.png"><img width="600" src="https://res.cloudinary.com/practicaldev/image/fetch/s--6ajdTlTx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/5353685/92111616-f2bafb00-edc2-11ea-9f95-90daaff17d40.png"></a></td> <td> <a href="https://material.io/resources/icons/?style=baseline" rel="nofollow">MaterialIO</a> <br> Material icons are delightful, beautifully crafted symbols for common actions and items. Download on desktop to use them in your digital products for Android, iOS, and web. <br><br> ✔ Free </td> </tr> </tbody> </table></div>…</div> </div> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/alexandresanlim/awesome-tools-for-app-design">View on GitHub</a></div> </div> android ios design github Alexandre Sanlim Fri, 10 Jul 2020 17:49:38 +0000 https://dev.to/alexandresanlim/i-have-created-a-badger-s-repository-to-new-github-readme-md-profile-page-3jcn https://dev.to/alexandresanlim/i-have-created-a-badger-s-repository-to-new-github-readme-md-profile-page-3jcn <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--lBIBDydx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/4wrg0wmkj2kkcejq3fkr.PNG" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--lBIBDydx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/4wrg0wmkj2kkcejq3fkr.PNG" alt="Alt Text" width="873" height="536"></a></p> <p>You can see a small sample:<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--PWT5PIyT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/re3sm54hxxyjmri69jmx.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--PWT5PIyT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/re3sm54hxxyjmri69jmx.png" alt="Alt Text" width="880" height="175"></a></p> <p>See more here:<br> </p> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--566lAguM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/alexandresanlim"> alexandresanlim </a> / <a href="https://github.com/alexandresanlim/Badges4-README.md-Profile"> Badges4-README.md-Profile </a> </h2> <h3> :octocat: Improve your README.md profile with these amazing badges. </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <h1> Welcome! Badges 4 README.md Profile</h1> <p>Improve your README.md profile with these amazing badges. See a sample <a href="https://github.com/alexandresanlim">here</a></p> <h2> How to use?</h2> <ol> <li>Get a URL</li> <li>Create a img tag <code>&lt;img src="{BadgeURLHere}" /&gt;</code> or <code></code> </li> <li>Copy and paste on your profile</li> </ol> <h2> Menu</h2> <ul> <li> <p><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#welcome">Welcome</a></p> </li> <li> <p><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#how-to-use">How to use</a></p> </li> <li> <p><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#badges">Badges</a></p> <ul> <li> <a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-static">🧑🏼‍🏭 Static</a> <ul> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-analytics-">📊 Analytics</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-artificial-intelligence-">🤖 Artificial Intelligence</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-blockchain-">🔗 Blockchain</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-blog-">📝 Blog</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-community-">👥 Community</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-contact-">📱 Contact</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-cloud-">☁ Cloud</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-cryptocurrency-">💲 Cryptocurrency</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-database-">⚡ Database</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-design-">🖍 Design</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-education-">📚 Education</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-etl-">📦 ETL</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-food-">🍔 Food</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-frameworks--library-">🚀 Frameworks &amp; Library</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-funding-">❤ Funding</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-games-">🎮 Games</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-group-">🤜 Group</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-ide-">👩‍💻 IDE</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-ide-plugin-">🔌 IDE Plugin</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-languages-">👩‍💻 Languages</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-linters-">🧐 Linters</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-low-code-platforms-">🎡 Low Code Platforms</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-mobile-frameworks-">📱 Mobile Frameworks</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-office-">👨‍💻 Office</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#orm">⚙️ ORM </a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-os-">💻 OS</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-prototyping-platforms-">💡 Prototyping Platforms</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-security-platforms-">🔒 Security Platforms</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-social-">👨 Social</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-software-metrics-and-analytics-">👩‍💻 Software Metrics &amp; Analytics</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-sound-">🎶 Sound</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-spatial-software-">💻 Spatial software</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-store-">🛒 Store</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-streaming-">🎞 Streaming</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-terminal-">💻 Terminal</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-virtualization-">💻 Virtualization</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-web-browsers-">🌐 Web Browsers</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-workjobs-">🥅 Work/Jobs</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-workflow-platforms-">⏱️ Workflow Platforms</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-workspace-spec-">💻 Workspace Spec</a></li> </ul> </li> <li> <a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-dynamic-">🔁 Dynamic</a> <ul> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-activity-graph-">📈 Activity Graph</a></li> <li><a href="https://github.com/alexandresanlim/Badges4-README.md-Profile#-gist-pin-">📑 Gist Pin</a></li> <li>…</li> </ul> </li> </ul> </li> </ul> </div> </div> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/alexandresanlim/Badges4-README.md-Profile">View on GitHub</a></div> </div> github