michaelfox + css   422

Michael0x2a/curated-programming-resources
Currently, we're living in a sort of "programming renaissance". Programming and computer science is become more popular then ever -- major initiatives like the Hour of Code is popularizing learning programming across the world, and the number of people interested in majoring in computer science is growing exponentially.


refrr:https://www.reddit.com/
Currently, we're living in a sort of "programming renaissance". Programming and computer science is become more popular then ever -- major initiatives like the Hour of Code is popularizing learning programming across the world, and the number of people interested in majoring in computer science is growing exponentially.


refrr:https://www.reddit.com/
css  javascript  js  learntocode  programming  learning  code  career 
5 weeks ago by michaelfox
flamencist/SelectorGenerator
JavaScript object that creates a unique CSS selector for a given DOM element. It has no external dependencies.


refrr:https://github.com/search?o=desc&q=selector+generator&s=stars&type=Repositories
css  js  generator  scraper  dom  javascript 
september 2018 by michaelfox
tildeio/selector-generator
A lightweight JavaScript library that generates CSS selectors from DOM nodes. selector-generator is a lightweight JavaScript library (under 1k!) that can be used to generate CSS selectors from DOM nodes.


refrr:https://github.com/search?o=desc&q=selector+generator&s=stars&type=Repositories
css  js  generator  scraper  dom  mcss  javascript 
september 2018 by michaelfox
fczbkk/css-selector-generator
JavaScript object that creates unique CSS selector for given object. JavaScript object that creates a unique CSS selector for a given DOM element.


refrr:https://github.com/search?o=desc&q=selector+generator&s=stars&type=Repositories
css  js  generator  scraper  dom  javascript 
september 2018 by michaelfox
creativetimofficial/material-dashboard
Please answer the following questions for yourself before submitting an issue.
Please answer the following questions for yourself before submitting an issue.
material  dashboard  template  boilerplate  admin  css  html  js 
august 2018 by michaelfox
CSS Grid Layout Interface Builder | LayoutIt!
Visual interface builder for CSS Grid that allows you to easily create and export your custom layouts (with legacy grid support).
Visual interface builder for CSS Grid that allows you to easily create and export your custom layouts (with legacy grid support).
css  grid  generator  ui  design  tools 
july 2018 by michaelfox
Pattern Library First: An Approach For Managing CSS
CSS can be hard to manage across a project, especially when you need to include media queries for various breakpoints and fallbacks for older browsers. In this article, we will take a look at using Fractal to manage components which use CSS Grid.
CSS can be hard to manage across a project, especially when you need to include media queries for various breakpoints and fallbacks for older browsers. In this article, we will take a look at using Fractal to manage components which use CSS Grid.
css  styleguide  patternlibrary  documentation  tools  generator 
july 2018 by michaelfox
How Medium does progressive image loading
This post explains how Medium renders an image placeholder using low-res thumbnails and canvas


refrr:https://manu.ninja/dominant-colors-for-lazy-loading-images/
This post explains how Medium renders an image placeholder using low-res thumbnails and canvas


refrr:https://manu.ninja/dominant-colors-for-lazy-loading-images/
image  lazyload  performance  css  js  howto  optimization  design 
june 2018 by michaelfox
The HTML & CSS Security Checklist
Learn how to improve the security of your HTML and CSS by following this HTML & CSS security checklist.
Learn how to improve the security of your HTML and CSS by following this HTML & CSS security checklist.
css  security  html  checklist  bestpractices  styleguide  audit 
june 2018 by michaelfox
Inclusive Components
A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.


refrr:https://inclusive-components.design/
A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.


refrr:https://inclusive-components.design/
css  reference  accessibility  components  javascript  styleguide  designpatterns  patternlibrary  bestpractices  ui 
june 2018 by michaelfox
pojome/elementor
The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design. https://elementor.com/ Contributors: elemntor, KingYes, ariel.k, jzaltzberg, mati1000, pojosh, bainternet, ramiy, yehudah Tags: page builder, editor, landing page, drag-and-drop, elementor, visual editor, wysiwyg, design, maintenance mode, coming soon, under construction, website builder, landing page builder, front-end builder Requires at least: 4.6 Tested up to: 4.9 Requires PHP: 5.4 Stable tag: 2.0.14 License: GPLv3 License URI: https://www.gnu.org/licenses/gpl-3.0.html


refrr:https://github.com/search?l=PHP&o=desc&q=page&s=stars&type=Repositories
The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design. https://elementor.com/ Contributors: elemntor, KingYes, ariel.k, jzaltzberg, mati1000, pojosh, bainternet, ramiy, yehudah Tags: page builder, editor, landing page, drag-and-drop, elementor, visual editor, wysiwyg, design, maintenance mode, coming soon, under construction, website builder, landing page builder, front-end builder Requires at least: 4.6 Tested up to: 4.9 Requires PHP: 5.4 Stable tag: 2.0.14 License: GPLv3 License URI: https://www.gnu.org/licenses/gpl-3.0.html


refrr:https://github.com/search?l=PHP&o=desc&q=page&s=stars&type=Repositories
php  ui  content  wysiwyg  editor  layout  css  design  page  builder  tools  admin  wordpress  plugin 
june 2018 by michaelfox
Lesson: lesson-pdf-links — print-css.rocks 1.5.1 documentation - CSS Paged Media Tutorial and Showcase - Andreas Jung, ZOPYX
CSS Paged Media (PDF generation from XML and HTML using CSS stylesheets) tutorial and showcase with lessons, tool descriptions and comparions. PDFreactor Antennahouse PrinceXML


refrr:https://print-css.rocks/compliance.html
CSS Paged Media (PDF generation from XML and HTML using CSS stylesheets) tutorial and showcase with lessons, tool descriptions and comparions. PDFreactor Antennahouse PrinceXML


