Здесь видео и около 20 ссылок, например Bootstrap Mega Menu, fiddlesalad.com, jsfiddle.net, CodePen ... Но сервисов обнаруживается все больше, причем, с новыми возможностями cssdig-chrome gulpfile.js , или Accessibility audit and element properties . И совсем уж для дизайнеров и аниматоров - shadertoy.com. Так что добавлять новые ссылки по всем фронтенд-инструментам будем в комментарии.
shadertoy.com Build and share youre best shaders
Bootstrap Mega Menu
fiddlesalad.com
jsfiddle.net
CodePen is a playground for the front end web.
Show off your latest creation and get feedback. Build a test case for that pesky bug. Find example design patterns and inspiration for your projects.
searchcode.com
Emmet — the essential toolkit for web-developers ...Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow:
CSS Shapes Editor
css-shack.com documentation The results from your design will be CSS classes that the developer can use instantly, without any modification.
Accessibility audit and element properties This extension will add an Accessibility audit, and an Accessibility sidebar pane in the Elements tab, to your Chrome Developer Tools.
Open Drive files directly from your browser in compatible applications installed on your computer.
cssdig-chrome gulpfile.js
cssdig.com var gulp = require('gulp'),
concat = require('gulp-concat'),
sass = require('gulp-sass'),
notify = require('gulp-notify');
CSS Dig chrome.google.comCollect and analyze CSS. CSS Dig finds and groups stylesheets and style blocks on most websites, providing an easy way to analyze the code and plan refactors.
webaim.org contrastchecker
sass snippets css-tricks.com
userstyles.org - Material Design userstyles.org
chrome.google.com search css
Супер подборка для веб-разработчика
Insomnia is a beautiful cross-platform application for organizing, running, and debugging HTTP requests.
sendwithus.com A beautiful dashboard to manage all your templates
and a simple REST API to automate everything.
Посты чуть ниже также могут вас заинтересовать
6 комментариев:
https://runkit.com/home
онлайн сервис для быстрой работы с nodejs
[Самые нужные плагины для Gulp github](https://github.com/Pestov/essential-gulp-plugins)
[Самые нужные плагины для Gulp](https://habrahabr.ru/post/252745/)
[](http://caniuse.com/)
http://krasimirtsonev.com/blog/article/csssteal-chrome-extension-that-extracts-css
https://chrome.google.com/webstore/detail/csssteal/ellabkgcnhflepncdcnelhgclfkgmanh
Given DOM element returns styles applied to it and all its children.
Inspect elements and extract the CSS defined for them and their children. The extension is useful if you need to transfer part of one page to another.
jsbin.com аналог jsfiddle
https://jsbin.com/zinebiwuta/edit?html,output
Встроенные стили можно быстро откопать онлайн
http://extractcss.com/
http://rawgit.com/
- "хостинг" для файлов с github
Отправить комментарий