Liked on YouTube. | Title: Tailwind CSS is the worst…. | Description: People have been debating the merits of Tailwind on twitter recently, so let's look at the pros and cons of this popular CSS library. #css #webdevelopment #TheCodeReport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Tailwind Docs https://tailwindcss.com/ Source Tweet https://twitter.com/shadcn/status/1613595843059404800 Tailwind in 100 Seconds https://youtu.be/mr15Xzb1Ook Pico CSS https://picocss.com/ VS Code Inline Fold https://github.com/moalamri/vscode-inline-fold 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Should I use tailwind? - Why is tailwind popular? - Tailwind vs CSS? - Tailwind pro tips - Twitter drama about CSS and web development. | Published at: January 16, 2023 at 01:34PM. #%via:ifttt #%youtube #bookmarked_on_site #%watched #%consumed

Simple opensourced css for displaying site maps from html unordered lists. Seems exactly like what that http://slickplan.com is charging for #sitemap #css #reference #code #opensource #html #free #pub

"HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100's of developers, all in one little package." #html5 #bootstrap #frontend #template #css #web_design #pub

Deals with Html 5 Boilerplate and Bootstrap or something. Linked to from Html 5 Boilerplate site. #html5 #template #frontend #web_design #css #pub

"Path Menu with just CSS I remove completly the js from the project I fork & rewrote the all Sass code. The design look almost the same (see original source). Made using Sass." #frontend #web_design #css #sexy #menu #sass #path_app #pub

"I made the choice to do this with only html/css3 and no images whatsoever. There is 0 line of javascript. I'm aware that you can do the same with a bit of javascript to be compliant with others browsers. But, It was not my goal :)" #frontend #web_design #css #sexy #menu #sass #path_app #pub

"Background images make pages look good, but also make them slower. Each background image is an extra HTTP request. There's a fix: combine background images into a CSS sprite. But creating sprites is hard, requiring arcane knowledge and lots of trial and error. SpriteMe removes the hassles with the click of a button." #web_development #web_design #css #optimization #web_page_performance #pub

"Mini Reminders App Custom dropdown, custom checkbox… all created with clean CSS & retina-ready! Works in IE 8, Firefox 4, Chrome 14, Safari 4, Opera 10 and newer. + all the others… 56 snippets and counting! $9 one time payment" #css #Snippets #web_2.0 #web_design #pub

"Extension to allow editing and fast reloading of local files from Chrome developer tools The idea behind Tincr is that you can save changes to your original source file from within Chrome Developer Tools. In addition, Tincr does auto-reloading of JavaScript and CSS changes made in other editors. To give you a complete illustration, let's say you're developing a Ruby on Rails web application. You would select "Ruby on Rails" in the dropdown on the Tincr panel and then select the local directory of your rails application. Once you've done that, Tincr knows enough about how a RoR application is structured that if you made a change inside of Chrome Developer Tools, it would be saved to the local file equivalent. If you made a change to an application script or stylesheet using TextMate or some other tool, the change would automatically be reloaded in Chrome without refreshing the whole page." #livereload #alternatives #css #chrome #code #web_development #real_time #pub

"Emmet LiveStyle is a plugin for live bi-directional (editor↔browser) CSS editing of new generation. Currently, it works in Google Chrome, Safari and Sublime Text, more browsers and editors will be available later." #livereload #alternatives #css #chrome #Safari #sublime #code #web_development #real_time #pub

"CSS Hat turns Photoshop layer styles to CSS3. Instantly." "How CSS Hat works? 1. Select Photoshop layer Click on a layer designed with some layer styles. 2. Get CSS3 code Copy to clipboard from CSS Hat plugin. Done. 3. There is no step three Just enjoy your life! What makes CSS Hat so special? CSS Code Instantly In Photoshop Speed up your workflow tremendously. No waiting. We swear. Quick, Easy And Loveable Installation Get your own CSS Hat instantly. It is as easy as falling in love. Support For 3 CSS Preprocessors Choose SASS, LESS or Stylus. We even created a LESS Hat library for you. Customizable Output Is Your Servant Use optional vendor prefixes or dimensions to get the maximum value. Works In Photoshop CS4, CS5 & CS6 CSS Hat saves your time in Photoshop CS4 and newer. Future is in your hands. 2 For 1! Licence Per Person For Mac & Win Use CSS Hat on more devices thanks to a licence per person, not per device." #photoshop #price:$30 #Windows #Mac #Software #psds #css #conversions #automation #paid #web_design #layers #pub

"CSS Piffle. No more photo editing software for web design!" "Wireframe You can create interactive wireframes with CSS Piffle easily, just by using HTML5 and CSS3. Mobile web Creating mobile web has never been easier. You can optimize and test right away. Animations Animations in CSS Piffle are really easy to create. You design and CSS Piffle does all the work for you." #frontend #web_design #frontend_development #css #wireframing #animations #mobile_web #beta #pub

#bookmarked_on_site #%stack_overflow #dev #watir #css #crawling #$AFMA_umbrella #pub

#dev #$AFMA_umbrella #crawling #css #pub

favorite button - looks really nice! #$afma-v #$AFMA #dev #frontend #css #pub

#bootstrap #css #bookmarked_on_site #tips #$AFMA #pub

#bootstrap #css #bookmarked_on_site #tips #$AFMA #pub