Public Notes by chase_ats Tagged #css

Notes publicly shared by our members.
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
moox.github.com
"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
lab.victorcoulon.fr
"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
spriteme.org
"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
favorite button - looks really nice! #$afma-v #$AFMA #dev #frontend #css #pub
We had to update some of our old pages adding new elements. This means mixing old and new code. Placing HTML markup and JavaScript in legacy pages is not that difficult. Yes, it brings some issues but they are easily solvable. However, the CSS is a whole new story. That’s why I did CSSSteal. It helps me extract the needed styles. / blog of Krasimir Tsonev - front and back-end developer who writes for web #css #dev #$project_2018_js #html #chrome_extensions #pub