1<!DOCTYPE html> 2<html> 3<head> 4 5 <meta charset="utf-8" /> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 7 8 <title>Best Web Design Blog</title> 9 10 <meta name="HandheldFriendly" content="True" /> 11 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 12 13 <link rel="shortcut icon" href="/blog/favicon.ico"> 14 15 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.3/css/bootstrap.min.css" integrity="sha384-MIwDKRSSImVFAZCVLtU0LMDdON6KVCrZHyVQQj6e8wIEJkW4tvwqXrbMIya1vriY" crossorigin="anonymous"> 16 <link rel="stylesheet" type="text/css" href="/blog/assets/css/style.css?v=f4b6a06588" /> 17 <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"> 18
18<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js" integrity="sha384-THPy051/pYDQGanwU6poAc/hOdQxjnOEXzbT+OuUAFqNqFjL+4IGLBgCJC3ZOShY" crossorigin="anonymous"></script>
18 19
19<script>
vendor: 365 bytes, lines 19-25
19 20 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 21 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 22 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 23 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 24 25 ga('create', '
25UA-28843386-1
vendor: 47 bytes, lines 25-28
25', 'auto'); 26 ga('send', 'pageview'); 27 28
28</script>
28 29 <meta name="description" content="The 10 Best Design Blog provides a trove of information about the web, print, and digital design industries." /> 30 <link rel="shortcut icon" href="/blog/favicon.ico" type="image/x-icon" /> 31 <link rel="canonical" href="https://www.10bestdesign.com/blog/" /> 32 <meta name="referrer" content="no-referrer-when-downgrade" /> 33 <link rel="next" href="https://www.10bestdesign.com/blog/page/2/" /> 34 35 <meta property="og:site_name" content="Best Web Design Blog" /> 36 <meta property="og:type" content="website" /> 37 <meta property="og:title" content="Best Web Design Blog" /> 38 <meta property="og:description" content="The 10 Best Design Blog provides a trove of information about the web, print, and digital design industries." /> 39 <meta property="og:url" content="https://www.10bestdesign.com/blog/" /> 40 <meta property="article:publisher" content="https://www.facebook.com/10.best.web.design.awards" /> 41 <meta name="twitter:card" content="summary" /> 42 <meta name="twitter:title" content="Best Web Design Blog" /> 43 <meta name="twitter:description" content="The 10 Best Design Blog provides a trove of information about the web, print, and digital design industries." /> 44 <meta name="twitter:url" content="https://www.10bestdesign.com/blog/" /> 45 <meta name="twitter:site" content="@10BestDesign" /> 46 47
47<script type="application/ld+json"> 48{ 49 "@context": "https://schema.org", 50 "@type": "Website", 51 "publisher": { 52 "@type": "Organization", 53 "name": "Best Web Design Blog", 54 "logo": { 55 "@type": "ImageObject", 56 "url": "https://www.10bestdesign.com/blog/favicon.ico", 57 "width": 60, 58 "height": 60 59 } 60 }, 61 "url": "https://www.10bestdesign.com/blog/", 62 "mainEntityOfPage": { 63 "@type": "WebPage", 64 "@id": "https://www.10bestdesign.com/blog/" 65 }, 66 "description": "The 10 Best Design Blog provides a trove of information about the web, print, and digital design industries." 67} 68 </script>
68 69 70
70<script type="text/javascript" src="/blog/public/ghost-sdk.min.js?v=f4b6a06588"></script>
vendor: 1 bytes, line 70
70
71<script type="text/javascript"> 72ghost.init({ 73 clientId: "ghost-frontend", 74 clientSecret: "d5cdffae4a8b" 75}); 76</script>
76 77 <meta name="generator" content="Ghost 1.21" /> 78 <link rel="alternate" type="application/rss+xml" title="Best Web Design Blog" href="https://www.10bestdesign.com/blog/rss/" /> 79</head> 80<body id="podcast-page"> 81 <div class="container-fluid"> 82 83 <!-- Top Navigation --> 84<div class="top-menu hidden-sm-down"> 85 <div class="links-top"> 86 <ul> 87 <a href="/firms/reports/"><li>Our Reports</li></a> 88 <a href="/podcast/"><li>Our Podcast</li></a> 89 <a href="/blog/"><li>Our Blog</li></a> 90 <a href="/web-design-directory/"><li>Directory</li></a> 91 </ul> 92 </div> 93 <div class="links-top-right"> 94 <ul> 95 <a href="/web-design-consulting/"><li>Web Design Consulting</li></a> 96 </ul> 97 </div> 98</div> 99<!-- Top Navigation End --> 100<!-- Responsive Navigation --> 101<nav id="main-nav"> 102 <div class="responsive-nav"> 103 <ul class="subnav active main" data="main"> 104 <a href="#" data="ranks"><li class="dropdown">Best Design Firms <i class="fa fa-angle-right"></i></li></a> 105 <a href="/web-design-directory/"><li>Web Design Directory</li></a> 106 <a href="/tools/"><li>Design Tools</li></a> 107 <!--<a href="/magazine/"><li>Magazine</li></a>--> 108 <a href="/web-design-blog/"><li>Blog</li></a> 109 <a href="/podcast/"><li>Podcast</li></a> 110 <a href="/about/"><li>About</li></a> 111 <a href="/contact/"><li>Contact</li></a> 112 </ul> 113 <!-- Sub Navigation --> 114 <!-- Ranks Sub Nav --> 115 <ul class="subnav" data="ranks"> 116 <a href="#" data="main"><li>Go Back <i class="fa fa-angle-left"></i></li></a> 117 <a href="#" data="webdesign"><li>Web Design <i class="fa fa-angle-right"></i></li></a> 118 <a href="#" data="appdesign"><li>App Design <i class="fa fa-angle-right"></i></li></a> 119 <a href="#" data="city"><li>By City <i class="fa fa-angle-right"></i></li></a> 120 <a href="#" data="industry"><li>By Industry <i class="fa fa-angle-right"></i></li></a> 121 <a href="#" data="branding"><li>Branding Firms <i class="fa fa-angle-right"></i></li></a> 122 </ul> 123 <!-- Web Design Sub Nav --> 124 <ul class="subnav" data="webdesign"> 125 <a href="#" data="ranks"><li>Go Back <i class="fa fa-angle-left"></i></li></a> 126 <a href="/firms/"><li>Overall Best Firms <i class="fa fa-diamond"></i></li></a> 127 <a href="/firms/web-designer/"><li>Web Designer <i class="icon icon-programming"></i></li></a> 128 <a href="/firms/digital-agency/"><li>Digital Agency <i class="icon icon-bulls-eye"></i></li></a> 129 <a href="/firms/responsive/"><li>Responsive <i class="icon icon-responsive"></i></li></a> 130 <a href="/firms/custom/"><li>Custom <i class="icon icon-params"></i></li></a> 131 <a href="/firms/seo/"><li>SEO Design <i class="icon icon-search"></i></li></a> 132 <a href="/firms/ecommerce/"><li>eCommerce <i class="icon icon-cart"></i></li></a> 133 <a href="/firms/magento/"><li>Magento <i class="icon icon-magento"></i></li></a> 134 <a href="/firms/wordpress/"><li>Wordpress <i class="icon icon-wordpress"></i></li></a> 135 <a href="/firms/drupal/"><li>Drupal <i class="icon icon-drupal"></i></li></a> 136 </ul> 137 <!-- App Design Sub Nav --> 138 <ul class="subnav" data="appdesign"> 139 <a href="#" data="ranks"><li>Go Back <i class="fa fa-angle-left"></i></li></a> 140 <a href="/firms/app/"><li>Overall App Design <i class="icon icon-overall-phone"></i></li></a> 141 <a href="/firms/app/android/"><li>Android Apps <i class="icon icon-android"></i></li></a> 142 <a href="/firms/app/ios/"><li>iOS Apps <i class="icon icon-apple"></i></li></a> 143 <a href="/firms/app/iphone/"><li>iPhone Apps <i class="icon icon-iphone"></i></li></a> 144 <a href="/firms/app/ipad/"><li>iPad Apps <i class="icon icon-ipad"></i></li></a> 145 <a href="/firms/app/wearables/"><li>Wearable Apps <i class="icon icon-wearable"></i></li></a> 146 <a href="/firms/web-application/"><li>Web Apps <i class="icon icon-programming"></i></li></a> 147 </ul> 148 <!-- City Sub Nav --> 149 <ul class="subnav" data="city"> 150 <a href="#" data="ranks"><li>Go Back <i class="fa fa-angle-left"></i></li></a> 151 <a href="/firms/atlanta/"><li>Atlanta <i class="icon icon-atlanta"></i></li></a> 152 <a href="/firms/boston/"><li>Boston <i class="icon icon-boston"></i></li></a> 153 <a href="/firms/chicago/"><li>Chicago <i class="icon icon-chicago"></i></li></a> 154 <a href="/firms/dallas/"><li>Dallas <i class="icon icon-dallas"></i></li></a> 155 <a href="/firms/denver/"><li>Denver <i class="icon icon-denver"></i></li></a> 156 <a href="/firms/houston/"><li>Houston <i class="icon icon-houston"></i></li></a> 157 <a href="/firms/london/"><li>London <i class="icon icon-london"></i></li></a> 158 <a href="/firms/la/"><li>Los Angeles <i class="icon icon-los-angeles"></i></li></a> 159 <a href="/firms/miami/"><li>Miami <i class="icon icon-miami"></i></li></a> 160 <a href="/firms/minneapolis/"><li>Minneapolis <i class="icon icon-minneapolis"></i></li></a> 161 <a href="/firms/nyc/"><li>New York <i class="icon icon-new-york"></i></li></a> 162 <a href="/firms/philadelphia/"><li>Philadelphia <i class="icon icon-philadelphia"></i></li></a> 163 <a href="/firms/phoenix/"><li>Phoenix <i class="icon icon-phoenix"></i></li></a> 164 <a href="/firms/san-antonio/"><li>San Antonio <i class="icon icon-san-antonio"></i></li></a> 165 <a href="/firms/sf/"><li>San Francisco <i class="icon icon-san-francisco"></i></li></a> 166 <a href="/firms/seattle/"><li>Seattle <i class="icon icon-seattle"></i></li></a> 167 <a href="/firms/toronto/"><li>Toronto <i class="icon icon-toronto"></i></li></a> 168 <a href="/firms/vancouver/"><li>Vancouver <i class="icon icon-vancouver"></i></li></a> 169 <a href="/firms/washington-dc/"><li>Washington DC <i class="icon icon-washington-dc"></i></li></a> 170 <a href="/categories/"><li>See More <i class="icon icon-doc"></i></li></a> 171 </ul> 172 <!-- Industry Sub Nav --> 173 <ul class="subnav" data="industry"> 174 <a href="#" data="ranks"><li>Go Back <i class="fa fa-angle-left"></i></li></a> 175 <a href="/firms/enterprise/"><li>Enterprise <i class="icon icon-globe"></i></li></a> 176 <a href="/firms/corporate/"><li>Corporate <i class="icon icon-corporate"></i></li></a> 177 <a href="/firms/small-business/"><li>Small Business <i class="icon icon-shop"></i></li></a> 178 <a href="/firms/architecture/">
178<li>Architecture <i class="icon icon-blueprints"></i></li></a> 179 <a href="/firms/dental/"><li>Dental <i class="icon icon-tooth"></i></li></a> 180 <a href="/firms/hotel/"><li>Hotel <i class="icon icon-bed"></i></li></a> 181 <a href="/firms/law/"><li>Legal <i class="icon icon-gavel"></i></li></a> 182 <a href="/firms/medical/"><li>Corporate <i class="icon icon-health"></i></li></a> 183 <a href="/firms/real-estate/"><li>Real Estate <i class="icon icon-corporate"></i></li></a> 184 <a href="/firms/restaurant/"><li>Restaurant <i class="icon icon-food"></i></li></a> 185 <a href="/firms/school/"><li>School <i class="icon icon-graduation-cap"></i></li></a> 186 <a href="/firms/crm/"><li>CRM Development <i class="icon icon-clouds"></i></li></a> 187 </ul> 188 <!-- Web Design Sub Nav --> 189 <ul class="subnav" data="branding"> 190 <a href="#" data="ranks"><li>Go Back <i class="fa fa-angle-left"></i></li></a> 191 <a href="/firms/branding/" cat="brand"><li><i class="icon icon-fingerprint"></i><div>Branding Companies</div></li></a> 192 <a href="/firms/branding/naming/" cat="brand"><li><i class="icon icon-name-tag"></i><div>Top Naming Firms</div></li></a> 193 <a href="/firms/branding/brand-pr/" cat="brand"><li><i class="icon icon-megaphone"></i><div>Brand PR Agencies</div></li></a> 194 <!-- 195 <a href="/firms/branding/creative-marketing/" cat="brand"><li><i class="icon icon-idea"></i><div>Creative Marketing</div></li></a> 196 --> 197 <a href="/firms/print/"><li>Top Print Design Firms <i class="icon icon-printer"></i></li></a> 198 <a href="/firms/print/invitation/"><li>Invitation Designers <i class="icon icon-invitation"></i></li></a> 199 <a href="/firms/print/brochure/"><li>Brochure Designers <i class="icon icon-brochure"></i></li></a> 200 <a href="/firms/print/business-card/"><li>Business Card Designers <i class="icon icon-business-cards"></i></li></a> 201 <a href="/firms/print/packaging/"><li>Packaging Design Firms <i class="icon icon-package"></i></li></a> 202 <!-- 203 <a href="/firms/graphic/"><li>Graphic Design <i class="icon icon-graphic-design"></i></li></a> 204 <a href="/firms/graphic/logo/"><li>Logo Design Firms <i class="icon icon-logo"></i></li></a> 205 <a href="/firms/graphic/product/"><li>Product Design Firms <i class="icon icon-bottle"></i></li></a> 206 --> 207 </ul> 208 </div> 209</nav> 210<!-- Responsive Navigation END --> 211<!-- Main Navigation --> 212<div class="menu"> 213 <!-- Logo --> 214 <a href="/" class="logo"><img src="/images/10-best-design-logo.png" alt="10 Best Design Logo: Top Web Design Awards"></a> 215 <!-- Links --> 216 <div class="links"> 217 <ul> 218 <a href="#" menu-target="lists"><li>10 Best Web Design Firms <i class="fa fa-caret-down"></i></li></a> 219 <a href="#" menu-target="branding"><li>Branding Agencies <i class="fa fa-caret-down"></i></li></a> 220 <!--<a href="/web-design-directory/"><li>Directory</li></a>--> 221 <a href="/tools/"><li>Design Tools</li></a> 222 <a href="/about/"><li>About</li></a> 223 <a href="/contact/"><li>Contact</li></a> 224 </ul> 225 </div> 226 <!-- Responsive Links --> 227 <div class="responsive-links"> 228 <ul> 229 <a class="responsive"><li><i class="fa fa-bars"></i> MENU</li></a> 230 </ul> 231 </div> 232</div> 233<!-- Main Navigation End --> 234<!-- Web Design Sub Menu --> 235<div class="submenu" menu-target="lists" style="display:none;"> 236 <!-- Filters --> 237 <div class="filter"> 238 <div class="btn-group" data-toggle="buttons"> 239 <label class="btn btn-primary active"><input type="radio" cat="default" name="options" id="option1" autocomplete="off" checked>Web Design</label> 240 <label class="btn btn-primary"><input type="radio" cat="app" name="options" id="option4" autocomplete="off">App Design</label> 241 <label class="btn btn-primary"><input type="radio" cat="city" name="options" id="option2" autocomplete="off">By City</label> 242 <label class="btn btn-primary"><input type="radio" cat="industry" name="options" id="option3" autocomplete="off">By Industry</label> 243 </div> 244 </div> 245 <!-- Filter End --> 246 <!-- Categories --> 247 <div class="categories"> 248 <ul> 249 <!-- Default Categories --> 250 <a href="/firms/" cat="default"><li><i class="icon icon-diamond"></i><div>
250Overall Best Firm</div></li></a> 251 <a href="/firms/web-designer/" cat="default"><li><i class="icon icon-programming"></i><div>Web Designers</div></li></a> 252 <a href="/firms/digital-agency/" cat="default"><li><i class="icon icon-bulls-eye"></i><div>Digital Agencies</div></li></a> 253 <a href="/firms/responsive/" cat="default"><li><i class="icon icon-responsive"></i><div>Responsive Web Design</div></li></a> 254 <a href="/firms/custom/" cat="default"><li><i class="icon icon-params"></i><div>Custom Web Design</div></li></a> 255 <a href="/firms/seo/" cat="default"><li><i class="icon icon-search"></i><div>Best SEO Web Design</div></li></a> 256 <a href="/firms/ecommerce/" cat="default"><li><i class="icon icon-cart"></i><div>eCommerce Design</div></li></a> 257 <a href="/firms/app/" cat="default"><li><i class="icon icon-mobile"></i><div>Mobile App Design</div></li></a> 258 <a href="/firms/magento/" cat="default"><li><i class="icon icon-magento"></i><div>Magento Design</div></li></a> 259 <a href="/firms/wordpress/" cat="default"><li><i class="icon icon-wordpress"></i><div>Wordpress Design</div></li></a> 260 <a href="/firms/drupal/" cat="default"><li><i class="icon icon-drupal"></i><div>Drupal Design</div></li></a> 261 <!-- Default Categories End--> 262 <!-- App Categories --> 263 <a href="/firms/app/" cat="app"><li><i class="icon icon-overall-phone"></i><div>Mobile App Design</div></li></a> 264 <a href="/firms/app/ios/" cat="app"><li><i class="icon icon-apple"></i><div>iOS App Design</div></li></a> 265 <a href="/firms/app/iphone/" cat="app"><li><i class="icon icon-iphone"></i><div>iPhone App Design</div></li></a> 266 <a href="/firms/app/ipad/" cat="app"><li><i class="icon icon-ipad"></i><div>iPad App Design</div></li></a> 267 <a href="/firms/app/android/" cat="app"><li><i class="icon icon-android"></i><div>Android App Design</div></li></a> 268 <a href="/firms/app/wearables/" cat="app"><li><i class="icon icon-wearable"></i><div>Wearable App Design</div></li></a> 269 <a href="/firms/web-application/" cat="app"><li><i class="icon icon-code"></i><div>Web App Development</div></li></a> 270 <!-- App Categories End --> 271 <!-- City Categories --> 272 <a href="/firms/atlanta/" cat="city"><li><i class="icon icon-atlanta"></i><div>Atlanta</div></li></a> 273 <a href="/firms/boston/" cat="city"><li><i class="icon icon-boston"></i><div>Boston</div></li></a> 274 <a href="/firms/chicago/" cat="city"><li><i class="icon icon-chicago"></i><div>Chicago</div></li></a> 275 <a href="/firms/dallas/" cat="city"><li><i class="icon icon-dallas"></i><div>Dallas</div></li></a> 276 <a href="/firms/denver/" cat="city"><li><i class="icon icon-denver"></i><div>Denver</div></li></a> 277 <a href="/firms/houston/" cat="city"><li><i class="icon icon-houston"></i><div>Houston</div></li></a> 278 <a href="/firms/london/" cat="city"><li><i class="icon icon-london"></i><div>London</div></li></a> 279 <a href="/firms/la/" cat="city"><li><i class="icon icon-los-angeles"></i><div>Los Angeles</div></li></a> 280 <a href="/firms/miami/" cat="city"><li><i class="icon icon-miami"></i><div>Miami</div></li></a> 281 <a href="/firms/minneapolis/" cat="city"><li><i class="icon icon-minneapolis"></i><div>Minneapolis</div></li></a> 282 <a href="/firms/nyc/" cat="city"><li><i class="icon icon-new-york"></i><div>New York</div></li></a> 283 <a href="/firms/philadelphia/" cat="city"><li><i class="icon icon-philadelphia"></i><div>Philadelphia</div></li></a> 284 <a href="/firms/phoenix/" cat="city"><li><i class="icon icon-phoenix"></i><div>Phoenix</div></li></a> 285 <a href="/firms/san-antonio/" cat="city"><li><i class="icon icon-san-antonio"></i><div>San Antonio</div></li></a> 286 <a href="/firms/san-diego/" cat="city"><li><i class="icon icon-san-diego"></i><div>San Diego</div></li></a> 287 <a href="/firms/sf/" cat="city"><li><i class="icon icon-san-francisco"></i><div>San Francisco</div></li></a> 288 <a href="/firms/seattle/" cat="city"><li><i class="icon icon-seattle"></i><div>Seattle</div></li></a> 289 <a href="/firms/toronto/" cat="city"><li><i class="icon icon-toronto"></i><div>Toronto</div></li></a> 290 <a href="/firms/vancouver/" cat="city"><li><i class="icon icon-vancouver"></i><div>Vancouver</div></li></a> 291 <a href="/firms/washington-dc/" cat="city"><li><i class="icon icon-washington-dc"></i><div>Washington DC</div></li></a> 292 <a href="/categories/" cat="city"><li><i class="icon icon-doc"></i><div>See More</div></li></a> 293 <!-- City Categories End --> 294 <!-- Industry Categories --> 295 <a href="/firms/enterprise/" cat="industry"><li><i class="icon icon-globe"></i><div>Enterprise Web Design</div></li></a> 296 <a href="/firms/corporate/" cat="industry"><li><i class="icon icon-corporate"></i><div>Corporate Web Design</div></li></a> 297 <a href="/firms/small-business/" cat="industry"><li><i class="icon icon-shop"></i><div>Small Business</div></li></a> 298 <a href="/firms/architecture/" cat="industry"><li><i class="icon icon-blueprints"></i><div>Architecture Web Design</div></li></a> 299 <a href="/firms/dental/" cat="industry"><li><i class="icon icon-tooth"></i><div>Dental Web Design</div></li></a> 300 <a href="/firms/hotel/" cat="industry"><li><i class="icon icon-bed"></i><div>Hotel Web Design</div></li></a> 301 <a href="/firms/law/" cat="industry"><li><i class="icon icon-gavel"></i><div>Legal Web Design</div></li></a> 302 <a href="/firms/medical/" cat="industry"><li><i class="icon icon-health"></i><div>Medical Web Design</div></li></a> 303 <a href="/firms/real-estate/" cat="industry"><li><i class="icon icon-corporate"></i><div>Real Estate Web Design</div></li></a> 304 <a href="/firms/restaurant/" cat="industry"><li><i class="icon icon-food"></i><div>Restaurant Web Design</div></li></a>
305 <a href="/firms/school/" cat="industry"><li><i class="icon icon-graduation-cap"></i><div>School Web Design</div></li></a> 306 <a href="/firms/crm/" cat="industry"><li><i class="icon icon-clouds"></i><div>CRM Development</div></li></a> 307 <!-- Industry Categories End --> 308 </ul> 309 <!-- Categories End --> 310 </div> 311</div> 312<!-- Web Design Sub Menu End --> 313<!-- Branding Sub Menu --> 314<div class="submenu" menu-target="branding" style="display:none;"> 315 <!-- Filters --> 316 <div class="filter"> 317 <div class="btn-group" data-toggle="buttons"> 318 <label class="btn btn-primary active"><input type="radio" cat="default" name="options" id="option6" autocomplete="off" checked>Branding</label> 319 <label class="btn btn-primary"><input type="radio" cat="print" name="options" id="option7" autocomplete="off" checked>Print Design</label> 320 <!--<label class="btn btn-primary"><input type="radio" cat="graphic" name="options" id="option8" autocomplete="off">Graphic Design</label>--> 321 </div> 322 </div> 323 <!-- Filter End --> 324 <!-- Categories --> 325 <div class="categories"> 326 <ul> 327 <!-- Branding Categories --> 328 <a href="/firms/branding/" cat="default"><li><i class="icon icon-fingerprint"></i><div>Best Branding Agencies</div></li></a> 329 <a href="/firms/branding/naming/" cat="default"><li><i class="icon icon-name-tag"></i><div>Naming Companies</div></li></a> 330 <a href="/firms/branding/brand-pr/" cat="default"><li><i class="icon icon-megaphone"></i><div>Brand PR Agencies</div></li></a> 331 <!--<a href="/firms/branding/creative-marketing/" cat="default"><li><i class="icon icon-idea"></i><div>Creative Marketing</div></li></a> 332 <!-- Print Categories End--> 333 <!-- Print Categories --> 334 <a href="/firms/print/" cat="print"><li><i class="icon icon-printer"></i><div>Best Print Design</div></li></a> 335 <a href="/firms/print/invitation/" cat="print"><li><i class="icon icon-invitation"></i><div>Invitation Design</div></li></a> 336 <a href="/firms/print/brochure/" cat="print"><li><i class="icon icon-brochure"></i><div>Brochure Design</div></li></a> 337 <a href="/firms/print/business-card/" cat="print"><li><i class="icon icon-business-cards"></i><div>Business Card Design</div></li></a> 338 <a href="/firms/print/packaging/" cat="print"><li><i class="icon icon-package"></i><div>Packaging Design</div></li></a> 339 <!-- Print Categories End--> 340 <!-- Graphic Design Categories -- 341 <a href="/firms/graphic/" cat="graphic"><li><i class="icon icon-graphic-design"></i><div>Graphic Design</div></li></a> 342 <a href="/firms/graphic/logo/" cat="graphic"><li><i class="icon icon-logo"></i><div>Logo Design</div></li></a> 343 <a href="/firms/graphic/product/" cat="graphic"><li><i class="icon icon-bottle"></i><div>Product Design</div></li></a> 344 <!-- Graphic Categories End --> 345 346 347 348 </ul> 349 <!-- Categories End --> 350 </div> 351</div> 352<!-- Print Sub Menu End --> 353 354 <div class="site-wrapper"> 355 356 357 358<section class="jumbotron text-xs-center"> 359 <div class="container-fluid"> 360 <h1 class="jumbotron-heading"><i class="fa fa-link" aria-hidden="true"></i> Best Design Blog</h1> 361 <p class="lead text-muted">The 10 Best Design Blog provides a trove of information about the web, print, and digital design industries.</p> 362 </div> 363</section> 364 365 366<div class="container"> 367 368<div class="row"> 369 <div class="col-sm-8 blog-main"> 370 <!-- This is the post loop - each post will be output using this markup --> 371 372 <div class="blog-post"> 373 <div class="blog-post-title"> 374 <h2><a href="/blog/new-tool-alert-scrollyvideo-js-is-a-wild-ride-through-the-world-of-responsive-scrollable-videos/">New Tool Alert! ScrollyVideo.js Is A Wild Ride Through the World of Responsive Scrollable Videos</a></h2> 375 </div> 376 <div class="blog-post-image"><img style="max-width:100%; max-height:300px;" src="/blog/content/images/2023/01/new-tool-alert-scrollyvideo-js-is-a-wild-ride-through-the-world-of-responsive-scrollable-videos.gif" alt="New Tool Alert! ScrollyVideo.js Is A Wild Ride Through the World of Responsive Scrollable Videos"></div> 377 <p class="blog-post-meta"><time class="post-date" datetime="2023-01-31">31 January 2023</time> by <a href="#"><a href="/blog/author/10-best-design/">10 Best Design</a></a></p> 378 <section class="post-excerpt"> 379 <p>You've seen things like this before on the giant publications. Text appears in coordination with video content, and it matches the imagery as it flies across your screen. It might now be time to leave your jealousy at the door because ScrollyVideo.js has arrived and <a class="read-more" href="/blog/new-tool-alert-scrollyvideo-js-is-a-wild-ride
379-through-the-world-of-responsive-scrollable-videos/">...</a></p> 380 </section> 381 <a href="/blog/tag/design-tools/" title="Design Tools" class="btn btn-primary btn-sm design-tools"><i class="fa fa-tag" aria-hidden="true"></i> Design Tools</a> 382 <a href="/blog/tag/js/" title="JS" class="btn btn-primary btn-sm js"><i class="fa fa-tag" aria-hidden="true"></i> JS</a> 383 </div> 384 385 <div class="blog-post"> 386 <div class="blog-post-title"> 387 <h2><a href="/blog/dreamstime-nightmare-website-goes-down-users-left-in-the-dark/">DreamsTime Nightmare: Website Goes Down, Users Left in the Dark!</a></h2> 388 </div> 389 <div class="blog-post-image"><img style="max-width:100%; max-height:300px;" src="/blog/content/images/2023/01/dreamstime-nightmare-website-goes-down-users-left-in-the-dark.jpg" alt="DreamsTime Nightmare: Website Goes Down, Users Left in the Dark!"></div> 390 <p class="blog-post-meta"><time class="post-date" datetime="2023-01-31">31 January 2023</time> by <a href="#"><a href="/blog/author/a-design-blogger/">A Design Blogger</a></a></p> 391 <section class="post-excerpt"> 392 <p>DreamsTime users were left in the dark this morning when the website experienced an unannounced outage at 8:42 AM Pacific Time. With no warning prior to the outage, users of the website were left wondering what was going on. One user on Reddit, @SweetAccording7679, wrote: <a class="read-more" href="/blog/dreamstime-nightmare-website-goes-down-users-left-in-the-dark/">...</a></p> 393 </section> 394 <a href="/blog/tag/tools/" title="Tools" class="btn btn-primary btn-sm tools"><i class="fa fa-tag" aria-hidden="true"></i> Tools</a> 395 </div> 396 397 <div class="blog-post"> 398 <div class="blog-post-title"> 399 <h2><a href="/blog/20-best-ways-to-find-freelance-web-design-gigs/">Hustle Up, Freelance Web Designers: Here Are the 20 Best Ways To Find Freelance Web Design Gigs!</a></h2> 400 </div> 401 <div class="blog-post-image"><img style="max-width:100%; max-height:300px;" src="/blog/content/images/2023/01/20-best-ways-to-find-freelance-web-design-gigs.jpg" alt="Hustle Up, Freelance Web Designers: Here Are the 20 Best Ways To Find Freelance Web Design Gigs!"></div> 402 <p class="blog-post-meta"><time class="post-date" datetime="2023-01-29">29 January 2023</time> by <a href="#"><a href="/blog/author/10-best-design/">10 Best Design</a></a></p> 403 <section class="post-excerpt"> 404 <p>2023 is the perfect year for freelance web designers to start hustling for work: with more remote opportunities than ever before, a plethora of job boards to search, and more innovative ways to find leads online than ever before, the possibilities for success are seemingly endless. <a class="read-more" href="/blog/20-best-ways-to-find-freelance-web-design-gigs/">...</a></p> 405 </section> 406 <a href="/blog/tag/guides/" title="Guides" class="btn btn-primary btn-sm guides"><i class="fa fa-tag" aria-hidden="true"></i> Guides</a> 407 </div> 408 409 <div class="blog-post"> 410 <div class="blog-post-title"> 411 <h2><a href="/blog/use-api-and-go-full-stack-for-your-website/">Use API and Go Full Stack for Your Website</a></h2> 412 </div> 413 <div class="blog-post-image"></div> 414 <p class="blog-post-meta"><time class="post-date" datetime="2021-11-07">07 November 2021</time> by <a href="#"><a href="/blog/author/10-best-design/">10 Best Design</a></a></p> 415 <section class="post-excerpt"> 416 <p>When it comes to creating a hobby website, it is important to keep a few things in mind. First, like a person did recently on an online forum, it can sometimes be a very good idea to ask for constructive criticism. After all, when you work <a class="read-more" href="/blog/use-api-and-go-full-stack-for-your-website/">...</a></p> 417 </section> 418 </div> 419 </div> 420 421 422 <div class="col-sm-3 offset-sm-1 blog-sidebar"> 423 <div class="sidebar-module"> 424 <a href="/blog/"><h4>Design Blog Home</h4></a> 425 </div> 426 <div class="sidebar-module sidebar-module-inset"> 427 <h4>About</h4> 428 <p>10BD's <strong>design blog</strong> is more than guides and advice. We tell you stories and experiences about working in the design industry.</p> 429 </div> 430 <div class="sidebar-module"> 431 <h4>Tags</h4> 432 <ol class="list-unstyled"> 433 434 <li><a href="/blog/tag/getting-started/">Getting Started</a></li> 435 <li><a href="/blog/tag/packaging-design/">Packaging Design</a></li> 436 <li><a href="/blog/tag/product-design/">Product Design</a></li> 437 <li><a href="/blog/tag/guides/">Guides</a></li> 438 <li><a href="/blog/tag/trends/">Trends</a></li> 439 <li><a href="/blog/tag/styles/">Styles</a></li> 440 <li><a href="/blog/tag/general-design/">General Design</a></li> 441 <li><a href="/blog/tag/web-design/">Web Design</a></li> 442 <li><a href="/blog/tag/graphic-design/">Graphic Design</a></li> 443 <li><a href="/blog/tag/app-design/">App Design</a></li> 444 <li><a href="/blog/tag/tips/">Tips</a></li> 445 <li><a href="/blog/tag/photography/">Photography</a></li> 446 <li><a href="/blog/tag/web-development/">Web Development</a></li> 447 <li><a href="/blog/tag/integration/">Integration</a></li> 448 <li><a href="/blog/tag/drupal/">Drupal</a></li> 449 450 </ol> 451 </div> 452 <div class="sidebar-module"> 453 <h4>Elsewhere</h4> 454 <ol class="list-unstyled"> 455 <li><a href="https://twitter.com/10BestDesign">Twitter</a></li> 456 <li><a href="https://www.facebook.com/10.best.web.design.awards">Facebook</a></li> 457 </ol> 458 </div> 459 </div> 460</div> 461 462<nav class="pagination" role="navigation"> 463 <a class="btn btn-outline-primary" href="/blog/page/2/">Older Posts →</a> 464</nav> 465 466</div> 467 468 469 470 <footer class="footer"> 471 <div class="container"> 472 <div class="row"> 473 <div class="col-sm-2 menu-footer"> 474 <h3>Overview</h3> 475 <ul> 476 <li><a href="/">Home</a></li> 477 <li><a href="/about/">About</a></li> 478 <li><a href="/contact/">Contact</a></li> 479 <li><a href="/awards-badges/">Award Badges</a></li> 480 <li><a href="/web-design-directory/">Directory</a></li> 481 <li><a href="/privacy/">Privacy</a></li> 482 <li><a href="/disclaimer/">Disclaimer</a></li> 483 </ul>
484 </div> 485 <div class="col-sm-3 menu-footer"> 486 <h3>Top Awards</h3> 487 <ul> 488 <li><a href="/firms/">Web Design Firms</a></li> 489 <li><a href="/firms/corporate/">Corporate Web Design</a></li> 490 <li><a href="/firms/small-business/">Small Business</a></li> 491 <li><a href="/firms/wordpress/">Wordpress Design</a></li> 492 <li><a href="/firms/custom/">Custom Design</a></li> 493 <li><a href="/firms/ecommerce/">eCommerce Design</a></li> 494 </ul> 495 </div> 496 <div class="col-sm-3 menu-footer"> 497 <h3>Featured Firms</h3> 498 <ul> 499 <li><a href="/web-design-directory/new-york/big-drop-inc/">Big Drop Inc</a></li> 500 <li><a href="/web-design-directory/new-york/blue-fountain-media/">Blue Fountain Media</a></li> 501 <li><a href="/web-design-directory/new-york/maxburst/">Maxburst</a></li> 502 <li><a href="/web-design-directory/pennsylvania/webpagefx/">WebpageFX</a></li> 503 <li><a href="/web-design-directory/california/eight25media/">EIGHT25MEDIA</a></li> 504 <li><a href="/web-design-directory/new-jersey/dotcomweavers/">Dotcomweavers</a></li> 505 </ul> 506 </div> 507 <div class="col-sm-4 newsletter"> 508 <div class="signup clearfix"> 509 <p> 510 Sign up for the newsletter and we'll inform you of updates, offers and more. 511 </p> 512 <!-- Begin MailChimp Signup Form --> 513 <link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css"> 514 <style type="text/css"> 515 #mc_embed_signup{background:none !important; clear:left; font:14px Helvetica,Arial,sans-serif; } 516 /* Add your own MailChimp form style overrides in your site stylesheet or in this style block. 517 We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */ 518 </style> 519 <div id="mc_embed_signup"> 520 <form style="color: whitesmoke;" action="//10bestdesign.us14.list-manage.com/subscribe/post?u=a3aedabe6514af850e2e97b02&id=5e5d1cab58" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="novalidate"> 521 <div id="mc_embed_signup_scroll"> 522 523 <div class="indicates-required"><span class="asterisk">*</span> indicates required</div> 524 <div class="mc-field-group"> 525 <label for="mce-NAME">Name (First & Last) <span class="asterisk">*</span> 526 </label> 527 <input type="text" value="" name="NAME" class="required" id="mce-NAME" aria-required="true" style="background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABHklEQVQ4EaVTO26DQBD1ohQWaS2lg9JybZ+AK7hNwx2oIoVf4UPQ0Lj1FdKktevIpel8AKNUkDcWMxpgSaIEaTVv3sx7uztiTdu2s/98DywOw3Dued4Who/M2aIx5lZV1aEsy0+qiwHELyi+Ytl0PQ69SxAxkWIA4RMRTdNsKE59juMcuZd6xIAFeZ6fGCdJ8kY4y7KAuTRNGd7jyEBXsdOPE3a0QGPsniOnnYMO67LgSQN9T41F2QGrQRRFCwyzoIF2qyBuKKbcOgPXdVeY9rMWgNsjf9ccYesJhk3f5dYT1HX9gR0LLQR30TnjkUEcx2uIuS4RnI+aj6sJR0AM8AaumPaM/rRehyWhXqbFAA9kh3/8/NvHxAYGAsZ/il8IalkCLBfNVAAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%;"> 528 </div> 529 <div class="mc-field-group"> 530 <label for="mce-EMAIL">Email Address <span class="asterisk">*</span> 531 </label> 532 <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" aria-required="true"> 533 </div> 534 <div id="mce-responses" class="clear"> 535 <div class="response" id="mce-error-response" style="display:none"></div> 536 <div class="response" id="mce-success-response" style="display:none"></div> 537 </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> 538 <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_a3aedabe6514af850e2e97b02_5e5d1cab58" tabindex="-1" value=""></div> 539 <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div> 540 </div> 541 </form> 542 </div> 543
543<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script>
543<script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[1]='NAME';ftypes[1]='text';fnames[0]='EMAIL';ftypes[0]='email';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
543 544 <!--End mc_embed_signup--> 545 </div> 546 <a href="https://twitter.com/10BestDesign"> 547 <img src="/blog/assets/images/twitter.png?v=f4b6a06588 alt="Twitter" /> 548 </a> 549 <!--<a href="https://www.dribbble.com/10bestdesign/"> 550 <img src="/images/social/dribbble.png" alt="dribbble"> 551 </a>--> 552 <a href="https://www.facebook.com/10.best.web.design.awards/"> 553 <img src="/blog/assets/images/facebook.png?v=f4b6a06588 alt="Facebook" /> 554 </a> 555 <!--<a href="https://www.instagram.com/10bestdesign/"> 556 <img src="/images/social/rss.png" alt="rss"> 557 </a>--> 558 </div> 559 </div> 560 <div class="row credits"> 561 <div class="col-md-12"> 562 Copyright © 2017. A Theory Cube Website 563 </div> 564 </div> 565 </div> 566</footer> 567 </div> 568
568<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.2.0/js/tether.min.js" integrity="sha384-Plbmg8JY28KFelvJVai01l8WyZzrYWG825m+cZ0eDDS1f7d/js6ikvy1+X+guPIB" crossorigin="anonymous"></script>
568 569
569<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.3/js/bootstrap.min.js" integrity="sha384-ux8v3A6CPtOTqOzMKiuo3d/DomGaaClxFYdCu2HPMBEkf6x2xiDyJ7gkXU0MWwaD" crossorigin="anonymous"></script>
569 570 571
571<script type="text/javascript" src="/blog/assets/js/nav.js?v=f4b6a06588"></script>
571 572 </div> 573</body> 574</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.