Front-end Development Tools

360EduKraft > Blog > Front-end Development Tools

img:is([sizes="auto" i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px;}.site-header{min-height:105px;}.site-header .site-logo .studiare-logo-wrap img{max-width:176px;}.site-header .site-logo .studiare-logo-wrap{padding-top:10px;padding-right:50px;padding-bottom:10px;padding-left:0;}img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important;}.wp-block-rank-math-toc-block nav ol{counter-reset:item;}.wp-block-rank-math-toc-block nav ol li{display:block;}.wp-block-rank-math-toc-block nav ol li:before{content:counters(item,".") ". ";counter-increment:item;}#rs-demo-id{}.woocommerce form .form-row .required{visibility:visible;}.studiare-navigation ul.menu > li ul li > a,.studiare-navigation .menu > ul > li ul li > a{font-family:poppins;font-weight:400;font-style:normal;font-size:14px;}.newsletter-form .form-control{position:relative;width:80%;}.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title{line-height:1;font-size:16px;}.page-title .h2{font-size:25px;margin-bottom:0;line-height:1.2;}.page-title{background-color:#f8f9fa;padding-top:10px;padding-bottom:10px;}.site-header{min-height:90px;}@media only screen and (min-width: 360px){.page-title .h2{font-size:20px;margin-bottom:0;line-height:1.2;}}@media only screen and (min-width: 360px){.newsletter-form .form-control{position:relative;width:65%;line-height:1;padding-left:44px;border-radius:0;}}#wrap_all{overflow-y:hidden;}.comment-form-url{display:none;}#popmake-1035 .popupform{display:block;}@media only screen and (min-width: 480px){#popmake-1035 .left-half{float:left;margin:7px 0 1px;padding:0 10px;width:50%;}#popmake-1035 .right-half{display:block;float:left;width:50%;}.full-width{width:100%;float:left;padding:0 10px;margin:7px 0 1px;clear:both;}#popmake-1035 input,#popmake-1035 select,#popmake-1035 textarea{margin:0 0 5px !important;border-radius:5px !important;padding:5px !important;color:#000 !important;}}@media only screen and (max-width: 480px){#popmake-1035 .left-half{width:100%;display:block;float:left;margin:4px 0 1px;clear:both;}#popmake-1035 .right-half{display:block;float:left;width:100%;clear:both;}.full-width{width:100%;float:left;margin:4px 0 1px;clear:both;}#popmake-1035 input,#popmake-1035 select,#popmake-1035 textarea{margin:0 0 -2px !important;}}#popmake-1035 .ninja-forms-required-items{}#popmake-1035 .label-above label{display:none;}#pum_popup_title_1035{display:none;}#popmake-1035 .popupform-title{color:#fff;font-size:21px;line-height:34px;display:block;text-align:left;padding-left:5px;}#popmake-1035{padding:0 !important;}#popmake-1035 .popup-title{background:#222 none repeat scroll 0 0 !important;clear:both;display:block;float:left;width:100%;padding-bottom:6px;}#popmake-1035 .padding-small{padding:10px;}#popmake-1035 .ninja-forms-required-items{display:none;}#popmake-1035 input[type="submit"]{background:#f9a134 none repeat scroll 0 0 !important;color:#fff !important;font-size:20px !important;padding:9px !important;min-width:101px !important;}#popmake-1035 .wpcf7-not-valid-tip{font-size:10px !important;}#popmake-1035 .ninja-forms-error-msg{display:none;}#popmake-1035 #ninja_forms_required_items{margin-bottom:0 !important;}.popupdisplay{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);filter:progid: DXImageTransform.Microsoft.BasicImage(rotation=3);background:#f9a134 none repeat scroll 0 0;bottom:315px;color:#fff !important;cursor:pointer;font-size:16px;padding:6px 6px 12px 6px;position:fixed;right:-76px;border:none;z-index:9999;}.pum-close{background:#f9a134 !important;}.text-center{text-align:center;}#popmake-1035 .popup-title label{color:#fff;display:block;text-align:left;padding-left:6px;}#popmake-1035 .wpcf7-response-output{margin:0 !important;}#popmake-1035{z-index:999 !important;}#popmake-1035 textarea{max-height:70px !important;}#popmake-1035{padding-bottom:7px !important;}.pum-theme-1031,.pum-theme-enterprise-blue{background:rgba(0,0,0,.5) none repeat scroll 0 0 !important;}.page-id-9 .pum-open-overlay,.page-id-9.pum-open-overlay.pum-open-fixed .pum-overlay{overflow:visible !important;}.page-id-9 #pum-1035{display:none !important;}.page-id-48 .pum-open-overlay,.page-id-48.pum-open-overlay.pum-open-fixed .pum-overlay{overflow:visible !important;}.page-id-48 #pum-1035{display:none !important;}#popmake-1035{border-radius:7px;top:110px !important;}.woocommerce-Price-currencySymbol{font-family:Raleway;font-weight:400;font-style:normal;}.price-sale{font-family:Raleway;font-weight:bold;}.course-price{font-family:Raleway;font-weight:bold;}.products .course-item .course-item-inner .course-content-holder .course-content-bottom .course-price .price-sale{color:#f9a134;}.vc_color-orange.vc_message_box-solid-icon .vc_message_box-icon{color:#fff;background-color:#f9a134;}table tr td{padding:9px 0 8px;font-size:16px;color:#000;border-bottom:1px solid #efefef;}.foo-table.footable.table > thead > tr > th{padding:.92857143em .78571429em;font-size:20px;background-color:orange;}@media screen and (max-width:767px){.footable-details.table,.footable-details.table *,.footable.table,.footable.table *{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;}.foo-table.footable.table > thead > tr > th{padding:.92857143em .78571429em;font-size:12px;background-color:orange;}}.vc_toggle_title>h4{display:inline;color:black;font-size:18px;}.vc_toggle_round .vc_toggle_icon{background-color:#f60;border-color:transparent;}.widget-title{padding-top:20px;}.top-bar{background-color:#2e3e77;}.highlight,.pricing-table .pricing-price,.course-section .panel-group .course-panel-heading:hover .panel-heading-left .course-lesson-icon i,.course-section .panel-group .course-panel-heading.active .panel-heading-left .course-lesson-icon i,.countdown-timer-holder.standard .countdown-unit .number,.blog-loop-inner .post .post-meta i,.studiare-event-item .studiare-event-item-holder .event-inner-content .event-meta .event-meta-piece i,.event-single-main .event-meta-info .box-content .icon,.countdown-amount,.products .course-item .course-item-inner .course-content-holder .course-content-bottom .course-price,.product-meta-info-list .meta-info-unit .icon,.woocommerce-account .woocommerce-MyAccount-navigation ul li:before,.product_list_widget li > .amount,.product_list_widget li ins .amount{color:#f9a134;}.sk-cube-grid .sk-cube,.main-sidebar-holder .widget .widget-title:before,.page-pagination > span,.btn-filled,.top-bar-cart .dropdown-cart .woocommerce-mini-cart__buttons a:first-child,input[type=button],input[type=reset],input[type=submit],.button,.button-secondary,.woocommerce_message .button,.woocommerce-message .button,.studiare-social-links.rounded li a.custom:hover,ul.page-numbers .page-numbers.current,ul.page-numbers .page-numbers:hover,.page-numbers.studiare_wp_link_pages > .page-number,.studiare-event-item .studiare-event-item-holder .event-inner-content .date-holder .date:before,.studiare-event-item .studiare-event-item-holder .event-inner-content .date-holder .date:after,.product-reviews .product-review-title .inner:after,.product-reviews-stats .detailed-ratings .detailed-ratings-inner .course-rating .bar .bar-fill,.owl-dots .owl-dot.active span,.double-bounce1,.double-bounce2{background-color:#f9a134;}.studiare-social-links.rounded li a.custom:hover,.studiare-event-item .studiare-event-item-holder .event-inner-content .date-holder .date{border-color:#f9a134;}a:hover,.top-bar-cart .dropdown-cart .cart-item-content .product-title:hover,.btn-border,.studiare-navigation ul.menu li.current_page_item>a,.studiare-navigation ul.menu li.current-menu-ancestor>a,.studiare-navigation ul.menu li.current-menu-parent>a,.studiare-navigation ul.menu li.current-menu-item>a,.studiare-navigation .menu>ul li.current_page_item>a,.studiare-navigation .menu>ul li.current-menu-ancestor>a,.studiare-navigation .menu>ul li.current-menu-parent>a,.studiare-navigation .menu>ul li.current-menu-item>a .event-single-side a.event_register_submit,.event_register_submit,.cart-page-inner .woocommerce-cart-form td.actions .button_update_cart,.cart-collaterals .shop_table tr.shipping .button,.product-info-box .button,.btn-link,.course-section .panel-group .panel-content a,.cart-collaterals .shop_table tr.shipping .shipping-calculator-button,.section-heading .section-subtitle,.not-found .not-found-icon-wrapper .error-page,.products .course-item .course-item-inner .course-content-holder .course-content-main .course-rating-teacher .course-loop-teacher,.product-single-main .product-single-top-part .before-gallery-unit .icon,.bbpress #bbpress-forums .bbp-author-name,.blog-loop-inner .post.sticky .entry-title a,.page .commentlist .comment .reply .comment-reply-link,.single-post .commentlist .comment .reply .comment-reply-link,.page .commentlist .comment .vcard .fn a:hover,.single-post .commentlist .comment .vcard .fn a:hover{color:#1e83f0;}.mini-cart-opener .studiare-cart-number,.widget_tag_cloud .tag-cloud-link,.off-canvas-navigation .off-canvas-cart .cart-icon-link .studiare-cart-number,.back-to-top:hover,.btn-border:hover,.event-single-side a.event_register_submit:hover,.event_register_submit:hover,.cart-page-inner .woocommerce-cart-form td.actions .button_update_cart:hover,.cart-collaterals .shop_table tr.shipping .button:hover,.product-info-box .button:hover,.course-section .panel-group .course-panel-heading .preview-button,.partners-logos .partner-logo-item .partner-logo-inner .hover-mask:after,.portfolio-entry .portfolio-entry-thumb .overlay-icon,.portfolio-list-cat ul li a.mixitup-control-active,.courses-holder .courses-top-bar .layout-switcher > a.active,.select2-container--default .select2-selection--single:hover,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{background-color:#1e83f0;}.btn-border,.event-single-side a.event_register_submit,.event_register_submit,.cart-page-inner .woocommerce-cart-form td.actions .button_update_cart,.cart-collaterals .shop_table tr.shipping .button,.product-info-box .button,.portfolio-list-cat ul li a.mixitup-control-active,.courses-holder .courses-top-bar .layout-switcher > a.active,.select2-container--default .select2-selection--single:hover,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.blog-loop-inner .post.sticky .entry-title a{border-color:#1e83f0;}body{font-family:Poppins;color:#000;font-size:15px;}.studiare-navigation ul.menu>li>a,.studiare-navigation .menu>ul>li>a{font-family:Poppins;font-weight:400;font-size:16px;}.studiare-navigation ul.menu>li ul li>a,.studiare-navigation .menu>ul>li ul li>a{font-family:Raleway;font-weight:400;font-style:normal;font-size:14px;}h1,.h1{font-family:Poppins;font-weight:400;font-style:normal;color:#464749;font-size:26px;}h2,.h2{font-family:Poppins;font-weight:400;font-style:normal;color:#f9a134;font-size:22px;}h3,.h3{font-family:Poppins;font-weight:400;font-style:normal;color:#464749;font-size:22px;}h4,.h4{font-family:Poppins;font-weight:500;font-style:normal;color:#f9a134;font-size:20px;}h5,.h5{font-family:Poppins;font-weight:400;font-style:normal;color:#464749;font-size:18px;}h6,.h6{font-family:Poppins;font-weight:500;font-style:normal;color:#464749;font-size:16px;}.site-footer{background-color:#2e3e77;}

Front-end Development Tools

Top 15 Front-end Development Tools To Use In 2019