refrr:https://print-css.rocks/compliance.html
css  pdf  example  lorem  sample  testing  documentation  download  resource 
may 2018 by michaelfox
Sample Documents
Convert HTML documents to PDF. Beautiful printing with CSS. Support for JavaScript and SVG.
Convert HTML documents to PDF. Beautiful printing with CSS. Support for JavaScript and SVG.
css  javascript  js  pdf  example  lorem  sample  testing  documentation  download  resource 
may 2018 by michaelfox
Designing For Print With CSS
If you mention printing with CSS to many people who work on the web, [print style sheets](https://www.smashingmagazine.com/2013/03/08/tips-and-tricks-for-print-style-sheets/) are the use that comes to mind. We are all well used to creating a style sheet that is called upon when a web document is printed. These style sheets ensure that the print version is legible and that we don’t cause a user to print out huge images.


refrr:https://www.smashingmagazine.com/2018/05/print-stylesheets-in-2018/
If you mention printing with CSS to many people who work on the web, [print style sheets](https://www.smashingmagazine.com/2013/03/08/tips-and-tricks-for-print-style-sheets/) are the use that comes to mind. We are all well used to creating a style sheet that is called upon when a web document is printed. These style sheets ensure that the print version is legible and that we don’t cause a user to print out huge images.


refrr:https://www.smashingmagazine.com/2018/05/print-stylesheets-in-2018/
css  print  checklist  design 
may 2018 by michaelfox
I totally forgot about print style sheets
Aaron Gustafson recently sent a tweet to Indiegogo in which he pointed out that their order details pages aren’t usable when printed. When I saw this tweet it struck me, because I realized that it…

#css #web-development #accessibility #frontend-development #ux


refrr:https://www.smashingmagazine.com/2018/05/print-stylesheets-in-2018/
Aaron Gustafson recently sent a tweet to Indiegogo in which he pointed out that their order details pages aren’t usable when printed. When I saw this tweet it struck me, because I realized that it…

#css #web-development #accessibility #frontend-development #ux


refrr:https://www.smashingmagazine.com/2018/05/print-stylesheets-in-2018/
css  bestpractices  styleguide  checklist 
may 2018 by michaelfox
40 Free Responsive HTML5 Business Templates for Startups 2018 Top 18 Clean HTML5/CSS3 Website Templates With Minimalist Design Yet Powerful Core 2017 14+ CS-Cart Templates for a Beautiful and Successful Store 2017
Boost your workflow and save enormous amounts of time with free admin templates. Create a fantastic user interface for your online projects.


refrr:https://colorlib.com/wp/?s=admin
Boost your workflow and save enormous amounts of time with free admin templates. Create a fantastic user interface for your online projects.


refrr:https://colorlib.com/wp/?s=admin
css  admin  ui  collection  list  inspiration  boilerplate  template  theme  html  design 
may 2018 by michaelfox
30 Top Free Bootstrap 4 Website Templates 2018 18 Top Writer Website Templates For Bloggers and Authors 2018 Top 12 HTML5 Job Board Websites Templates For Freelance Marketplaces and Job Portals 2018
Just a few decades ago, phones were considerably larger, and they had to stay plugged in. Communication was forever changed when that technology was miniaturize


refrr:https://colorlib.com/wp/bootstrap-admin-templates/
Just a few decades ago, phones were considerably larger, and they had to stay plugged in. Communication was forever changed when that technology was miniaturize


refrr:https://colorlib.com/wp/bootstrap-admin-templates/
admin  ui  collection  list  inspiration  boilerplate  template  theme  html  css  design 
may 2018 by michaelfox
24 Best Versatile HTML5 and CSS3 Website Templates To Improve Your Online Presence 2018 19 Best HTML Web Hosting Website Templates 2018 24+ Professional Instapage Landing Templates 2017
Working as a developer and building a project from scratch can oftentimes mean that there's a lot of things to keep track of all at once, but more importantly -


refrr:https://colorlib.com/wp/free-dashboard-templates/
Working as a developer and building a project from scratch can oftentimes mean that there's a lot of things to keep track of all at once, but more importantly -


refrr:https://colorlib.com/wp/free-dashboard-templates/
css  admin  ui  collection  list  inspiration  boilerplate  template  theme  html  design 
may 2018 by michaelfox
Templates
Responsive HTML email templates tested on mobile and desktop. Avoid 2-3 days of coding, get an easy to integrate template that works. Notifications, newsletters, receipts, welcome emails, ready to use with your email service provider.


refrr:https://reallygoodemails.com/resources/
Responsive HTML email templates tested on mobile and desktop. Avoid 2-3 days of coding, get an easy to integrate template that works. Notifications, newsletters, receipts, welcome emails, ready to use with your email service provider.


refrr:https://reallygoodemails.com/resources/
html  email  css  template  boilerplate  inspiration  responsive  download 
april 2018 by michaelfox
ElementUI/awesome-element
A curated list of Element projects A curated list of Element projects


refrr:http://element.eleme.io/
awesome  vue  ui  dashboard  boilerplate  html  css  js  widget  template  admin   
april 2018 by michaelfox
A list of Online Code Linters and Formatters for Web Developers
There are many online tools that help you lint or format code. This post list many of the most useful ones for HTML, CSS and JavaScript


refrr:https://flaviocopes.com/
There are many online tools that help you lint or format code. This post list many of the most useful ones for HTML, CSS and JavaScript


refrr:https://flaviocopes.com/
css  javascript  js  lint  format  convert  prettyprint  beautify  code  tools  collection 
march 2018 by michaelfox
Integrate AdminLTE with Laravel 5
AdminLTE is a great dashboard template but it is built with pure HTML and CSS. In this tutorial, I'd like to go through installing AdminLTE with Laravel 5 like pros. We will make sure the we have the ability to update AdminLTE to the latest version at any given time by using Bower to manage it.


refrr:https://adminlte.io/blog
AdminLTE is a great dashboard template but it is built with pure HTML and CSS. In this tutorial, I'd like to go through installing AdminLTE with Laravel 5 like pros. We will make sure the we have the ability to update AdminLTE to the latest version at any given time by using Bower to manage it.


refrr:https://adminlte.io/blog
css  laravel  php  admin  ui 
february 2018 by michaelfox
Dev Portfolio Template - Demo/Example
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in iaculis ex. Etiam volutpat laoreet urna. Morbi ut tortor nec nulla commodo malesuada sit amet vel lacus. Fusce eget efficitur libero. Morbi dapibus porta quam laoreet placerat. Donec eu vehicula neque. Donec viverra lorem nunc, tempus euismod eros sollicitudin ut. Quisque et tincidunt libero. Donec id pharetra justo. Proin euismod lacinia dolor, eu scelerisque justo tempus pharetra. Vivamus nunc justo, finibus ut nisl sed, euismod rhoncus nulla. Proin sed magna egestas, egestas ante et, congue eros. In consequat, mauris dapibus tincidunt suscipit, ex libero aliquet diam, at maximus risus enim non leo.


refrr:https://github.com/RyanFitzgerald/devportfolio?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more
portfolio  career  template  boilerplate  html  css  jobsearch 
january 2018 by michaelfox
Font Awesome Cheatsheet
Font Awesome, the iconic font and CSS framework
cheatsheet  css  font  icons  iconfont  symbols  glyphs  reference 
january 2018 by michaelfox
Stylelint: The Style Sheet Linter We've Always Wanted
An Introduction To PostCSS

Everyone wants a clean, consistent code base, no matter the language. Developers are accustomed to setting up linters in programming languages such as JavaScript and Python, but they rarely use a linter for style sheets. In this article, we’ll look at [stylelint](http://stylelint.io/), a linter for style sheets. We will also learn why linting a style sheet matters, how stylelint brings order to a style sheet and how we can avoid errors. Finally, we will learn how to use stylelint and start linting as soon as possible. Let's start with why linting is important.


refrr:http://monocle.io/posts/stylelint-the-style-sheet-linter-we-ve-always-wanted-smashing-magazine
An Introduction To PostCSS

Everyone wants a clean, consistent code base, no matter the language. Developers are accustomed to setting up linters in programming languages such as JavaScript and Python, but they rarely use a linter for style sheets. In this article, we’ll look at [stylelint](http://stylelint.io/), a linter for style sheets. We will also learn why linting a style sheet matters, how stylelint brings order to a style sheet and how we can avoid errors. Finally, we will learn how to use stylelint and start linting as soon as possible. Let's start with why linting is important.


refrr:http://monocle.io/posts/stylelint-the-style-sheet-linter-we-ve-always-wanted-smashing-magazine
javascript  js  styleguide  bestpractices  lint  tools  build  css 
january 2018 by michaelfox
Runway
Go from stylesheet to styleguide instantly, for free


refrr:https://unroll.me/a/read-email?emailBodyUrl=https%3A%2F%2Fs3.amazonaws.com%2Funrollme_html_cache%2F4014892%2F1588674885052079587%3FAWSAccessKeyId%3DASIAJGT4U2K7GOALSKZA%26Expires%3D1515769511%26Signature%3Drj3gN%252Bkcw%252FLECeVuj%252FpcrRLWmHY%253D%26x-amz-security-token%3DFQoDYXdzEHYaDLBiT55mWjjBwutQxSK3A0b6nlqYIszzwusfnzmLQU14rjRCPXClGd6J%252FCwl2mwQ9Qm5a78MVGgQxRPdJZFdw6ErQLljvwHWmUSuaI3TI4QYxf2ixbyNrTR8ZaSbBweFpfGwLVncvqnA3OQ8lGx6HmTZ4eso97ECF1jCwfVkbAec8WIfV8f38Q5tJRpIcQK7s%252BgTwaUGQcILA472IykrcoVm%252Fo3gg%252B3U3c4fbx99o5WrQXx8m%252Bjn6DbOrUI3JbxtN9rpa28UYi7CtaYDvCfZP3AG%252FKMkqIlsHZU7vNqDh7vqmABA%252BmEJg5dN3mkiTMRLXZOLQS1yXMOH5AL5b6TF5EP1SIo1I6ZVV17u5mCWUU4OLWR%252BLwpxNsNBFaWKvt7iFM7dzKn4xj%252BX35TK3voIC3LKOCX6jH7vgYaqAw0NFlNlKUqu%252BBfTac7vmhr1nQaHy39TXkpISSIaqofZr07op8qXKtHmbtsapgaVY5NXUKjwB60MR1Ihg8Xegof0ynC0at%252BvebB6w9kOagywPVLHocyZDw13nBoP%252FzwTtJ%252F7BVH2yVQz8f%252FHqj20nqKiFP9%252FQtdDM8bwAnvI04kDqUz4dDv%252FxuVpSUIo4um90gU%253D&emailId=10378577333&accessControl=eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzY29wZXMiOlsiYWNjb3VudCJdLCJrbiI6IjQxYWI0YjFkLTQ0NDUtNDIwNC05OTJkLTU0NWVlZTRlZTg3MSIsImV4cGlyZXMiOiIyMDE4LTAxLTA1VDE2OjA1OjA5LjAyMloiLCJpZCI6NDAxNDg5MiwiaWF0IjoxNTE1MTY0NzA5fQ.awp6majMQy6YaKVDYc9U2Jb1rX1YCAjG5cf2LF0TIDNvrzVD5x3N4VEdvCFRKDuOxssD31jZ2qpRdvI6ICbACYoexjIuCCAznzt7yMq-UUetmAY78sa_nCL1Uf_XcvXQ2iCGhpXKW-kwVbuNCb4L_qhVhi8tdIncmVY34T6ii9FwpaVAWhjjbRGgDkJz7j5MGmNvaW3xZOWmLIE82h71jcEg6Qbru-Oh-miDBvKG-xtFzReaNXkeE6NLT2mB372XJyEjdN5UelpnaPiaQhcgO8liQMA2mao5dT5q5jpJ09zhaxX7fwhXYAbFT1ORWvhjBwTHYV4KaCqxJVGa5_e3wg
Go from stylesheet to styleguide instantly, for free


refrr:https://unroll.me/a/read-email?emailBodyUrl=https%3A%2F%2Fs3.amazonaws.com%2Funrollme_html_cache%2F4014892%2F1588674885052079587%3FAWSAccessKeyId%3DASIAJGT4U2K7GOALSKZA%26Expires%3D1515769511%26Signature%3Drj3gN%252Bkcw%252FLECeVuj%252FpcrRLWmHY%253D%26x-amz-security-token%3DFQoDYXdzEHYaDLBiT55mWjjBwutQxSK3A0b6nlqYIszzwusfnzmLQU14rjRCPXClGd6J%252FCwl2mwQ9Qm5a78MVGgQxRPdJZFdw6ErQLljvwHWmUSuaI3TI4QYxf2ixbyNrTR8ZaSbBweFpfGwLVncvqnA3OQ8lGx6HmTZ4eso97ECF1jCwfVkbAec8WIfV8f38Q5tJRpIcQK7s%252BgTwaUGQcILA472IykrcoVm%252Fo3gg%252B3U3c4fbx99o5WrQXx8m%252Bjn6DbOrUI3JbxtN9rpa28UYi7CtaYDvCfZP3AG%252FKMkqIlsHZU7vNqDh7vqmABA%252BmEJg5dN3mkiTMRLXZOLQS1yXMOH5AL5b6TF5EP1SIo1I6ZVV17u5mCWUU4OLWR%252BLwpxNsNBFaWKvt7iFM7dzKn4xj%252BX35TK3voIC3LKOCX6jH7vgYaqAw0NFlNlKUqu%252BBfTac7vmhr1nQaHy39TXkpISSIaqofZr07op8qXKtHmbtsapgaVY5NXUKjwB60MR1Ihg8Xegof0ynC0at%252BvebB6w9kOagywPVLHocyZDw13nBoP%252FzwTtJ%252F7BVH2yVQz8f%252FHqj20nqKiFP9%252FQtdDM8bwAnvI04kDqUz4dDv%252FxuVpSUIo4um90gU%253D&emailId=10378577333&accessControl=eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzY29wZXMiOlsiYWNjb3VudCJdLCJrbiI6IjQxYWI0YjFkLTQ0NDUtNDIwNC05OTJkLTU0NWVlZTRlZTg3MSIsImV4cGlyZXMiOiIyMDE4LTAxLTA1VDE2OjA1OjA5LjAyMloiLCJpZCI6NDAxNDg5MiwiaWF0IjoxNTE1MTY0NzA5fQ.awp6majMQy6YaKVDYc9U2Jb1rX1YCAjG5cf2LF0TIDNvrzVD5x3N4VEdvCFRKDuOxssD31jZ2qpRdvI6ICbACYoexjIuCCAznzt7yMq-UUetmAY78sa_nCL1Uf_XcvXQ2iCGhpXKW-kwVbuNCb4L_qhVhi8tdIncmVY34T6ii9FwpaVAWhjjbRGgDkJz7j5MGmNvaW3xZOWmLIE82h71jcEg6Qbru-Oh-miDBvKG-xtFzReaNXkeE6NLT2mB372XJyEjdN5UelpnaPiaQhcgO8liQMA2mao5dT5q5jpJ09zhaxX7fwhXYAbFT1ORWvhjBwTHYV4KaCqxJVGa5_e3wg
styleguide  generator  documentation  wiki    css  frontend  design 
january 2018 by michaelfox
Create a Chrome extension to modify a website’s HTML or CSS
How to create a Chrome extension that can modify any website's HTML or CSS, including a walkthrough, code examples and a demo extension.
How to create a Chrome extension that can modify any website's HTML or CSS, including a walkthrough, code examples and a demo extension.
chrome  css  extension  js 
january 2018 by michaelfox
Google Chrome Extensions - Can't load local images with CSS
I have a simple Chrome extension that uses the content script feature to modify a website. More specifically, the background-image of said website. For some reason I can't seem to be able to use l...
I have a simple Chrome extension that uses the content script feature to modify a website. More specifically, the background-image of said website. For some reason I can't seem to be able to use l...
chrome  css  extension  js 
january 2018 by michaelfox
Web Content Accessibility Guidelines—for People Who Haven't Read Them
Alan Dalton takes a detailed look at WCAG on this UN International Day of Persons with Disabilities. Remember, Christmas is a time of good will to all, no matter if you have difficulty seeing, hearing, reading, or just have a very shiny nose.


refrr:https://24ways.org/
Alan Dalton takes a detailed look at WCAG on this UN International Day of Persons with Disabilities. Remember, Christmas is a time of good will to all, no matter if you have difficulty seeing, hearing, reading, or just have a very shiny nose.


refrr:https://24ways.org/
webdesign  accessibility  bestpractices  styleguide  html  css  design  ui  ux  reference  standard 
december 2017 by michaelfox
Planet Performance
If you blog about performance, or know someone else who does and should be in this list, please use GitHub to edit the list of blogs.
If you blog about performance, or know someone else who does and should be in this list, please use GitHub to edit the list of blogs.
performance  optimization  bestpractices  styleguide  web  dev  devops  html  css  js 
december 2017 by michaelfox
What Does My Site Cost?
Find out how much it costs for someone to use your site on mobile networks around the world.


refrr:https://www.speedpatterns.com/
Find out how much it costs for someone to use your site on mobile networks around the world.


refrr:https://www.speedpatterns.com/
performance  optimization  bestpractices  styleguide  web  dev  devops  html  css  js 
december 2017 by michaelfox
WPO Stats
: A collection of case studies and experiments demonstrating the impact of web performance.

#conversion #engagement #bounce-rate #2017


refrr:https://www.speedpatterns.com/
: A collection of case studies and experiments demonstrating the impact of web performance.

#conversion #engagement #bounce-rate #2017


refrr:https://www.speedpatterns.com/
performance  optimization  bestpractices  styleguide  web  dev  devops  html  css  js 
december 2017 by michaelfox
Speed Patterns
Speed is a major contributor to user experience on modern web sites.
Speed is a major contributor to user experience on modern web sites.
performance  optimization  bestpractices  styleguide  web  dev  devops  html  css  js 
december 2017 by michaelfox
List of freely available Programming Books
ConceptF1 helps in understanding programming concepts. It has articles related to AngularJs, JavaScript, HTML, CSS, CSharp and other programming languages.


refrr:https://conceptf1.blogspot.com/2013/11/javascript-closures.html
ConceptF1 helps in understanding programming concepts. It has articles related to AngularJs, JavaScript, HTML, CSS, CSharp and other programming languages.


refrr:https://conceptf1.blogspot.com/2013/11/javascript-closures.html
book  css  javascript  learning  ebooks  download  collection  list  development  programming  curated   
december 2017 by michaelfox
Home - Alloy Editor
a modern WYSIWYG editor built on top of CKEDITOR, designed to create modern and gorgeous web content


refrr:https://m.dotdev.co/alloyeditor-a-medium-style-wysiwyg-9ca2aa2a7a2c
a modern WYSIWYG editor built on top of CKEDITOR, designed to create modern and gorgeous web content


refrr:https://m.dotdev.co/alloyeditor-a-medium-style-wysiwyg-9ca2aa2a7a2c
javascript  editor  js  wysiwyg  ckeditor  css  ui   
december 2017 by michaelfox
AlloyEditor a Medium style WYSIWYG
AlloyEditor is an open source WYSIWYG editor that puts a new spin on an old favorite. Leveraging CKEditor it adds a new UI and you can still use any of the existing CKEditor plugins. It includes drag…

#web-development #javascript #tools


refrr:https://twitter.com/dotdevco
AlloyEditor is an open source WYSIWYG editor that puts a new spin on an old favorite. Leveraging CKEditor it adds a new UI and you can still use any of the existing CKEditor plugins. It includes drag…

#web-development #javascript #tools


refrr:https://twitter.com/dotdevco
javascript  editor  js  wysiwyg  ckeditor  css  ui  forms  content  cms   
december 2017 by michaelfox
Hyperdeck
Create and share editable HTML/CSS/JS documents with Hyperdeck!


refrr:https://alternativeto.net/software/hyperdeck/
Create and share editable HTML/CSS/JS documents with Hyperdeck!


refrr:https://alternativeto.net/software/hyperdeck/
css  javascript  notebook  jupyter 
december 2017 by michaelfox
A Front End Developer’s Guide to GraphQL
No matter how large or small your application is, you’ll have to deal with fetching data from a remote server at some point. On the front end, this usually
No matter how large or small your application is, you’ll have to deal with fetching data from a remote server at some point. On the front end, this usually
css  graphql  api  guide  json  rest 
december 2017 by michaelfox
email-templates
refrr:https://github.com/topics/templates

refrr:https://github.com/topics/templates
📫 Create, preview, and send custom email templates for Node.js. Highly configurable and supports automatic inline CSS, stylesheets, embedded images and fonts, and much more! https://email-templates.js.org


refrr:https://nodejs.libhunt.com/email-templates-alternatives?utm_source=newsletter_mailer&utm_medium=email&utm_campaign=weekly
template  email  boilerplate  html  css  design  javascript  js  node 
november 2017 by michaelfox
Collections of free website templates made by Mashup Template in HTML5 and CSS3
Free themes and templates to create simply your portfolio or your professional website in minutes. Preview and download your favorite website template


refrr:http://mashup-template.com/templates.html
Free themes and templates to create simply your portfolio or your professional website in minutes. Preview and download your favorite website template


refrr:http://mashup-template.com/templates.html
css  html  templates  theme  boilerplate 
november 2017 by michaelfox
HTML5 UP
Responsive HTML5 and CSS3 site templates designed by @ajlkn.


refrr:http://allthefreestock.com/
Responsive HTML5 and CSS3 site templates designed by @ajlkn.


refrr:http://allthefreestock.com/
css  html  templates  theme  boilerplate 
november 2017 by michaelfox
TEMPLATED
A collection of 866 Creative Commons-licensed CSS, HTML5 and Responsive site templates created by Cherry, Doni, AJ, and co.


refrr:http://allthefreestock.com/
A collection of 866 Creative Commons-licensed CSS, HTML5 and Responsive site templates created by Cherry, Doni, AJ, and co.


refrr:http://allthefreestock.com/
css  html  templates  theme  boilerplate 
november 2017 by michaelfox
SVG CSS sprite preview
This preview features the generated SVG file as a conventional CSS sprite. The shapes are displayed as background images of several <i> elements.
This preview features the generated SVG file as a conventional CSS sprite. The shapes are displayed as background images of several <i> elements.
css  font  icons  iconfont  ui  glyphs  symbols  ecommerce 
november 2017 by michaelfox
PostCSS Framework | Hi-Q Documentation
Documentation for Hi-Q, a simple CSS foundation with responsive typography and input styling, built with PostCSS and cssnext.
Documentation for Hi-Q, a simple CSS foundation with responsive typography and input styling, built with PostCSS and cssnext.
css  html  framework  boilerplate  frontend  flexbox  grid  layout  ui  ux 
november 2017 by michaelfox
Advanced CSS-Only Form Styling
Learn about selectors both new and old that you can use to style form inputs based on requirement, validity and more.
Learn about selectors both new and old that you can use to style form inputs based on requirement, validity and more.
css  forms  ui  design  frontend  html 
november 2017 by michaelfox
A Responsive Accessible Table
Painfully slow demonstration of the example table resizing and different media queries kicking in. After writing (again) that it is ok to use tables, and after providing quick examples of responsive tables, I received questions about why I used some of the code I did. I am going to attempt…
responsive  table  ui  css  design  data  mobile  admin  grid  reference 
november 2017 by michaelfox
Bootstrap 4 Themes
We build creative Bootstrap 4 themes, templates and tools for demanding developers. Speed up your project with our Bootstrap 4 resources.


refrr:https://github.com/HackerThemes/theme-machine
We build creative Bootstrap 4 themes, templates and tools for demanding developers. Speed up your project with our Bootstrap 4 resources.


refrr:https://github.com/HackerThemes/theme-machine
theme  html  css  design  template  ui  bootstrap 
october 2017 by michaelfox
Leave Your Competitors in the Dust with 280+ Pre-Built Websites
Produce high-quality client websites faster with Be Theme.
Produce high-quality client websites faster with Be Theme.
template  boilerplate  theme  design  html  css  collection  list 
october 2017 by michaelfox
Code Samples - Instant Articles - Documentation - Facebook for Developers
Instant Articles are constructed from a set of elements that define the unique features and display components of the article. If you're just getting started with Instant Articles, begin by reading our Creating Articles guide for a tutorial on how to begin publishing Instant Articles to your Facebook Page.


refrr:https://github.com/joshbuchea/HEAD
Instant Articles are constructed from a set of elements that define the unique features and display components of the article. If you're just getting started with Instant Articles, begin by reading our Creating Articles guide for a tutorial on how to begin publishing Instant Articles to your Facebook Page.


refrr:https://github.com/joshbuchea/HEAD
social  semantic  search  article  markup  html  css  metadata  Facebook  standard  documentation  reference 
october 2017 by michaelfox
Create Articles - Instant Articles - Documentation - Facebook for Developers
This guide introduces the basic structure of Instant Articles documents. It also explains how to create Instant Article versions of standard web-based content. A sample article is provided to demonstrate the use of Instant Articles markup.


refrr:https://github.com/joshbuchea/HEAD
This guide introduces the basic structure of Instant Articles documents. It also explains how to create Instant Article versions of standard web-based content. A sample article is provided to demonstrate the use of Instant Articles markup.


refrr:https://github.com/joshbuchea/HEAD
social  semantic  search  article  markup  html  css  metadata  Facebook  standard  documentation  reference 
october 2017 by michaelfox
Firefox CSS: The UnixPorn of Firefox
reddit: the front page of the internet


refrr:https://www.reddit.com/
reddit: the front page of the internet


refrr:https://www.reddit.com/
css  startpage  chrome  dash  customization  userscript  userstyles  firefox 
september 2017 by michaelfox
rscss
Styling CSS without losing your sanity
styleguide  css  bestpractices  documentation 
september 2017 by michaelfox
System notifications
are used to communicate to users that something went wrong from the client (4xx) or server (5xx) side. They also notify users when their instance is down for maintenance or upgrade. System notifications provide enough information for users to understand what’s happening, and prompt the next action to take.


refrr:https://atlassian.design/server/patterns/sidebar/
styleguide  documentation  inspiration  reference  ui  ux  design  designpatterns  patterns  html  css   
september 2017 by michaelfox
Atlassian Design
Product emails are used for a vast range of purposes. Their core task is to inform users about news and actions that are directly relevant to them.


refrr:https://atlassian.design/server/patterns/date-picker/
Product emails are used for a vast range of purposes. Their core task is to inform users about news and actions that are directly relevant to them.


refrr:https://atlassian.design/server/patterns/date-picker/
styleguide  documentation  inspiration  reference  ui  ux  design  designpatterns  patterns  html  css    email  transactional  messages 
september 2017 by michaelfox
Atlassian Design
Use relative dates when a general understanding of sequence is sufficient to communicate meaning. Use absolute dates when precision is needed, for example in logging or supporting an exact understanding of an event sequence.


refrr:https://atlassian.design/server/patterns/file-viewer/
styleguide  documentation  inspiration  reference  ui  ux  design  designpatterns  patterns  html  css    date  time  format  convert 
september 2017 by michaelfox
Atlassian Design
When users click on a file, it opens in an overlay that fills the screen, making the file the focus item and bringing it up to full size. In this mode, users can perform actions on the file. They can also use navigational arrows to move between files on the page.


refrr:https://atlassian.design/server/patterns/activity-stream/
When users click on a file, it opens in an overlay that fills the screen, making the file the focus item and bringing it up to full size. In this mode, users can perform actions on the file. They can also use navigational arrows to move between files on the page.


refrr:https://atlassian.design/server/patterns/activity-stream/
styleguide  documentation  inspiration  reference  ui  ux  design  designpatterns  patterns  html  css    media  upload  image 
september 2017 by michaelfox
Atlassian Design
Tables are a structured way of presenting large volumes of data in an easy to understand manner.


refrr:https://atlassian.design/server/components/buttons/
styleguide  documentation  inspiration  reference  ui  ux  design  designpatterns  patterns  html  css    table 
september 2017 by michaelfox
Atlassian Design
Forms allow users to enter data that is used by the application, or to configure options. Designing forms well requires decisions about its structure and sequence, as well as its interface elements, field labels and offered help and feedback.


refrr:https://atlassian.design/server/components/dynamic-tables/
Forms allow users to enter data that is used by the application, or to configure options. Designing forms well requires decisions about its structure and sequence, as well as its interface elements, field labels and offered help and feedback.


refrr:https://atlassian.design/server/components/dynamic-tables/
styleguide  documentation  inspiration  reference  ui  ux  design  designpatterns  patterns  html  css    forms 
september 2017 by michaelfox
Atlassian Design
Dynamic tables allow the user to see content they've entered without refreshing the page.


refrr:https://atlassian.design/server/components/dropdowns/
Dynamic tables allow the user to see content they've entered without refreshing the page.


refrr:https://atlassian.design/server/components/dropdowns/
styleguide  documentation  inspiration  reference  ui  ux  design  designpatterns  patterns  html  css    table  grid  list 
september 2017 by michaelfox
Atlassian Design
Atlassian charts have been designed with our design principles in mind – charts should be clear and easy to read, feel harmonious with our products, be fast to load, and gracefully reveal depth.


refrr:https://atlassian.design/server/components/buttons/
Atlassian charts have been designed with our design principles in mind – charts should be clear and easy to read, feel harmonious with our products, be fast to load, and gracefully reveal depth.


refrr:https://atlassian.design/server/components/buttons/
styleguide  documentation  inspiration  reference  ui  ux  design  designpatterns  patterns  html  css    chart 
september 2017 by michaelfox
Atlassian Design
Every application in the Atlassian suite has a customised version of a branded header. This consistent experience shows the integrated nature of the products, and users don't have to relearn this common area for each of the applications.


refrr:https://atlassian.design/server/components/modal-dialog/
Every application in the Atlassian suite has a customised version of a branded header. This consistent experience shows the integrated nature of the products, and users don't have to relearn this common area for each of the applications.


refrr:https://atlassian.design/server/components/modal-dialog/
styleguide  documentation  inspiration  reference  ui  ux  design  designpatterns  patterns  html  css   
september 2017 by michaelfox
Atlassian Design
Modal dialogs are used to get a response from a user, to reveal critical information that cannot be ignored, or to show data without losing the overall context of a page. Interactions on the main page must wait for the dialog to close.


refrr:https://atlassian.design/server/components/messages/
Modal dialogs are used to get a response from a user, to reveal critical information that cannot be ignored, or to show data without losing the overall context of a page. Interactions on the main page must wait for the dialog to close.


refrr:https://atlassian.design/server/components/messages/
styleguide  documentation  inspiration  reference  ui  ux  design  designpatterns  patterns  html  css   
september 2017 by michaelfox
Atlassian Design
Design, develop, and deliver. Use Atlassian's end-to-end design language to create straightforward and beautiful experiences.


refrr:https://www.producthunt.com/posts/atlassian-design-2
Design, develop, and deliver. Use Atlassian's end-to-end design language to create straightforward and beautiful experiences.


refrr:https://www.producthunt.com/posts/atlassian-design-2
styleguide  documentation  inspiration  reference  ui  ux  design  designpatterns  patterns  html  css   
september 2017 by michaelfox
CHECKED CSS
A tiny set of micro interactions for your checkboxes.
css  ui  js  html  forms  checkbox  library 
september 2017 by michaelfox
Reduce the size of the above-the-fold content
This rule triggers when PageSpeed Insights detects that additional network round trips are required to render the above the fold content of the page.


refrr:http://www.phptherightway.com/
This rule triggers when PageSpeed Insights detects that additional network round trips are required to render the above the fold content of the page.


refrr:http://www.phptherightway.com/
styleguide  bestpractices  performance  optimization  build  css  checklist 
september 2017 by michaelfox
CSS Support Guide for Email Clients
A complete breakdown of the CSS support for the most popular mobile, web and desktop email clients on the planet.


refrr:https://unroll.me/a/read-email?emailBodyUrl=https%3A%2F%2Fs3.amazonaws.com%2Funrollme_html_cache%2F3092193%2F1578984494123936296%3FAWSAccessKeyId%3DASIAI2EK5N2I3WQNZ4WQ%26Expires%3D1505916283%26Signature%3DM6PG%252FkhAzlV11x0FYcNXlp2An0k%253D%26x-amz-security-token%3DFQoDYXdzEL3%252F%252F%252F%252F%252F%252F%252F%252F%252F%252FwEaDPLvczk9%252F6aDJ1wj2CK3AzcMCKvwuM%252FBktHw8lLXD9tAJlSCpdpsjjKYby0ulWt6xM17FdSOvyyJoFJ0mcHEUT9sAyKyLcCOyJo068BG%252F55GJlJk%252BIeuAFHC7mmMX53O94EWkEAGmt5dJYGczQg9ScjoBf%252FCpFOecK5pQ9WtfqbPgbF3pfHJRVAuq2J80cC9jnXF2iGAqZmYPHN4Ht85eUNjr5TchNwP5Ysrp1xpL7iG696QxeCZHYFNIG34%252FMGGoTWNzRU6UGXjFiTlU1iKLbDeeO0juYGfVPGBn9VlpWEqUoNnhXD%252BWvsQWxqiq%252FKjpdQntAj2cuxGh9oQ8hSvKmQQGWkFNSOvgZGbluk6iNHOXGha%252BGVSPdC%252B8GLWDqs06BAIznDNd3i2pX9c6mGb0r1sSgQlrNm%252FFMUxYy%252B4p4qwidVfmHApLwqtkC71wdlm1cWBcoBtGLPFZRGVIB8mDBYadhK9msG4ZgHo1HT3fn5wPcVLigL4i%252BUlWzoA6M49KJBMVV355AS3OdGUURQ8EdMYO4wZ8mFd2A6ydxNraSngFQmoP2awr6jUX16isKZLRHhTNbpkLBljw2bEhFS4tlsrDmqyF4Qo7KaJzgU%253D&emailId=9183259869&accessControl=eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzY29wZXMiOlsiYWNjb3VudCJdLCJrbiI6IjQxYWI0YjFkLTQ0NDUtNDIwNC05OTJkLTU0NWVlZTRlZTg3MSIsImV4cGlyZXMiOiIyMDE3LTA5LTIwVDE0OjA0OjQxLjkzOVoiLCJpZCI6MzA5MjE5MywiaWF0IjoxNTA1OTEyNjgxfQ.dHxXOgoL5KbF-CukJJ5cB2PeaRfSscrHhM8VAKk7ARVLwfglccoCA_krbtw5pItgGobzNqyKO6nmh01Gq5SipwegS2ArkECCGlNq-Tfkp34WWyvvt7A78kJTn5Ll3o4IWZZukNs955eKvo2-P2ZJzf5ixpAROBGoMP2QMebLplaBq0XeT2IPa5MiAiQh6l8JCwgh8JX2odTgbvzuoqpuigPYIxk2ESHhIRUHCk1ijXXVJnVp-pH_dInccfgLRaXQAHXRZ0soD-_-7SOanCbhuySH9wcYcH-KFH6WIEEFAIo65W9U7Ka-lJCCUJTCshWy5SQrpADvsVl5D6cf7y_9OA
A complete breakdown of the CSS support for the most popular mobile, web and desktop email clients on the planet.


refrr:https://unroll.me/a/read-email?emailBodyUrl=https%3A%2F%2Fs3.amazonaws.com%2Funrollme_html_cache%2F3092193%2F1578984494123936296%3FAWSAccessKeyId%3DASIAI2EK5N2I3WQNZ4WQ%26Expires%3D1505916283%26Signature%3DM6PG%252FkhAzlV11x0FYcNXlp2An0k%253D%26x-amz-security-token%3DFQoDYXdzEL3%252F%252F%252F%252F%252F%252F%252F%252F%252F%252FwEaDPLvczk9%252F6aDJ1wj2CK3AzcMCKvwuM%252FBktHw8lLXD9tAJlSCpdpsjjKYby0ulWt6xM17FdSOvyyJoFJ0mcHEUT9sAyKyLcCOyJo068BG%252F55GJlJk%252BIeuAFHC7mmMX53O94EWkEAGmt5dJYGczQg9ScjoBf%252FCpFOecK5pQ9WtfqbPgbF3pfHJRVAuq2J80cC9jnXF2iGAqZmYPHN4Ht85eUNjr5TchNwP5Ysrp1xpL7iG696QxeCZHYFNIG34%252FMGGoTWNzRU6UGXjFiTlU1iKLbDeeO0juYGfVPGBn9VlpWEqUoNnhXD%252BWvsQWxqiq%252FKjpdQntAj2cuxGh9oQ8hSvKmQQGWkFNSOvgZGbluk6iNHOXGha%252BGVSPdC%252B8GLWDqs06BAIznDNd3i2pX9c6mGb0r1sSgQlrNm%252FFMUxYy%252B4p4qwidVfmHApLwqtkC71wdlm1cWBcoBtGLPFZRGVIB8mDBYadhK9msG4ZgHo1HT3fn5wPcVLigL4i%252BUlWzoA6M49KJBMVV355AS3OdGUURQ8EdMYO4wZ8mFd2A6ydxNraSngFQmoP2awr6jUX16isKZLRHhTNbpkLBljw2bEhFS4tlsrDmqyF4Qo7KaJzgU%253D&emailId=9183259869&accessControl=eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzY29wZXMiOlsiYWNjb3VudCJdLCJrbiI6IjQxYWI0YjFkLTQ0NDUtNDIwNC05OTJkLTU0NWVlZTRlZTg3MSIsImV4cGlyZXMiOiIyMDE3LTA5LTIwVDE0OjA0OjQxLjkzOVoiLCJpZCI6MzA5MjE5MywiaWF0IjoxNTA1OTEyNjgxfQ.dHxXOgoL5KbF-CukJJ5cB2PeaRfSscrHhM8VAKk7ARVLwfglccoCA_krbtw5pItgGobzNqyKO6nmh01Gq5SipwegS2ArkECCGlNq-Tfkp34WWyvvt7A78kJTn5Ll3o4IWZZukNs955eKvo2-P2ZJzf5ixpAROBGoMP2QMebLplaBq0XeT2IPa5MiAiQh6l8JCwgh8JX2odTgbvzuoqpuigPYIxk2ESHhIRUHCk1ijXXVJnVp-pH_dInccfgLRaXQAHXRZ0soD-_-7SOanCbhuySH9wcYcH-KFH6WIEEFAIo65W9U7Ka-lJCCUJTCshWy5SQrpADvsVl5D6cf7y_9OA
css  reference  html  email  styleguide  bestpractices  browser  cheatsheet  marketing  guide 
september 2017 by michaelfox
« earlier      
per page:    204080120160

related tags

accessibility  admin  ajax  alert  analysis  analytics  angular  angularjs  animation  api  apppage  architecture  aria  article  assets  audit  automation  awesome  baseline  beautify  bem  bestpractices  blog  boilerplate  book  bookmarklet  bootstrap  bower  branding  browser  browserify  build  builder  buttons  cards  career  center  chart  cheatsheet  cheatsheets  checkbox  checker  checklist  chrome  ckeditor  cli  cms  code  codereview  collaboration  collection  color  colors  communication  compile  components  composer  console  content  conventions  convert  courses  created-by:ifttt  css  css3  csv  curated  customization  dash  dashboard  data  datagrid  date  debug  debugging  demo  design  designpatterns  designsystems  dev  development  device  devops  devtools  docs  documentation  dom  download  draganddrop  dropdown  easing  ebook  ebooks  ecommerce  editor  effect  email  embed  emmet  epub  events  example  excel  extension  Facebook  fav  feeds  files  filter  filters  firefox  flexbox  font  font-face  fonts  footer  form  format  forms  framework  frontend  gallery  generator  git  github  github-starred  glyphs  google  gradients  graphql  grid  growl  grunt  gui  guide  guidelines  gulp  hack  handbook  hierarchy  hover  howto  html  html5  icon  iconfont  icons  image  images  inline  inspiration  interface  interview  ios  javascript  jobsearch  jquery  js  json  jupyter  keyboard  keys  landing  landingpage  language  laravel  layout  lazyload  lead  learning  learntocode  less  librar  library  links  lint  list  log  logging  lorem  mail  markdown  marketing  markup  material  mcss  media  mediaqueries  menu  messages  metadata  metrics  mobile  modular  monitor  mysql  naming  navigation  newsletters  node  notebook  notes  notification  notifications  observer  opengraph  optimization  organization  osx  package  page  parser  patternlibrary  patterns  pdf  perfomance  performance  phantomjs  phone  php  plugin  portfolio  position  presentation  prettyprint  print  productpage  programming  progressiveenhancement  project  prototype  python  reference  regex  reset  resource  resources  responsive  rest  rss  rwd  safari  sample  sandbox  sass  scanner  scraper  screencast  scripting  scroll  scss  search  security  selectors  semantic  seo  server  shadow  shell  shop  singlepage  site  skeleton  slider  slideshow  snippets  social  standard  startpage  styleguide  styleguides  stylesheet  sublime  svg  symbols  table  tables  tags  tailwind  team  template  templates  testing  text  theme  themes  time  tips  tool  tools  tooltips  transactional  transform  transition  tutorial  twitter  type  typography  ui  Unread  upload  usability  userscript  userstyles  ux  validation  via:brettterpstra  via:github  via:pocket  video  view  vim  vue  web  webdesign  webdev  webpack  widget  wiki  wordpress  workflow  writing  wysiwyg  xml  xpath  yaml   

Copy this bookmark:



description:


tags: