Pinboard (orlin)
https://pinboard.in/u:orlin/public/
recent bookmarks from orlinAutomatic Class Sorting with Prettier - Tailwind CSS2024-01-15T23:20:33+00:00
https://tailwindcss.com/blog/automatic-class-sorting-with-prettier
orlinPeople have been talking about the best way to sort your utility classes in Tailwind projects for at least four years. Today we’re excited to announce that you can finally stop worrying about it with the release of our official Prettier plugin for Tailwind CSS.]]>tailwind prettier webdev webdesign plugin usehttps://pinboard.in/u:orlin/b:22f6bb28cd64/daisyUI — Tailwind CSS Components ( version 4 update is here )2023-12-01T00:10:47+00:00
https://daisyui.com/
orlinBest Tailwind Components Library - Free UI components for Tailwind CSS]]>mt components tailwind ui css webdev webdesignhttps://pinboard.in/u:orlin/b:520abfd44a8a/Realtime Colors2023-10-03T23:21:00+00:00
https://www.realtimecolors.com/?colors=050315-fbfbfe-2f27ce-dedcff-433bff&fonts=Poppins-Poppins
orlinVisualize your colors and fonts on a real website.]]>mt design ui ux color palette style webdesign brand toolhttps://pinboard.in/u:orlin/b:48aa064d65a0/VisBug2023-03-28T11:55:46+00:00
https://visbug.web.app/
orlinTangible playground for learning VisBug tools]]>webdev browser extension tools chrome css webdesign usefulhttps://pinboard.in/u:orlin/b:0b9d01715778/58 bytes of css to look great nearly everywhere · GitHub2022-10-02T12:35:20+00:00
https://gist.github.com/JoeyBurzynski/617fb6201335779f8424ad9528b72c41
orlincss html webdesign bestpractices minimal reference use codehttps://pinboard.in/u:orlin/b:00d7dcc2555f/Make Beautiful Gradients in CSS, with linear-gradient, radial-gradient, or conic-gradient.2022-02-16T14:34:16+00:00
https://www.joshwcomeau.com/css/make-beautiful-gradients/
orlincss design color webdev webdesign web usehttps://pinboard.in/u:orlin/b:c3d461916ecf/Building Your Color Palette2020-11-27T13:07:53+00:00
https://refactoringui.com/previews/building-your-color-palette/
orlincolor design ui webdesign palette tipshttps://pinboard.in/u:orlin/b:6f6c2ca62b45/@thi.ng/hiccup-carbon-icons contact sheet (8ab94861c 2020-08-20T17:20:31+01:00)2020-08-29T19:12:44+00:00
https://demo.thi.ng/umbrella/hiccup-carbon-icons/
orlinsvg icons webdev webdesignhttps://pinboard.in/u:orlin/b:0e2af905d162/LaTeX.css — Make your website look like a LaTeX document2020-05-25T07:29:31+00:00
https://latex.now.sh/
orlincss latex webdesign document presentation cool stylehttps://pinboard.in/u:orlin/b:19322a5c9d78/cssnano: A modular minifier based on the PostCSS ecosystem.2020-05-07T08:34:18+00:00
https://cssnano.co/
orlinmt css minify optimization postcss build tool webdev webdesign websitehttps://pinboard.in/u:orlin/b:882ebb412647/Sketch - The digital design toolkit2019-12-26T16:09:53+00:00
https://www.sketch.com/
orlinSketch is a design toolkit built to help you create your best work — from your earliest ideas, through to final artwork.]]>mt design tool ux prototyping interface mobile webdesign prototypehttps://pinboard.in/u:orlin/b:763a9920e7cb/Why You Shouldn't Use Solid or Underlined Text Fields2019-12-26T15:37:59+00:00
https://uxmovement.com/forms/why-you-shouldnt-use-solid-or-underlined-text-fields/
orlinText fields have evolved stylistically over the years. Designers are getting more creative with them, but sometimes a little too creative.]]>mt ux design forms interaction usability webdesign tipshttps://pinboard.in/u:orlin/b:b426bc2605bb/Carbon Design System2019-06-01T13:43:19+00:00
https://www.carbondesignsystem.com/
orlinCarbon is the design system for IBM web and product. It is a series of individual styles, components, and guidelines used for creating unified UI.]]>mt design webdesign ux guidelines ibm react javascript css componentshttps://pinboard.in/u:orlin/b:ad10120d4832/TACHYONS - Css Toolkit2019-05-23T09:10:37+00:00
http://tachyons.io/
orlinmt webdev webdesign responsive css frameworkhttps://pinboard.in/u:orlin/b:112f6e3b4233/CSSFX - Beautifully simple click-to-copy CSS effects2019-05-16T13:38:04+00:00
https://cssfx.dev/
orlincss webdesign effects animation frontend webdev library cool usehttps://pinboard.in/u:orlin/b:1a569fb41ac2/Visual Programming | Bubble2018-10-29T20:01:49+00:00
https://bubble.is/
orlinBubble introduces a new way to build a web application. It’s a point-and-click programming tool, entirely without code. Bubble hosts all applications on its cloud platform.]]>mt tooled service webdev app visual design development hosting prototyping tool webdesign designtoolhttps://pinboard.in/u:orlin/b:e8b652ab4424/Free Website Builder Software2018-10-20T19:52:04+00:00
https://mobirise.com/
orlinFree Website Maker. Create awesome responsive websites. Easy and fast - No coding! Free for commercial use.]]>mt visual webdesign css generator tool bootstrap design mac osx windows designtoolhttps://pinboard.in/u:orlin/b:9841e846f4ad/Web design tools for designers and developers | Webflow2018-10-20T19:43:16+00:00
https://webflow.com/designer
orlinmt visual webdesign css generator tool design designtoolhttps://pinboard.in/u:orlin/b:5b03f6535fbd/Framer - Interactive Design Tool2018-10-13T16:21:31+00:00
https://framer.com/
orlinui ux mobile design prototyping tool webdesign css generatorhttps://pinboard.in/u:orlin/b:5897581d0a04/Free Vector Line Icons (SVG, PNG, PSD, CSH, EPS, Icon Font and more)2018-08-15T21:58:53+00:00
https://linearicons.com/free
orlinLinearicons is the highest quality set of line icons, matching with minimalist UI designs in iOS. This icon pack was designed on a 20×20 grid with a lot of care, resulting in crisp and pixel perfect icons. Both free and premium versions are easy to use in any platform including iOS and Android.]]>flat svg icons good use design webdesign free font cool cdn webdevhttps://pinboard.in/u:orlin/b:52cd644a8a68/terezka | line-charts2018-05-30T19:57:18+00:00
https://terezka.github.io/line-charts/
orlinterezka/line-charts]]>elm visualization charts library design webdesign cool usehttps://pinboard.in/u:orlin/b:474ea105d12a/Show HN: Wired-elements – UI web components with a hand drawn, sketchy look2018-05-26T18:34:54+00:00
https://wiredjs.com/
orlinui wireframes webdesign style cool javascript componentshttps://pinboard.in/u:orlin/b:224b42bcae76/My New Favorite CSS Framework — Tachyons – One Tap Software – Medium2018-05-18T12:11:14+00:00
https://medium.com/one-tap-software/my-new-favorite-css-framework-tachyons-afc63c79061a
orlinTachyons is a new approach to the traditional CSS Framework. In the past there have been 2 primary options. You could go with a well rounded, opinionated, and complete approach like Bootstrap that…]]>tachyons functional css framework components reactnative cool webdev webdesignhttps://pinboard.in/u:orlin/b:7e5a4bc0aa46/Component Based Design System With Tachyons2018-05-18T11:52:56+00:00
https://varun.ca/tachyons-components/
orlintachyons webdesign functional css howtohttps://pinboard.in/u:orlin/b:9f8f9b560fda/undev2018-05-18T11:26:25+00:00
https://undev.studio/
orlinundev is a Berlin / Cologne based development and design studio for interactive experiences using modern web technologies. We push the boundaries of what’s possible using WebGL, Web Audio and Web]]>design studio webdesign people germany awesome creative work webgl dataflowhttps://pinboard.in/u:orlin/b:05a705e95018/tachyons-css/tachyons: Functional css for humans2018-05-18T09:53:05+00:00
https://github.com/tachyons-css/tachyons
orlinGitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.]]>awesome webdev webdesign functional css coolhttps://pinboard.in/u:orlin/b:08e945d7a873/Web Aesthetics by Vito Campanelli2018-05-16T12:03:45+00:00
http://webaesthetics.info/
orlinwebdesign bookhttps://pinboard.in/u:orlin/b:79197021278d/Framework7 - Full Featured Mobile HTML Framework For Building iOS & Android Apps2018-04-05T12:44:26+00:00
http://framework7.io/
orlinwebdev mobile html css framework javascript library ios android webdesignhttps://pinboard.in/u:orlin/b:46b52f3f09fa/GraphCMS/graphcms-image: Universal lazy-loading, auto-compressed images with React and GraphCMS2018-04-05T12:15:22+00:00
https://github.com/graphcms/graphcms-image
orlinGitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.]]>react graphcms image graphql frontend webdesignhttps://pinboard.in/u:orlin/b:58c97a213d3c/Web Font Generator2018-03-27T19:32:07+00:00
https://web-font-generator.com/
orlinweb font generator webdesignhttps://pinboard.in/u:orlin/b:7fa8801c7bf4/Joni Korpi2017-06-15T13:54:21+00:00
http://jonikorpi.com/
orlindesign inspiration portfolio webdesign gridhttps://pinboard.in/https://pinboard.in/u:orlin/b:7affc1d3b247/SassMeister | The Sass Playground!2017-02-28T07:10:06+00:00
http://www.sassmeister.com/
orlin]]>sass online tool webdev css editor libsass code showcase webdesignhttps://pinboard.in/u:orlin/b:0a4d9c40cfd9/sgom.es2017-02-28T07:06:36+00:00
https://sgom.es/
orlinI’m Sérgio, and I work at Web Developer Relations at Google, helping developers make the web a better place.]]>webdev webdesign standards css bloghttps://pinboard.in/u:orlin/b:b6ea123c52e8/Jump Start Sass - SitePoint Premium2017-02-27T14:08:19+00:00
https://www.sitepoint.com/premium/books/jump-start-sass
orlinGet a Jump Start on the popular CSS preprocessor Sass today!]]>css sass scss webdesign bookhttps://pinboard.in/u:orlin/b:97b31db5d7bf/zeit/styled-jsx: Full CSS support for JSX without compromises2017-02-26T09:45:38+00:00
https://github.com/zeit/styled-jsx
orlinstyled-jsx - Full CSS support for JSX without compromises]]>react jsx css webdev webdesign style component scopedhttps://pinboard.in/u:orlin/b:adf4ef17b01a/High Contrast, A PostCSS Plugin Story* | CSS-Tricks2017-02-25T14:30:38+00:00
https://css-tricks.com/high-contrast-postcss-plugin-story/
orlinThe following is a guest post by Eduard Pochtar from ShiwaForce. Eduard is going to walk us through they why and how of a plugin he and his team built to p]]>accessibility contrast css postcss webdesign color pluginhttps://pinboard.in/u:orlin/b:39625058e9a1/Everything I know about Responsive Web Typography | Zell Liew2017-02-25T11:44:34+00:00
https://zellwk.com/blog/responsive-typography/
orlinresponsive typography sass webdesignhttps://pinboard.in/u:orlin/b:a636d853a0c0/Web Font Specimen2017-02-18T07:06:53+00:00
http://webfontspecimen.com/
orlinwebdesign font typography toolshttps://pinboard.in/u:orlin/b:33193fc9887c/Tim Brown - More Perfect Typography on Vimeo2017-02-17T17:00:30+00:00
https://vimeo.com/17079380
orlintypography video font type design webdesign modularscalehttps://pinboard.in/u:orlin/b:35388d5a7f3d/A Book Apart, Get Ready for CSS Grid Layout2017-02-15T19:25:06+00:00
https://abookapart.com/products/get-ready-for-css-grid-layout
orlincss grid css3 layout book webdev webdesign browser standardshttps://pinboard.in/u:orlin/b:d3ce736330c8/Normalize.css: Make browsers render all elements more consistently.2017-02-15T10:07:35+00:00
http://necolas.github.io/normalize.css/
orlinwebdesign css html5 webdev css3 normalizehttps://pinboard.in/u:orlin/b:f36d5c6df32f/Centering With Sass2017-02-12T15:51:54+00:00
https://www.sitepoint.com/centering-with-sass/
orlinHugo takes some of the well known centering techniques in CSS and shows us how to wrap them in Sass mixins.]]>webdesign vertical saas mixin centerhttps://pinboard.in/u:orlin/b:573f7b316dce/Learning Susy2017-02-12T11:42:28+00:00
https://learnsusy.zellwk.com/#signup
orlinsaas susy grid webdesign bookhttps://pinboard.in/u:orlin/b:375331b448fa/Ant Design - A UI Design Language2017-02-11T16:14:17+00:00
https://ant.design/
orlinAn enterprise-class UI design language and React-based implementation]]>design webdesign ui components javascript react csshttps://pinboard.in/u:orlin/b:44101f60364c/Rucksack | CSS Superpowers2017-02-11T13:32:40+00:00
http://simplaio.github.io/rucksack/docs/#responsive-type
orlinA little bag of CSS superpowers, built on PostCSS]]>css style webdesign responsive fonts typography postcsshttps://pinboard.in/u:orlin/b:455464820d5b/Prioritize visible content2016-11-29T11:10:45+00:00
https://varvy.com/pagespeed/prioritize-visible-content.html
orlinweb frontend performance optimization ux article reading webdev webdesignhttps://pinboard.in/u:orlin/b:ede495e68c8c/» 7 Principles of Rich Web Applications2016-11-29T10:58:24+00:00
http://rauchg.com/2014/7-principles-of-rich-web-applications/
orlinwebapps webdev programming performance design ux javascript apps web webdesign article learnhttps://pinboard.in/u:orlin/b:a45bd70ed8e0/PRESENT Conference2016-06-16T09:06:55+00:00
http://www.presentconf.com/#
orlinconference design example webdesignhttps://pinboard.in/u:orlin/b:246b4327cfaf/Hierarchy of Trust: The 5 Experiential Levels of Website Commitment2016-03-07T09:20:15+00:00
https://www.nngroup.com/articles/commitment-levels/
orlinSites must meet users' basic trust needs before they demand that visitors enter information or engage with them. 5 types of user commitment have separate design requirements.]]>webdesign customer relationship trust business startup advice conversion pyramids usability ux nielsenhttps://pinboard.in/u:orlin/b:08185e94ba7c/Web design tool, CMS, and hosting platform | Webflow2015-10-21T09:12:27+00:00
https://webflow.com/
orlinBuild dynamic, responsive websites in your browser. Launch with a click. Or export your squeaky-clean code to host wherever you'd like. Discover the professional website builder made for designers.]]>design tool webdesign prototyping webdevhttps://pinboard.in/u:orlin/b:0fd094e52ca3/ColorZilla for Chrome - Eyedropper, Color Picker and much more2015-10-11T10:40:19+00:00
http://www.colorzilla.com/chrome/
orlingoogle chrome extension color webdesign css toolhttps://pinboard.in/https://pinboard.in/u:orlin/b:23ae4e1b181c/ipfs/electron-app2015-10-11T09:59:51+00:00
https://github.com/ipfs/electron-app
orlinmenubar electron app example project useful programming desktop webdev webdesignhttps://pinboard.in/https://pinboard.in/u:orlin/b:46ead54ec440/Jets.js2015-09-24T13:52:15+00:00
http://nexts.github.io/Jets.js/
orlinJets.js - Native CSS search engine]]>css search tool webdev webdesign programming javascripthttps://pinboard.in/u:orlin/b:fa2378ac3373/Radium - A React Component Styling Library2015-08-16T14:48:02+00:00
http://projects.formidablelabs.com/radium/
orlinreactnative reactjs javascript css react webdesign style ui libraryhttps://pinboard.in/u:orlin/b:a8af55b8f2ea/Implementing Responsive Design | Building sites for an anywhere, everywhere web2015-07-31T08:45:51+00:00
http://www.implementingresponsivedesign.com/
orlinUsers are accessing online content on a multitude of different devices, from mobile phones to desktop computers. Implementing Responsive Design takes a deep dive into all the considerations that go into a responsive project in order to provide a great user experience.]]>responsive webdesign book want ebook design mobile formfactorhttps://pinboard.in/u:orlin/b:75c9498cb27e/Avocode – The bridge between designers and developers2015-06-14T13:35:31+00:00
http://avocode.com/
orlinThe smartest way to share designs, export assets and collaborate with your team.]]>design webdev webdesign electron app cool tool tryhttps://pinboard.in/u:orlin/b:5b7cdd95d5f5/Modularise CSS the React way — Medium2015-06-05T07:28:24+00:00
https://medium.com/@jviereck/modularise-css-the-react-way-1e817b317b04
orlinreact reactjs css jsx compare webdev webdesign style javascript programminghttps://pinboard.in/https://pinboard.in/u:orlin/b:02e2be3b76cf/Metaquery and the end of media queries - Glen Maddern: Internet Pro2015-06-05T07:02:28+00:00
http://glenmaddern.com/articles/metaquery-and-the-end-of-media-queries
orlinresponsive webdesign frontend media query trends sass meta future css html5https://pinboard.in/https://pinboard.in/u:orlin/b:5b3e2f990ff1/▶ Kenneth Ormandy - Efficient Web Type, c. 1556 - YouTube2015-06-05T06:56:44+00:00
https://www.youtube.com/watch?v=jOfg92nRR3Y
orlintypography fonts webdesign video watchit font-facehttps://pinboard.in/https://pinboard.in/u:orlin/b:3aec3195ec99/Favicon Generator for all platforms: iOS, Android, PC/Mac...2015-06-05T05:08:05+00:00
http://realfavicongenerator.net/
orlinfavicon generator webdesign webdev toolhttps://pinboard.in/https://pinboard.in/u:orlin/b:47fb330c7121/cssnext2015-06-03T14:26:45+00:00
http://cssnext.io/
orlincss css3 css4 transpiler javascript webdev webdesignhttps://pinboard.in/https://pinboard.in/u:orlin/b:489f80276f12/Priorities2015-05-27T09:22:42+00:00
http://ponyfoo.com/articles/priorities
orlinPeter-Paul Koch (@ppk) recently wrote an article that generated noticeable turmoil. One of the best responses was Jeremy Keith (@adactio)'s article, "Instantiation", [...]]]>web webdev webdesign performance rant ux ads shamehttps://pinboard.in/u:orlin/b:2daba8cadb58/ramjet2015-05-23T08:35:33+00:00
http://www.rich-harris.co.uk/ramjet/
orlinui ux library css dom animation webdesignhttps://pinboard.in/https://pinboard.in/u:orlin/b:cda06ef26a4b/philipwalton/solved-by-flexbox2015-05-23T07:49:52+00:00
https://github.com/philipwalton/solved-by-flexbox
orlinflexbox css css3 webdesign showcase use opensourcehttps://pinboard.in/https://pinboard.in/u:orlin/b:10e56800b025/CodePen - Front End Developer Playground & Code Editor in the Browser2015-05-11T18:59:51+00:00
http://codepen.io/
orlinjavascript webdev code tools webdesign inspiration frontend playground editor preview csshttps://pinboard.in/u:orlin/b:f5df2d9f1918/Sass Compatibility2015-05-05T16:10:17+00:00
https://sass-compatibility.github.io/#stats
orlinReporting incompatibilities between different Sass engines.
]]>sass compatibility engine css compare webdesign spec coveragehttps://pinboard.in/u:orlin/b:b9c420fabfab/tapio/live-server2015-04-28T21:13:43+00:00
https://github.com/tapio/live-server
orlinlive-server - A simple development http server with live reload capability.]]>nodejs livereload server browsersync compare workflow webdesign webdevhttps://pinboard.in/https://pinboard.in/u:orlin/b:2bd48c13da18/Elevator.js2015-04-28T16:23:24+00:00
http://tholman.com/elevator.js/
orlinAre you sick of clicking 'back to top' buttons on websites, and being lifted to the top without a real elevator experience? Elevator.js is here to help.]]>scrolling top javascript cool ux funnny webdev webdesignhttps://pinboard.in/u:orlin/b:98e61cbe655e/wearefractal/react-responsive2015-03-18T10:43:37+00:00
https://github.com/wearefractal/react-responsive
orlinreact responsive webdesign componentshttps://pinboard.in/https://pinboard.in/u:orlin/b:cb7834494142/FormidableLabs/radium2015-03-14T12:15:21+00:00
https://github.com/FormidableLabs/radium
orlinreactjs javascript style css webdesign reacthttps://pinboard.in/https://pinboard.in/u:orlin/b:6b4d0b601987/