<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Web Development Zone - Medium]]></title>
        <description><![CDATA[We write about web development - Medium]]></description>
        <link>https://medium.com/web-development-zone?source=rss----a78024278617---4</link>
        <image>
            <url>https://cdn-images-1.medium.com/proxy/1*TGH72Nnw24QL3iV9IOm4VA.png</url>
            <title>Web Development Zone - Medium</title>
            <link>https://medium.com/web-development-zone?source=rss----a78024278617---4</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Fri, 13 Nov 2026 21:31:09 GMT</lastBuildDate>
        <atom:link href="https://medium.com/feed/web-development-zone" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com" rel="hub"/>
        <item>
            <title><![CDATA[Top Free eBooks for Web Designers & Web Developers]]></title>
            <link>https://medium.com/web-development-zone/top-free-ebooks-for-web-designers-web-developers-f8c6a70465ad?source=rss----a78024278617---4</link>
            <guid isPermaLink="false">https://medium.com/p/f8c6a70465ad</guid>
            <category><![CDATA[web]]></category>
            <category><![CDATA[web-design]]></category>
            <category><![CDATA[design]]></category>
            <category><![CDATA[web-development]]></category>
            <category><![CDATA[front-end-development]]></category>
            <dc:creator><![CDATA[Bradley Nice]]></dc:creator>
            <pubDate>Sat, 07 Apr 2018 13:55:59 GMT</pubDate>
            <atom:updated>2018-09-21T08:15:19.576Z</atom:updated>
            <content:encoded><![CDATA[<p>by Bradley Nice, Content Manager at <a href="https://clickhelp.com/online-documentation-tool/?utm_source=medium-com&amp;utm_medium=brad-top-link&amp;utm_campaign=blogging">ClickHelp.com — help authoring tool</a></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*cTJSsH2REn_1h07n." /></figure><p>Web design and web development are the niches that are extremely popular nowadays. But technology changes very fast and in order to keep pace with it, one needs to constantly grow and develop as a professional. Free eBooks offer a great way to do that.</p><p>In this post, I’ve gathered a list of free eBooks about HTML, HTML5, CSS3, JavaScript, Wordpress and many more. Please, enjoy!</p><h3><a href="http://chimera.labs.oreilly.com/books/1234000001654/index.html">HTML5 Canvas</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*CTx5Ly8K96ZYH1sJ-DjD_g.jpeg" /></figure><p>The second edition of <em>HTML5 Canvas</em> is geared towards a wide range of developers, from those who have never seen a Canvas to those who want to learn some intermediate-to-advanced ways to make use of the Canvas.</p><p>Every chapter has been revised with updated code and optimizations, as well as updates to address browser compatibility and other issues that have arisen over the past two years. The free online version includes 53 interactive examples and exercises.</p><h3><a href="http://www.20thingsilearned.com/en-US/home">20 Things I Learned About Browsers and the Web</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*1cOlpu5XpaBRkLuMkjqK7g.jpeg" /></figure><blockquote>“20 Things I Learned About Browsers and the Web” is a short guide for anyone who’s curious about the basics of browsers and the web. Here’s what you’ll find here:</blockquote><blockquote>First we’ll look at the Internet, the very backbone that allows the web to exist. We’ll also take a look at how the web is used today, through cloud computing and web apps.</blockquote><blockquote>Then, we’ll introduce the building blocks of web pages like HTML and JavaScript, and review how their invention and evolution have changed the websites you visit every day. We’ll also take a look at the modern browser and how it helps users browse the web more safely and securely.</blockquote><blockquote>Finally, we’ll look ahead to the exciting innovations in browsers and web technologies that we believe will give us all even faster and more immersive online experiences in the future.</blockquote><h3><a href="https://adaptivewebdesign.info/1st-edition/">Adaptive Web Design</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ylBNzlleFeCrMksR1vFicQ.jpeg" /></figure><blockquote>This isn’t just another web design book. It’s an essential and missing piece of the canon. Our industry has long needed a compendium of best practices in adaptive, standards-based design. And with the rise of mobile, the recent significant improvements in desktop and phone browsers, and the new capabilities that come with HTML5, CSS3, and gestural interfaces, it is even more vital that we who make websites have a reliable resource that tells us how to take advantage of these new capabilities while creating content that works in browsers and devices of all sizes and widely differing capabilities. This book is that resource. (Adaptive Web Design by Aaron Gustafson, Foreword)</blockquote><figure><a href="https://clickhelp.co/free-download/online-documentation-html-templates/?utm_source=medium-com&amp;utm_medium=templates-banner&amp;utm_campaign=blogging"><img alt="" src="https://cdn-images-1.medium.com/max/700/1*z0lz9uxQd9plDd5FAzJLMA.png" /></a></figure><h3><a href="https://html5hive.org/free-ebook-a-guide-to-html5-and-css3/">A Guide to HTML5 &amp; CSS3</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*UodcPIKGotpQ8bKTe8PeHw.jpeg" /></figure><p><em>A Guide to HTML5 and CSS3</em> covers the basics of web development and it’s a great starting point whether your plan is to make websites, HTML5 mobile apps or games.</p><h3><a href="http://eloquentjavascript.net/">Eloquent JavaScript</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*SJL4WeuO1i-b9F3qDcd7pA.jpeg" /></figure><blockquote>Besides explaining JavaScript, I also will introduce the basic principles of programming…</blockquote><blockquote>If you are new to programming, there will be a lot of new material to digest. (Eloquent JavaScript by Marijn Haverbeke, Introduction)</blockquote><h3><a href="http://speakingjs.com/es5/">Speaking JavaScript</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*I1yD3AnPz9ulp_DL7aOnjw.jpeg" /></figure><blockquote><strong>Who this book is for</strong></blockquote><blockquote>This book has been written for programmers, by a programmer. So, in order to understand it, you should already know object-oriented programming, for example, via a mainstream programming language such as Java, PHP, C++, Python, Ruby, Objective-C, C#, or Perl…</blockquote><blockquote><strong>How this book is organized</strong></blockquote><blockquote>This book is divided into four parts, but the main two are:</blockquote><blockquote>JavaScript Quick Start</blockquote><blockquote>JavaScript in Depth</blockquote><blockquote>These parts are completely independent! You can treat them as if they were separate books: the former is more like a guide, the latter is more like a reference. (Speaking JavaScript by Dr. Axel Rauschmayer, Preface)</blockquote><h3><a href="https://addyosmani.com/resources/essentialjsdesignpatterns/book/">Learning JavaScript Design Patterns</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/300/1*AnAiwZyjBM5yJ-J1cLzdpw.jpeg" /></figure><p>Written by Addy Osmani, <em>Learning JavaScript Design Patterns</em> will show you how to write beautiful, structured, and maintainable JavaScript by applying classical and modern design patterns to the language. This book is targeted at professional developers wishing to improve their knowledge of design patterns and how they can be applied to the JavaScript programming.</p><h3><a href="http://chimera.labs.oreilly.com/books/1234000000262/index.html">Programming JavaScript Applications</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/500/1*towUrm7BtrC9WQwNhFjv5g.jpeg" /></figure><p>This book is for developers familiar with JavaScript; at least a year or two working frequently with the language, but who want to learn more about how you can apply it specifically to developing robust web-scale or enterprise applications.</p><p>The following topics are covered:</p><ul><li>JavaScript features and best practices for application developers</li><li>Code organization, modularity, and reuse</li><li>Separation of concerns on the client side (MVC, etc.)</li><li>Communicating with servers and APIs</li><li>Designing and programming RESTful APIs with Node.js</li><li>Building, testing, collaboration, deployment, and scaling</li><li>Expanding reach via internationalization</li></ul><h3><a href="https://github.com/getify/You-Dont-Know-JS">You Don’t Know JS (book series)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/686/1*el2KMr6p0bz8G7ZA-EAO7g.png" /></figure><p>You Don’t Know JS is a series of books diving deep into the core mechanisms of the JavaScript language. The first edition of the series is now complete.</p><h3><a href="https://speckyboy.com/free-ebook-guide-usability-testing/">The Guide to Usability Testing (PDF)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/750/0*qABkh8njTa0OqYUT.jpg" /></figure><p>The free e-book includes:</p><ul><li>Best practices from companies like Apple, MailChimp, Yahoo, DirecTV, Buffer, and more.</li><li>Practical explanations and tips for 20 usability testing methods including hallway testing, card sorting, moderated &amp; unmoderated testing, and much more.</li><li>Advice from usability experts like Jakob Nielsen, Jeff Sauro, Dr. David Travis, and others.</li><li>Define your hypothesis, pick several quantitative and qualitative methods, and get ready to go out of your comfort zone. Check out the e-book, and feel free to share if you find it helpful.</li></ul><h3><a href="https://speckyboy.com/free-e-book-web-ui-best-practices/">Web UI Best Practices (PDF)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/750/0*yn1g4d18TaXeihkE.jpg" /></figure><p>The 109-page guide includes:</p><ul><li>Advice from experts such as Luke Wroblewski, Jared Spool, Jakob Nielsen, Marcin Treder, and many others.</li><li>In-depth discussion and practical tips for UI elements such as color, contrast, spacing, navigation, typography, input controls, and more.</li><li>Explanation of preliminary steps such as creating user personas, prioritizing requirements, and creating visual hierarchies.</li></ul><h3><a href="https://speckyboy.com/guide-ux-design-process-documentation/">The Guide to UX Design Process &amp; Documentation (PDF)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/750/0*y1mMyRg93oj0f3O2.jpg" /></figure><p>The 132-page guide answers questions such as:</p><ul><li>How do I build documentation into the design?</li><li>What design processes are suitable for startups and enterprises?</li><li>How can I draw insights from previous iterations to plan for future designs?</li><li>When do I know a design is good enough for launch?</li></ul><h3><a href="https://speckyboy.com/free-ebook-guide-mockups/">The Guide to Mockups (PDF)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/750/0*eSyyEYFgp8RiWZZB.jpg" /></figure><p>This free e-book features:</p><ul><li>Best practices for creating mockups in SketchApp &amp; Photoshop.</li><li>Practical advice from Marcin Treder, Luke Wroblewski, Ash Maurya, and other product design experts.</li><li>Explanations of mockup fidelities, anatomies, and methods of creation.</li><li>Analysis of different design processes for creating mockups based on our own experience and those of Fortune 500 companies.</li></ul><h3><a href="https://build.codepoet.com/2012/07/10/locking-down-wordpress/">Locking Down WordPress</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/685/1*GHdG43CLDEUjO3nSPHg0wg.jpeg" /></figure><p>In <em>Locking Down WordPress</em>, WordPress pros Rachel Baker, Brad Williams, and John Ford take you through everything you need to know to make sure you have WordPress security is under control.</p><h3><a href="https://build.codepoet.com/2012/05/11/wordpress-meet-responsive-design/">WordPress Meet Responsive Design</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/572/1*oswMAjoA_m7n-s1s4Y32jg.jpeg" /></figure><p>In <em>WordPress Meet Responsive Design</em>, Chris Coyier, Ian Stewart and Sara Cannon give you the lowdown on their real world uses and strategies for designing WordPress responsively.</p><p><em>Do you know any other free ebooks about wevdev and web design? Please, share in the comments below and I’ll add them to the list!</em></p><p>Have a nice day!</p><p>Bradley Nice,<br>Content Manager at <a href="https://clickhelp.com/?utm_source=medium-com&amp;utm_medium=brad-signature&amp;utm_campaign=blogging"><strong>ClickHelp.com — best online documentation tool for SaaS vendors</strong></a></p><figure><a href="https://clickhelp.com/online-documentation-tool/?utm_source=medium-com&amp;utm_medium=footer-banner&amp;utm_campaign=blogging"><img alt="" src="https://cdn-images-1.medium.com/max/1000/1*bHDvd0WRJrS6G6dPmAPY2w.png" /></a></figure><figure><a href="https://t.me/clickhelp_technicalwritingblog"><img alt="" src="https://cdn-images-1.medium.com/max/700/1*Rz0rptlIQQsWrvYCyjt2Zw.png" /></a></figure><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=f8c6a70465ad" width="1" height="1" alt=""><hr><p><a href="https://medium.com/web-development-zone/top-free-ebooks-for-web-designers-web-developers-f8c6a70465ad">Top Free eBooks for Web Designers &amp; Web Developers</a> was originally published in <a href="https://medium.com/web-development-zone">Web Development Zone</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[What Makes Customers Leave Your Website]]></title>
            <link>https://medium.com/web-development-zone/what-makes-someone-leave-a-website-48bd06ae3c5e?source=rss----a78024278617---4</link>
            <guid isPermaLink="false">https://medium.com/p/48bd06ae3c5e</guid>
            <category><![CDATA[web]]></category>
            <category><![CDATA[business]]></category>
            <category><![CDATA[web-development]]></category>
            <category><![CDATA[website]]></category>
            <category><![CDATA[web-design]]></category>
            <dc:creator><![CDATA[Bradley Nice]]></dc:creator>
            <pubDate>Tue, 23 May 2017 20:23:22 GMT</pubDate>
            <atom:updated>2018-09-26T11:14:32.091Z</atom:updated>
            <content:encoded><![CDATA[<p>by Bradley Nice, Content Manager at <a href="https://clickhelp.com/online-documentation-tool/?utm_source=medium-com&amp;utm_medium=brad-top-link&amp;utm_campaign=blogging">ClickHelp.com — software documentation tool</a></p><p>There is a whole lot of reasons why people leave websites. Today we’ll take a look into the key ones and how to fix them in the following infographics. Please, enjoy!</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/1*NbMZDatFbpNwT4ZC_DxxlA.png" /></figure><p>Have a nice day!</p><p>Bradley Nice,<br>Content Manager at <a href="https://clickhelp.com/?utm_source=medium-com&amp;utm_medium=brad-signature&amp;utm_campaign=blogging"><strong>ClickHelp.com — best online documentation tool for SaaS vendors</strong></a></p><figure><a href="https://clickhelp.com/online-documentation-tool/?utm_source=medium-com&amp;utm_medium=footer-banner&amp;utm_campaign=blogging"><img alt="" src="https://cdn-images-1.medium.com/max/1000/1*Sjn_ekNvtfPuKl9Qypm-_Q.png" /></a></figure><figure><a href="https://t.me/clickhelp_technicalwritingblog"><img alt="" src="https://cdn-images-1.medium.com/max/700/1*Rz0rptlIQQsWrvYCyjt2Zw.png" /></a></figure><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=48bd06ae3c5e" width="1" height="1" alt=""><hr><p><a href="https://medium.com/web-development-zone/what-makes-someone-leave-a-website-48bd06ae3c5e">What Makes Customers Leave Your Website</a> was originally published in <a href="https://medium.com/web-development-zone">Web Development Zone</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[A Complete List of Computer Programming Languages]]></title>
            <link>https://medium.com/web-development-zone/a-complete-list-of-computer-programming-languages-1d8bc5a891f?source=rss----a78024278617---4</link>
            <guid isPermaLink="false">https://medium.com/p/1d8bc5a891f</guid>
            <category><![CDATA[computer-science]]></category>
            <category><![CDATA[programming]]></category>
            <category><![CDATA[coding]]></category>
            <category><![CDATA[programming-languages]]></category>
            <category><![CDATA[software-development]]></category>
            <dc:creator><![CDATA[Bradley Nice]]></dc:creator>
            <pubDate>Sat, 18 Mar 2017 14:04:21 GMT</pubDate>
            <atom:updated>2018-09-26T11:40:15.646Z</atom:updated>
            <content:encoded><![CDATA[<p>by Bradley Nice, Content Manager at <a href="https://clickhelp.com/online-documentation-tool/?utm_source=medium-com&amp;utm_medium=brad-top-link&amp;utm_campaign=blogging">ClickHelp.com — software documentation tool</a></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*OsMBUUchHRtTT3n-ZX2xbA.jpeg" /></figure><p>Computer programming languages are used to to communicate instructions to a computer. They are based on certain syntactic and semantic rules, which define the meaning of each of the programming language constructs.</p><p>Today I’ve got a list of every programming language I could find. I divided them into the following categories:</p><ul><li>Interpreted Programming Languages</li><li>Functional Programming Languages</li><li>Compiled Programming Languages</li><li>Procedural Programming Languages</li><li>Scripting Programming Languages</li><li>Markup Programming Languages</li><li>Logic-Based Programming Languages</li><li>Concurrent Programming Languages</li><li>Object-Oriented Programming Languages</li></ul><h3>Interpreted Programming Languages</h3><blockquote>An <strong>interpreted language</strong> is a programming language for which most of its implementations execute instructions directly, without previously compiling a program into machine-language instructions. The interpreter executes the program directly, translating each statement into a sequence of one or more subroutines already compiled into machine code. (Wikipedia)</blockquote><h4><strong>APL</strong></h4><p>Named after the book <em>A Programming Language </em>(Iverson, Kenneth E., 1962), APL is an array programming language. It can work simultaneously on multiple arrays of data. It is interpretive, interactive and a functional programming language.</p><h4>AutoIt</h4><p>It is a freeware automation language for Microsoft Windows. It’s main intent is to create automation scripts that can be used for the execution of certain repetitive tasks on Windows.</p><h4>BASIC</h4><p>Developed by John George Kemeny and Thomas Eugene Kurtz at Dartmouth in 1964, it is an acronym for <strong>B</strong>eginner’s <strong>A</strong>ll-purpose <strong>S</strong>ymbolic <strong>I</strong>nstruction <strong>C</strong>ode. It was designed with the intent of giving the non-science people an access to computers.</p><h4>Eiffel</h4><p>It is an object-oriented programming language that is ISO-standardized and used to develop extensible and reusable software. It is a development platform for many industries such as finance, aerospace and video gaming.</p><h4>Forth</h4><p>It is a structured imperative programming language, which bases its implementation on stacks. It supports an interactive execution of commands as well as the compilation of sequences of commands.</p><h4>Frink</h4><p>Developed by Alan Eliasen and named after Professor John Frink, a popular fictional character. It is based on the Java Virtual Machine and focuses on science and engineering. Its striking feature is that it tracks the units of measure through all the calculations that enables quantities to contain their units of measurement.</p><h4>Game Maker Language</h4><p>It is an interpreted computer programming language intended to be used in cooperation with Game Maker, an application for game creation. Mark Overmars, a Dutch computer scientist, designed this language.</p><h4>ICI</h4><p>Designed by Tim Long in 1992, ICI is a general purpose interpreted computer programming language. It supports dynamic typing, flexible data types and other language constructs similar to C.</p><h4>J</h4><p>Ken Iverson and Roger Hui developed this programming language that requires only the basic ASCII character set. It is an array programming language that works well with mathematical and statistical operations.</p><h4>Lisp</h4><p>Lisp is the second-oldest high-level programming language in widespread use today. The name Lisp is derived from ‘List Processing Language’. One of the important data structures that Lisp supports is linked list. Lisp programs deal with source code as a data structure.</p><h4>Lua</h4><p>Members of the Computer Graphics Technology Group developed Lua in 1993. It is an imperative and procedural programming language that was designed as a scripting language. It is known for being simple yet powerful.</p><h4>M</h4><p>M is short for MUMPS, a programming language created for the health care industry. Neil Pappalardo, the founder of medical information technology and his associates developed the M language.</p><h4>Pascal</h4><p>It is a procedural programming language that was intended to use data structuring and structured programming. Niklaus Wirth, a Swiss computer scientist designed this language and it was named after Blaise Pascal, a French mathematician and philosopher.</p><h4>PCASTL</h4><p>An acronym for <em>by Parent and Childset Accessible Syntax Tree Language</em>, it is a high-level language developed by Philippe Choquette and falls under the class of interpreted computer programming languages. It is specially designed for self-modifying code.</p><h4>Perl</h4><p>Perl is a high-level interpreted programming language that supports dynamic programming. It was developed by Larry Wall, a linguist who served as a systems administrator at NASA. It provides the programmers with text processing facilities and has a blend of features adopted from various languages like C, Lisp, and Awk.</p><h4>PostScript</h4><p>It is used in the desktop publishing field and is known as a page description language. It is a dynamically typed stack-based programming language developed by John Warnock, an American computer scientist and Charles Geschke, a notable figure in the field of computer science. These developers went on to found the very well-known company, Adobe Systems.</p><h4>Python</h4><p>It is a high-level programming language that supports imperative, object-oriented, and functional programming paradigms. In its features like the dynamic type system and automatic memory management, it is similar to Perl. Originally released in 1991 by Guido van Rossum, a Dutch computer programmer, Python is an open community-based language whose development is managed by the Python Software Foundation.</p><h4>REXX</h4><p>Short for Restructured Extended Executor, REXX is an interpreted language developed by IBM. It was designed with an intent to be an easily learnable and readable language. NetRexx is the IBM’s implementation of REXX that offers object-oriented programming. Object REXX is an object-oriented scripting language that is based on REXX.</p><h4>Ruby</h4><p>The efforts for developing this language initiated in Japan in the 1990s. Similar to Perl, it has a dynamic type system and an automatic memory management. It supports multiple programming paradigms and is a dynamic object-oriented language.</p><h4>S-Lang</h4><p>Originally developed as a stack-based language, S-Lang has evolved as a language similar to C. It was developed by John E. Davis.</p><h4>Spin</h4><p>It is a multitasking object-oriented programming language whose compiler converts the Spin code into bytecodes. Multiple Spin code threads can run at a time, thus enabling multitasking. Spin was developed by Chip Gracey of Parallax.</p><figure><a href="https://clickhelp.co/free-download/responsive-layouts-getting-started-guide/?utm_source=medium-com&amp;utm_medium=responsive-banner&amp;utm_campaign=blogging"><img alt="" src="https://cdn-images-1.medium.com/max/700/1*MMonANgTHB8TBVir9bo7sA.png" /></a></figure><h3>Functional Programming Languages</h3><blockquote><strong>Functional programming languages</strong> define every computation as a mathematical evaluation. They focus on the application of functions. Many of the functional programming languages are bound to mathematical calculations.</blockquote><h4>Charity</h4><p>It is a purely functional, not-Turing-complete language, which means that all its programs are guaranteed to terminate. Charity was designed at the University of Calgary, a public University in Canada.</p><h4>Clean</h4><p>It is a purely functional programming language that supports portability across platforms, automatic garbage collection, multiple data structures and referential transparency, which means that a function with a given input will always give the same output.</p><h4>Curry</h4><p>It is a functional logic programming language that implements functional and logic programming as well as constraint programming, wherein the relationships between variables are stated in the form of constraints.</p><h4>Erlang</h4><p>It is a concurrent programming language that includes a sequential subset, which supports functional programming. Ericsson developed Erlang as a distributed soft real-time and fault-tolerant language and released it as an open source computer programming language in 1998. It is one of the most popularly used functional programming languages.</p><h4>F#</h4><p>It targets the .NET Framework and supports both functional as well as imperative object-oriented programming. Don Syme at the Microsoft Research developed this language, which is now being developed at the Microsoft Developer Division. F Sharp, as it is called, will soon be integrated into the .NET Framework and Visual Studio.</p><h4>Haskell</h4><p>Named in honor of Haskell Curry, a logician, Haskell is a standardized purely functional language. It supports pattern matching, definable operators, single assignment, algebraic data types and recursive functions.</p><h4>Joy</h4><p>It is a purely functional language that is based on a composition of functions. Manfred von Thun of La Trobe University in Australia developed this language.</p><h4>Kite</h4><p>It came up in 2006 with a feature set consisting of a blend of object-oriented and functional programming features. It is a fast-running language. Interestingly, Kite uses the pipe character for functional calls rather than using the period or arrow characters in other languages.</p><h4>ML</h4><p>Robin Milner and his associates at the University of Edinburgh came up with ML in the 1970s. It is an impure functional language as it supports imperative programming. Standard ML is popular among compiler writers and is a modular, functional programming language. Alice is a dialect of Standard ML, which supports distributed computing, multithreading and constraint programming. Caml is another dialect of ML and is a statically typed language that supports automatic memory management. Ocaml is the implementation of Caml that is developed as an open source project. JoCaml is a version of Ocaml based on join-calculus.</p><h4>Nemerle</h4><p>It is a statically typed programming language that is designed for the .NET platform. Programs in Nemerle are compiled into an intermediate language bytecode. It supports functional, imperative, and object-oriented programming.</p><h4>OPAL</h4><p>The name stands for Optimized Applicative Language and is a functional programming language developed at the Technical University of Berlin.</p><h4>OPS5</h4><p>It is a rule-based production system computer language that became the first language to be used in an expert system.</p><h4>Q</h4><p>It is called Q for being an equational programming language. It is an interpreted functional language that was designed by Albert Graf at the University of Mainz in Germany. It can be described as a set of equations used to evaluate expressions.</p><h3>Compiled Programming Languages</h3><blockquote>A <strong>compiled language</strong> is a programming language whose implementations are typically compilers (translators that generate machine code from source code), and not interpreters (step-by-step executors of source code, where no pre-runtime translation takes place). (Wikipedia)</blockquote><h4>Ada</h4><p>It is a statically typed, structured, imperative programming language that is based on Pascal. A team of CII Honeywell Bull that was led by Jean Ichbiah developed Ada. The Ada compilers are validated for mission-critical systems. Ada is an internationally standardized computer programming language.</p><h4>ALGOL</h4><p>Algorithmic Language, as it is called, is actually a family of imperative programming languages that was developed in the middle 1950s. It proved instrumental in the creation of programming languages like BCPL, B and C. Ole-Johan Dahl and Kristen Nygaard of the Norwegian Computing Center in Oslo were the brains behind Simula.</p><h4>C</h4><p>Dennis Ritchie at the Bell Telephone Laboratories developed C to be used on the Unix platform. It is a general-purpose, cross-platform, procedural, imperative programming language. It is used for implementing system software and application software and is one of the most-used computer programming languages of today. The development of C++ and C# was influenced by C.</p><h4>C++</h4><p>It consists of a combination of high-level and low-level language features and is hence considered as a middle-level programming language. Bjarne Stroustrup of Bell Labs developed C++ as an extension of the C language. Originally known as ‘C with Classes’, it came to be known as C++ from 1983. It is a multi-paradigm language that supports procedural programming, generic programming, object-oriented programming, and data abstraction.</p><h4>C#</h4><p>C Sharp is a multi-paradigm programming language that supports imperative, generic and object-oriented programming. It is a part of the Microsoft .NET Framework. It is similar to C++ in its object-oriented syntax and is also influenced by Java and Delphi.</p><h4>CLEO</h4><p>It is known as the Clear Language for Expressing Orders and is a computer language for the LEO computer.</p><h4>COBOL</h4><p>The name stands for Common Business-Oriented Language that is designed for the business and finance domain. COBOL 2002 standard supports object-oriented programming. It is one of the very old programming languages that are still in use.</p><h4>Cobra</h4><p>It is an object-oriented programming language that runs on .NET and Mono frameworks. Chuck Esterbrook developed it. Its design is influenced by languages like Python and C#. It supports static and dynamic typing and is suited for unit tests. Today, it is an open source project.</p><h4>D</h4><p>Originally designed as an enhancement of C++, it is also influenced by Java, Eiffel, and C#. It is an object-oriented, imperative, multi-paradigm system programming language developed by Walter Bright of Digital Mars.</p><h4>DASL</h4><p>Acronym of Distributed Application Specification Language, it is a high-level, strongly typed programming language that was developed at the Sun Microsystems. It was created with an intent to be used for developing web applications.</p><h4>DIBOL</h4><p>Acronym of Digital Interactive Business Oriented Language, DIBOL is a general-purpose procedural imperative programming language. It is fairly similar to COBOL as it’s best suited for the development of Management Information Systems.</p><h4>Fortran</h4><p>It is a procedural, imperative, general purpose computer programming language that works well for scientific computations and numeric operations. After IBM developed it in the 1950s, it soon gained popularity in programming. It is very popular in the field of high-performance computing. It is a structured and compiled programming language that is a subset of Fortran95. Fortran 2003, a revised version of Fortran supports object-oriented programming.</p><h4>Java</h4><p>It is a general-purpose computer programming language that is concurrent, class-based, object-oriented, and specifically designed to have as few implementation dependencies as possible. Compiled Java code can run on all platforms that support Java without the need for recompilation. It is a very popular language of the modern times.</p><h4>JOVIAL</h4><p>It is a high-order computer programming language similar to ALGOL. It is best-suited to the design and development of embedded systems.</p><h4>Objective-C</h4><p>It is a reflective object-oriented programming language that adds messaging services to C.</p><h4>SMALL</h4><p>The name stands for Small Machine Algol-like Language. It provides the programmers with abilities to write an ALGOL-like code that can be run on small machines.</p><h4>Smalltalk</h4><p>It is a reflective, object-oriented programming language that supports dynamic typing. Alan Kay, Adele Goldberg, Dan Ingalls, Scott Wallace, Ted Kaehler and their associates at Xerox PARC developed Smalltalk. They designed it for educational use and it soon became popular. VisualWorks is a prominent implementation of Smalltalk. Squeak is a programming language that is in the form of an implementation of Smalltalk. Scratch is a visual programming language based on Squeak.</p><h4>Turing</h4><p>It was developed by Ric Holt and James Cordy of the University of Toronto, Canada, in 1982. It was named in honor of the British computer scientist, Alan Turing. This Pascal-like language is a freeware since 2007.</p><h4>Visual Basic</h4><p>It is an event-driven programming language that is packaged with an integrated development environment. It inherits many of its features from BASIC. Its graphical development features make it easy for beginners to learn VB.</p><h4>Visual FoxPro</h4><p>It is an object-oriented and procedural programming language derived from FoxPro. It is integrated with a relational database system of its own and does not require an additional programming environment. It supports dynamic programming.</p><h4>XL</h4><p>It is created with an intent to support concept programming, a programming paradigm that focuses on how concepts residing in a programmer’s mind can be transformed into code constructs. Programmers can reconfigure XL’s syntax and semantics.</p><h3>Procedural Programming Languages</h3><blockquote><strong>Procedural (imperative) programming</strong> implies specifying the steps that the programs should take to reach to an intended state. A procedure is a group of statements that can be referenced through a procedure call. Procedures help in the reuse of code. Procedural programming makes the programs structured and easily traceable for program flow.</blockquote><h4>Bliss</h4><p>It is a system programming language and was one of the best-known languages of this type till C came up. W.A. Wolf, D.B. Russell and A.N. Habermann of the Carnegie Mellon University developed Bliss. It includes exception handling mechanisms, coroutines and macros while it excludes the goto statement.</p><h4>ChucK</h4><p>It is a concurrent and strongly timed audio programming language that runs on Mac OS X, Linux as well as Microsoft Windows. It is especially known for the ability it gives to the programmers to do some modifications even in the running programs.</p><h4>CLIST</h4><p>It is a procedural programming language in the form of a set of commands that need to be executed in a sequence like that of a batch file.</p><h4>HyperTalk</h4><p>It is a high-level programming language that was intended to be used by programmers at the beginner’s level. The programmers of this computer language were known as authors and the act of writing programs was called scripting. HyperTalk was designed by Dan Winker in 1987. Structurally, it resembles Pascal.</p><h4>Modula-2</h4><p>It is a general-purpose procedural language created in 1978 by Niklaus Wirth at ETH. It is similar to Pascal and has systems programming and multiprogramming features.</p><h4>Oberon</h4><p>Niklaus Wirth, the man behind Pascal and Modula came up with Oberon in 1986. It was designed as a part of the Oberon operating system. It is similar to Modula-2 but smaller than it.</p><h4>Component Pascal</h4><p>It is a programming language that seems to be related to Pascal, but is actually incompatible with it. It is actually a variant of Oberon-2. Lagoona is an experimental programming language that supports component-oriented programming, a paradigm of decomposing a system into logical or functional components. Michael Franz, a student of Niklaus Wirth developed Lagoona. Seneca, better known as Oberon-2 is an extension of the Oberon programming language.</p><h4>MATLAB</h4><p>It is a numerical computing environment and a programming language that enables matrix computations, function plotting, and algorithm implementation. It can also be used for user interface creation. MathWorks created MATLAB.</p><h4>Occam</h4><p>It is an imperative procedural language that was developed by David May and his colleagues at INMOS. It is similar to Pascal. Occam-pi is a variant of Occam that has been extended to include nested protocols, recursion, protocol inheritance, array constructors and run-time process creation.</p><h4>PL/C</h4><p>It was developed for being used to teach programming. It was created at the Cornell University in the 1970s.</p><h4>PL/I</h4><p>It is an imperative computer programming language targeted at scientific and engineering applications. Mainly intended to perform data processing, it also supports structured programming and recursion.</p><h4>Rapira</h4><p>It is a procedural programming language that was used in teaching computer programming in Soviet schools. Developed in the USSR, initially this language had Russian-based keywords. English keywords were incorporated later.</p><h4>RPG</h4><p>This programming language is used for business applications. It is available with the IBM’s System I midrange computers.</p><h3>Scripting Languages</h3><blockquote><strong>Scripting languages</strong> are programming languages that control an application. Scripts can execute independent of any other application. They are mostly embedded in the application that they control and are used to automate frequently executed tasks like communicating with external programs.</blockquote><h4>AppleScript</h4><p>It is a scripting language that is built into the Mac OS.</p><h4>Awk</h4><p>Awk was born in the Bell Labs in the 1970s. It is used for processing text-based data in data streams and files and uses the string datatype, arrays, and regular expressions.</p><h4>BeanShell</h4><p>It is a java scripting language that is syntactically similar to Java and runs on the Java Runtime Environment along with scripting commands and syntax.</p><h4>ColdFusion</h4><p>It is an application server and software development framework that comes with an associated scripting language known as ColdFusion Markup Language. It is known as CFML and is similar to HTML in terms of its syntax.</p><h4>F-Script</h4><p>It is an object-oriented scripting language that is closely similar to Smalltalk with an additional feature of array programming.</p><h4>JASS</h4><p>It is an event-driven scripting language that provides the programmers with an extensive API.</p><h4>Maya Embedded Language</h4><p>Abbreviated as MEL, it is a scripting language that is used to support tasks on the Maya software. Its syntax resembles that of Perl.</p><h4>Mondrian</h4><p>This scripting language is aimed for Internet use and is looked upon as being a combination of Haskell and Java.</p><h4>PHP</h4><p>PHP is one of the very popularly used general purpose scripting languages. It is developed for creating dynamic web pages and supports a command line interface capability.</p><h4>Revolution</h4><p>It is a rapid application development language that is based on HyperTalk. It is a cross-platform language that supports dynamic typing.</p><h4>Tcl</h4><p>It is a scripting language, which is believed to be easy to learn. It is used for rapid prototyping and has found utility in embedded systems.</p><h4>VBScript</h4><p>It is an active scripting language that Microsoft developed as a variation of Microsoft Visual Basic. VBScript is a default component with each of the Desktop releases of Microsoft Windows.</p><h4>Windows PowerShell</h4><p>It is Microsoft’s command line shell and a scripting language. Released in 2006, it is available with Windows XP, Windows Vista as also with Windows Server 3003 and Windows Server 2008. It works in collaboration with Microsoft .NET Framework by means of executables, forms of standalone applications, regular .NET classes, cmdlets that are specialized .NET classes and scripts, the compositions of cmdlets and imperative logic.</p><h3>Markup Languages</h3><blockquote>A <strong>markup language</strong> is an artificial language that uses annotations to text that define how the text is to be displayed.</blockquote><h4>Curl</h4><p>It is a reflective object-oriented programming language. It is a markup language similar to HTML. Curl is an object-oriented programming language supporting multiple inheritance.</p><h4>SGML</h4><p>Standardized General Markup Language (SGML) has descended from IBM’s Generalized Markup Language. It is an ISO standard metalanguage that can define markup languages for documents. It was designed with the intent of sharing machine-readable documents of large projects that had to be retained for long years.</p><h4>HTML</h4><p>Hypertext Markup Language, abbreviated as HTML, is the most prominent markup language that is used for web pages. It is written in the form of HTML tags that are surrounded by angular brackets. HTML tags describe the appearance of the text in a document and can be embedded into certain other code to affect the web browser behavior. HTML uses the SGML default syntax.</p><h4>XML</h4><p>The name stands for Extensible Markup Language. It is extensible because it allows the users to define their own XML elements. It supports the sharing of structured data over the Internet and the encoding and serializing of data. It originated as a subset of SGML. XPath is the XML Path Language that is used to select nodes from an XML document. It supports the computation of values. XQuery is used to query the collections of XML data. Extensible Stylesheet Language Transformations (XSLT) is an XML-based language that is used for the transformation of XML documents into human-readable formats. Apache Ant is a tool for the automation of software build processes. It uses XML to describe the build processes.</p><h4>XHTML</h4><p>It is a markup language that is similar to HTML and follows the XML syntax. It is midway between HTML and XML. XHTML documents allow automated processing of data.</p><h3>Logic-based Programming Languages</h3><blockquote><strong>Logic programming</strong> is a type of programming paradigm which is largely based on formal logic. Any program written in a logic programming language is a set of sentences in logical form, expressing facts and rules about some problem domain. (Wikipedia)</blockquote><h4>ALF</h4><p>Algebraic Logic Functional Programming Language is a multi-paradigm programming language that is a combination of functional programming and logic programming. ALF program statements are compiled into instructions of an abstract machine. An emulator written in C executes the programs of the abstract machine.</p><h4>Fril</h4><p>Fril language was designed by Trevor Martin and Jim Baldwin at the University of Bristol in the 1980s. It is for first-order predicate calculus. It supports fuzzy sets and metaprogramming and is based on the Prolog syntax.</p><h4>Janus</h4><p>Janus supports concurrent and constraint programming.</p><h4>Leda</h4><p>This computer programming language is a blend of logic-based, functional, imperative and object-oriented programming. It is thus one of the multi-paradigm languages.</p><h4>Oz</h4><p>It is a multi-paradigm language that supports functional, logic-based, imperative and object-oriented programming. Oz also supports concurrent and distributed programming. Constraint programming that is supported by Oz is one of the strengths of this language.</p><h4>Poplog</h4><p>It is a powerful multi-paradigm software development environment whose core language is POP-11. All the languages of this development environment share a common language editor and are incrementally compiled programming languages.</p><h4>Prolog</h4><p>It is a general-purpose programming language that supports logic programming and is often linked with artificial intelligence and computational linguistics. The language is declarative and the program logic is expressed in the form of relations. Mercury is a functional logic programming language that is based on Prolog. Strawberry Prolog is a dialect of Prolog, which is supposed to be easy to use. Visual Prolog is a strongly typed extension of Prolog that supports object-oriented programming. It is a compiled logic-based programming language.</p><h4>ROOP</h4><p>It is a multi-paradigm language that is built on C++. It is intended to be used with artificial intelligence systems. Its features offer a blend of procedural, logic-based, and object-oriented programming.</p><h3>Concurrent Programming Languages</h3><blockquote><strong>Concurrent programming</strong> is a computer programming technique that provides for the execution of operations concurrently — either within a single computer, or across a number of systems. In the latter case, the term distributed computing is used. (Wikipedia)</blockquote><h4>ABCL</h4><p>It is actually a family of Actor-Based Concurrent Languages, which was developed in Japan during the 1980s and the 1990s. ABCL/1, ABCL/R, and ABCL/R2 are some members of the ABCL family.</p><h4>Afnix</h4><p>It is a multi-threaded functional programming language. Its interpreter is written in C++. Its runtime engine supports both 32 and 64 bit platforms.</p><h4>Cilk</h4><p>Created at the MIT Laboratory in 1994, Cilk supports multithreaded parallel programming.</p><h4>Concurrent Pascal</h4><p>Per Brinch Hansen, a Danish-American computer scientist created Concurrent Pascal for writing operating systems and programming real-time systems.</p><h4>E</h4><p>It is an object-oriented programming language that supports distributed programming. Mark Miller, Dan Bornstein and associates at the Electric Communities developed E in 1997. Its syntax resembles that of Java.</p><h4>Joule</h4><p>Joule is a concurrent dataflow programming language that preceded the E programming language. It is used for distributed applications.</p><h4>Limbo</h4><p>Developed at the Bell Labs, Limbo is used for programming distributed systems. Its striking feature is its compiler’s ability to generate architecture-independent object code. Limbo is used for applications running on Inferno operating system. Alex that was initially a part of the Plan 9 operating system is the predecessor of Limbo.</p><h4>Pict</h4><p>It is a statically typed programming language, which is in the experimental stage today.</p><h4>SALSA</h4><p>Short for Simple Actor Language System and Architecture, SALSA supports concurrent programming, message passing, and distributed computing. It uses Java code for portability.</p><h4>SR</h4><p>Acronym of Synchronizing Resources, SR is a concurrent programming language.</p><h3>Object-Oriented Programming Languages</h3><blockquote><strong>Object-oriented programming</strong> (<strong>OOP</strong>) is a programming paradigm based on the concept of “objects”, which may contain data, in the form of fields, often known as attributes; and code, in the form of procedures, often known as methods. In OOP, computer programs are designed by making them out of objects that interact with one another. (Wikipedia)</blockquote><h4>Agora</h4><p>It is a prototype-based object-oriented programming language that features message passing mechanisms.</p><h4>BETA</h4><p>It is an object-oriented programming language wherein classes and procedures revolve around the same concept and classes are defined as attributes of objects. It has strong abstraction mechanisms. BETA also supports nested classes.</p><h4>Cecil</h4><p>This object-oriented language was created by Craig Chambers at the University of Washington. It is similar to Objective-C and Modula-3.</p><h4>Lava</h4><p>Lava is a visual object-oriented interpreter-based programming language.</p><h4>Lisaac</h4><p>It was the first compiled object-oriented programming language that was based on prototype concepts. It also supports system programming.</p><h4>MOO</h4><p>It is a dynamically typed prototype-based programming language that supports object-oriented programming. It supports exception handling mechanisms and looping constructs.</p><h4>Moto</h4><p>It is an open source server-side programming language that comes with state and session management objects and database connectivity.</p><h4>Object-Z</h4><p>It was developed at the University of Queensland, Australia. It extends the Z programming language by adding object-oriented features to it.</p><h4>Obliq</h4><p>It is an interpreted computer programming language that offers object-oriented programming features. It supports untyped variables and was designed for distributed and multithreaded computations.</p><h4>Oxygene</h4><p>Based on Object Pascal, Oxygene is an object-oriented programming language with a rich feature set. Previously, it was known as ‘Chrome’.</p><h4>Pliant</h4><p>It is based on a dynamic compiler and comes with a unique ability of supporting low-level instruction lists as well as high-level expressions.</p><h4>Prograph</h4><p>It is a visual object-oriented multi-paradigm language that uses symbols to signify the actions to be performed on data.</p><h4>REBOL</h4><p>REBOL is the acronym given to Relative Expression Based Object Language. It is designed for use on distributed platforms and in network communications.</p><h4>Scala</h4><p>The name Scala stands for Scalable Language. It is a multi-paradigm programming language, which offers object-oriented and functional programming features.</p><h4>Self</h4><p>It is an object-oriented prototype-based computer programming language. NewtonScript is used to write programs for Apple Newton and is largely influenced by Self.</p><h4>Slate</h4><p>This object-oriented programming language is based on the concept of prototypes. It derives some of its features from Smalltalk and some from the Self language. The Slate design is intended at providing the programmers with an operating system-like environment.</p><h4>XOTcl</h4><p>It is an object-oriented extension of the Tool Command Language that supports metaclasses and dynamic classes and methods.</p><h4>IO</h4><p>It is a pure object-oriented programming language having a prototype-based object model. It is small in size and can be executed on small portable virtual machines.</p><p>Have a nice day!</p><p>Bradley Nice,<br>Content Manager at <a href="https://clickhelp.com/?utm_source=medium-com&amp;utm_medium=brad-signature&amp;utm_campaign=blogging"><strong>ClickHelp.com — best online documentation tool for SaaS vendors</strong></a></p><figure><a href="https://clickhelp.com/online-documentation-tool/?utm_source=medium-com&amp;utm_medium=footer-banner&amp;utm_campaign=blogging"><img alt="" src="https://cdn-images-1.medium.com/max/1000/1*bHDvd0WRJrS6G6dPmAPY2w.png" /></a></figure><figure><a href="https://t.me/clickhelp_technicalwritingblog"><img alt="" src="https://cdn-images-1.medium.com/max/700/1*Rz0rptlIQQsWrvYCyjt2Zw.png" /></a></figure><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=1d8bc5a891f" width="1" height="1" alt=""><hr><p><a href="https://medium.com/web-development-zone/a-complete-list-of-computer-programming-languages-1d8bc5a891f">A Complete List of Computer Programming Languages</a> was originally published in <a href="https://medium.com/web-development-zone">Web Development Zone</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Top Free Website Statistic Tools]]></title>
            <link>https://medium.com/web-development-zone/top-free-website-statistic-tools-464599c98154?source=rss----a78024278617---4</link>
            <guid isPermaLink="false">https://medium.com/p/464599c98154</guid>
            <category><![CDATA[seo]]></category>
            <category><![CDATA[marketing]]></category>
            <category><![CDATA[web-development]]></category>
            <category><![CDATA[website]]></category>
            <category><![CDATA[analytics]]></category>
            <dc:creator><![CDATA[Bradley Nice]]></dc:creator>
            <pubDate>Fri, 09 Dec 2016 15:35:12 GMT</pubDate>
            <atom:updated>2018-09-28T07:29:15.208Z</atom:updated>
            <content:encoded><![CDATA[<p>by Bradley Nice, Content Manager at <a href="https://clickhelp.com/online-documentation-tool/?utm_source=medium-com&amp;utm_medium=brad-top-link&amp;utm_campaign=blogging">ClickHelp.com — software documentation tool</a></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*nvFW2oXkVqzO7w9I9KLxLw.jpeg" /></figure><p>A web analytics tool is necessary for every website to keep track of traffic and create strategies according to it. Fortunately, there are tons of web statistics tools available.</p><p>Although each analytics tool has its own unique features, but choosing the right one is of utmost importance. <strong>Using multiple analytics tools is really bad for the performance of your website</strong>, so you should select only 1–2 tools that offer all the features you need.</p><p>In this article, I will list down top free website statistics tools. Choose the one(s) that fits your needs best.</p><h3><a href="http://statcounter.com/">StatsCounter</a></h3><p>This one is a free online visitor stats tool. It allows to monitor the number of hits to their website; the geographical location of visitors; the various pages a visitor views; keywords used to find the site plus other features.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/468/0*uBkUfgNalXx5daT5.jpg" /></figure><h3><a href="http://www.sitemeter.com/">Site Meter</a></h3><p>Site Meter’s real time website tracking and counter tools give you instant access to vital information and data about your sites audience. With its detailed reporting you’ll have a clear picture of who is visiting your site, how they found you, where they came from, what interests them and much more.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/468/0*AYOcEGnF4vvn5_b8.jpg" /></figure><h3><a href="http://www.google.com/analytics/">Google Analytics</a></h3><p>Google Analytics is the enterprise-class web analytics solution that gives you rich insights into your website traffic and marketing effectiveness. Its powerful, flexible and easy-to-use features let you see and analyze your traffic data in an entirely new way. With Google Analytics, you’re more prepared to write better-targeted ads, strengthen your marketing initiatives and create higher converting websites.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/468/0*vr7Ynu5tD4cRBKzk.jpg" /></figure><figure><a href="https://clickhelp.co/free-download/responsive-layouts-getting-started-guide/?utm_source=medium-com&amp;utm_medium=responsive-banner&amp;utm_campaign=blogging"><img alt="" src="https://cdn-images-1.medium.com/max/700/1*MMonANgTHB8TBVir9bo7sA.png" /></a></figure><h3><a href="http://www.feedburner.com/">FeedBurner</a></h3><p>FeedBurner provides custom RSS feeds and management tools to bloggers, podcasters, and other web-based content publishers. The service also keeps track of traffic coming from feed readers. It shows how many people are currently subscribing to them by displaying a chiklet on websites.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/468/0*5krLE8ldw5nAKZjs.jpg" /></figure><h3><a href="http://getclicky.com/">Clicky</a></h3><p>Clicky Web Analytics is yet another way to monitor, analyze, and react to your blog or web site’s traffic in real time.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/468/0*f-FXyi8C0CzQhTgP.jpg" /></figure><h3><a href="http://www.shinystat.com/">ShinyStat</a></h3><p>ShinyStat web analytics allows you to get your website information in real time, to create automatic channels, to analyze detailed conversions and marketing campaign progress (CPC, display, video, mobile).</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/468/0*XvHQZRAJke0ek3pt.jpg" /></figure><h3><a href="http://addfreestats.com/">AddFreeStats Free Web Stats</a></h3><p>AddFreeStats Analytics provides to webmasters free statistics in real-time on their website visitors. It allows you to keep track of how many people visit your website, when they come, how they found your website and much more. The web statistic tool also allows you to select the tracker design displayed on your website pages: invisible or visible, and it’s free.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/468/0*tlwKscdJ-LYePWKc.jpg" /></figure><h3><a href="http://www.crazyegg.com/">Crazy Egg</a></h3><p>Crazy Egg’s Confetti and Heatmap features are simple and affordable web analytics and usability tools that allow you to visually understand website user behavior.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/468/0*muCgB5FxDgkcWU9u.jpg" /></figure><h3><a href="http://gostats.com/">GoStats</a></h3><p>GoStats is fully customizable and can give you the statistics information that is most important to your web site. You can have a visible or invisible counter. Setup is fast and easy, in no time you can get a wealth of data about your web site traffic and how visitors use your site.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/468/0*rmXjDmfDg7eMk2j1.jpg" /></figure><h3><a href="http://pmetrics.performancing.com/">pMetrics</a></h3><p>pMetrics is a blog stats package that gives bloggers a more personal understanding of their blog visitors with its clean and simple interface, real-time live statistics and search keyword tracking.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/468/0*k6jNCPKoHmWPimH1.jpg" /></figure><h3><a href="http://www.w3counter.com/">W3Counter</a></h3><p>W3Counter is a free web statistics and analytics package. It provides the standard features that web packages usually provide i.e. Visits and Page Views, Feed stats, Sources, System, Browsers, Screen resolution etc. This web statistics tool also lets you store unlimited about of stats.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/468/0*oRevDZloNI5B8wJ7.jpg" /></figure><h3><a href="http://www.onestatfree.com/">OneStat Free</a></h3><p>OneStat Free is a password-protected free hit counter and tracker for tracking website pages. It monitors and analyzes all the visitors to your website in real-time. Your site is automatically listed in the charts which will drive traffic to your website.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/468/0*jn1pxHaI5OqkgDgm.jpg" /></figure><p>Have a nice day!</p><p>Bradley Nice,<br>Content Manager at <a href="https://clickhelp.com/online-documentation-tool/?utm_source=medium-com&amp;utm_medium=brad-top-link&amp;utm_campaign=blogging">ClickHelp.com — best online documentation tool for SaaS vendors</a></p><figure><a href="https://clickhelp.com/online-documentation-tool/?utm_source=medium-com&amp;utm_medium=footer-banner&amp;utm_campaign=blogging"><img alt="" src="https://cdn-images-1.medium.com/max/1000/1*Sjn_ekNvtfPuKl9Qypm-_Q.png" /></a></figure><figure><a href="https://t.me/clickhelp_technicalwritingblog"><img alt="" src="https://cdn-images-1.medium.com/max/700/0*3350NKjARLehsI6s" /></a></figure><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=464599c98154" width="1" height="1" alt=""><hr><p><a href="https://medium.com/web-development-zone/top-free-website-statistic-tools-464599c98154">Top Free Website Statistic Tools</a> was originally published in <a href="https://medium.com/web-development-zone">Web Development Zone</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Where To Start As A Front-End Web Developer?]]></title>
            <link>https://medium.com/web-development-zone/where-to-start-as-a-front-end-web-developer-cb7123bc84bb?source=rss----a78024278617---4</link>
            <guid isPermaLink="false">https://medium.com/p/cb7123bc84bb</guid>
            <category><![CDATA[frontend]]></category>
            <category><![CDATA[programming]]></category>
            <category><![CDATA[web-design]]></category>
            <category><![CDATA[web-development]]></category>
            <category><![CDATA[front-end-development]]></category>
            <dc:creator><![CDATA[Bradley Nice]]></dc:creator>
            <pubDate>Sat, 05 Nov 2016 13:40:38 GMT</pubDate>
            <atom:updated>2018-09-28T07:23:41.531Z</atom:updated>
            <content:encoded><![CDATA[<p>by Bradley Nice, Content Manager at <a href="https://clickhelp.com/online-documentation-tool/?utm_source=medium-com&amp;utm_medium=brad-top-link&amp;utm_campaign=blogging">ClickHelp.com — software documentation tool</a></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*bYAIrVBRWSCCKnbtST8XTw.jpeg" /></figure><blockquote>Front-end development is like an ocean. You happen to have a ship, but no map. First learn the shallow waters, then go deep.</blockquote><p>Becoming a front-end developer is one of the hottest and most lucrative jobs in the job market today. There is always a high demand for highly skilled developers.</p><p>Front-end developer is the most popular term for a web developer who focuses on code which is run by the web browser. For a front-end developer the average salary is $75k to $100k for 2+ years experience.</p><p>A few traits of being a good front-end web developer are:</p><ul><li>Thorough</li><li>Empathetic</li><li>Strong communication skills</li><li>Good at working with diverse groups of people</li><li>Interested in design and aesthetics</li><li>The ability to visualize structure in a concept</li></ul><p>When we talk about the Front-End we are referring to the languages that are interpreted by the users browser as opposed to the Back-End which are the languages being interpreted on the server (of the website the user is connecting to). The Front-End languages that are interpreted by the browser are HTML (Hyper Text Markup Language), CSS (Cascading Style Sheet), and JavaScript and each serve a unique purpose.</p><p>So tip #1 is</p><h3>1. Learn HTML &amp; CSS</h3><p>I guess there’s no way around it. Learn HTML &amp; CSS. Why? Because the basics matter.</p><p>HTML (Hyper Text Markup Language) and CSS (Cascading Style Sheets) are the most fundamental building squares of web coding. Without these two things, you can’t make a site outline, and all you’ll wind up with is unformatted plain content on the screen.</p><p>There are all kinds of different online courses and books available on how to get started with HTML and CSS. For example, try out these:</p><blockquote><strong><em>Sites: </em></strong><a href="http://www.codecademy.com/tracks/web"><em>Codecademy</em></a><em>, </em><a href="https://www.freecodecamp.com/map-aside#nested-collapseHTML5andCSS"><em>FreeCodeCamp.com</em></a><em>, </em><a href="http://www.sololearn.com/Course/HTML/"><em>SoloLearn</em></a><em> (HTML), </em><a href="http://www.sololearn.com/Course/CSS/"><em>SoloLearn</em></a><em> (CSS), </em><a href="https://teamtreehouse.com/learn/html"><em>Treehouse</em></a><em> (HTML), </em><a href="https://teamtreehouse.com/learn/css"><em>Treehouse</em></a><em> (CSS), </em><a href="http://courses.tutsplus.com/courses/30-days-to-learn-html-css"><em>Tutsplus</em></a><em>, </em><a href="http://www.atozcss.com/"><em>A to Z CSS</em></a><em>, </em><a href="https://dash.generalassemb.ly/"><em>Dash</em></a><em>, </em><a href="https://webaccessibility.withgoogle.com/course"><em>Web Accessibility</em></a><em>, </em><a href="http://www.thehelloworldprogram.com/web-development/"><em>The Hello World</em></a><em>, </em><a href="https://www.khanacademy.org/computing/computer-programming/html-css"><em>Khan Academy</em></a><em>, </em><a href="https://www.udemy.com/learn-html5-programming-from-scratch/"><em>HTML5 from Scratch</em></a><em>, </em><a href="https://www.sitepoint.com/html-css/"><em>Sitepoint</em></a><em>, </em><a href="http://usersnap.com/blog"><em>Usersnap</em></a></blockquote><blockquote><strong><em>Books: </em></strong><a href="https://developer.mozilla.org/en/learn"><em>Mozilla</em></a><em>, </em><a href="http://diveintohtml5.info/"><em>Dive into HTML5</em></a><em>, </em><a href="http://www.htmldog.com/guides/"><em>HTML Dog</em></a><em>, </em><a href="http://learn.shayhowe.com/html-css/"><em>HTML &amp; CSS</em></a><em>, </em><a href="http://joshondesign.com/p/books/canvasdeepdive/toc.html"><em>HTML Canvas</em></a></blockquote><blockquote>(c) <a href="https://medium.com/web-development-resources/the-best-websites-to-learn-coding-5e903400fdff#.p49c51fbp">The Best Websites to Learn Coding</a></blockquote><p>I also recommend developing some small UI elements for practicing your newly learned HTML &amp; CSS skills. <a href="http://codepen.io/">Codepen.io</a> is a great playground for that. Browse other people’s projects and participate in the community there.</p><figure><a href="https://clickhelp.co/free-download/responsive-layouts-getting-started-guide/?utm_source=medium-com&amp;utm_medium=responsive-banner&amp;utm_campaign=blogging"><img alt="" src="https://cdn-images-1.medium.com/max/700/1*MMonANgTHB8TBVir9bo7sA.png" /></a></figure><h3>2. Build Things</h3><p>Playing around with (small) UI elements is one thing. Creating an actual landing page or website is something different. At some point, you will eventually start using JavaScript snippets.</p><p>JavaScript is a robust programming language and you can expect to spend much more time learning it than for HTML and CSS which are fairly simple in comparison.</p><p>After learning the fundamentals of JavaScript I would suggest learning more advanced topics such as JavaScript libraries like: jQuery, Underscore, React, Angular2, Riot, etc.</p><p><em>Check out a list of sites and books on them: </em><a href="https://medium.com/web-development-resources/the-best-websites-to-learn-coding-5e903400fdff#.p49c51fbp"><em>The Best Websites to Learn Coding</em></a></p><h3>3. Read, Read, Read</h3><p>I guess there’s no way around this. Believe it or not. Your reading skills greatly influence your path to becoming a great front-end developer. Especially when starting out, there’s a lot of reading required.</p><p>At first you’ll probably read a lot of articles, guides and manuals on how to do different things. You’ll also start reading other people’s code.</p><p><em>You might want to check: </em><a href="https://medium.com/web-development-zone/useful-docs-and-guides-for-front-end-developers-6a13fc395783#.uy224ee77"><em>Useful Docs and Guides for Front-End Developers</em></a></p><h3>4. Front-End Development Is Not Only About Building Websites</h3><p>If you followed my tips from 1 to 3, you have probably already done a course or have read a lot of tutorials and are now able to throw together a website.</p><p>However, that doesn’t equate to being a “front-end developer”. Knowing how to build a website is a very small part of the front-end puzzle.</p><p>There is a whole load of topics for you to learn. If we consider performance, testing, QA and many other areas, then you really need to become a deep diver as a front-end developer.</p><h3>5. Know Your Tools</h3><p>As you start your journey with front-end development, you will need to decide on your toolkit and the services you need to to make your life easier. Learning about the different tooling options is an important thing. Great tools will help you enhance and automate your front-end development workflow.</p><p><em>The following post might help you: </em><a href="https://medium.com/wd-tips-tricks/the-ultimate-list-of-best-free-tools-resources-for-front-end-web-developers-983c65de3300#.6ni3gt4qv"><em>The Ultimate List of Best Free Tools &amp; Resources for Front-End Web Developers</em></a></p><h3>6. Be The Middleman</h3><p>As a front-end developer, you need to be aware that you put yourself in some kind of middleman role. As a middleman, you are in touch with QA people, clients, UX experts as well as other developers. You will need to take different perspectives into consideration.</p><p>That is why, besides learning the basics of HTML, CSS and JavaScript, you need to make sure to be able to communicate clearly.</p><h3>7. Don’t Rush And Ask Questions</h3><p>Along the way, you will ask yourself why you do this and you may want to just stop. It may be tempting to just give up. But don’t. If you’re at that point, I have only one advice for you:</p><p><strong>DO_NOT_GIVE_UP</strong></p><p>Set aside one or two hours every other day to learn. Take a lot of breaks and make sure that you really know the basics. And never rush.</p><p>The basics form the foundation which will help you get to the next level.</p><p>If you feel stuck, don’t be afraid to ask questions. Everyone goes through this phase and having the patience to stick it out will help you come out in the end as a pro in front-end development.</p><h3>Wrapping up</h3><p>The path to becoming a front-end developer will definitely take some time. As presented in this blog post, becoming a front-end developer is not only about learning various front-end frameworks and programming languages. It’s about the interaction, responsibilities and roles as a front-end developer.</p><p>Because the web is a rapidly evolving universe, great front-end developers should never stop learning. Even little things like following front-end experts on twitter will have impact on your learning curve.</p><p>You need to have some patience to get there. Rushing doesn’t make sense because it won’t make you happy. Never forget to have fun while learning and experimenting.</p><p>Have a nice day!</p><p>Bradley Nice,<br>Content Manager at <a href="https://clickhelp.com/online-documentation-tool/?utm_source=medium-com&amp;utm_medium=brad-top-link&amp;utm_campaign=blogging">ClickHelp.com — best online documentation tool for SaaS vendors</a></p><figure><a href="https://clickhelp.com/online-documentation-tool/?utm_source=medium-com&amp;utm_medium=footer-banner&amp;utm_campaign=blogging"><img alt="" src="https://cdn-images-1.medium.com/max/1000/1*Sjn_ekNvtfPuKl9Qypm-_Q.png" /></a></figure><figure><a href="https://t.me/clickhelp_technicalwritingblog"><img alt="" src="https://cdn-images-1.medium.com/max/700/0*3350NKjARLehsI6s" /></a></figure><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=cb7123bc84bb" width="1" height="1" alt=""><hr><p><a href="https://medium.com/web-development-zone/where-to-start-as-a-front-end-web-developer-cb7123bc84bb">Where To Start As A Front-End Web Developer?</a> was originally published in <a href="https://medium.com/web-development-zone">Web Development Zone</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Freebies: Amazing Icon Packs]]></title>
            <link>https://medium.com/web-development-zone/freebies-amazing-icon-packs-e97b8696a67?source=rss----a78024278617---4</link>
            <guid isPermaLink="false">https://medium.com/p/e97b8696a67</guid>
            <category><![CDATA[design]]></category>
            <category><![CDATA[icons]]></category>
            <category><![CDATA[web-design]]></category>
            <category><![CDATA[web-development]]></category>
            <category><![CDATA[design-thinking]]></category>
            <dc:creator><![CDATA[Bradley Nice]]></dc:creator>
            <pubDate>Sun, 30 Oct 2016 13:11:02 GMT</pubDate>
            <atom:updated>2025-10-02T07:21:56.914Z</atom:updated>
            <content:encoded><![CDATA[<p>by Bradley Nice, Content Manager at <a href="https://clickhelp.com/">ClickHelp.com — software documentation tool</a></p><p>Whether you’re building a new website, a new app, or a dashboard, you can’t do without great icons.</p><p>The Web is in love with icons, they’re used everywhere from apps to responsive sites, all because they pack information into a small space. And because each set of icons is unique, you can give a different voice to a design, just by switching between sets.</p><p>Today I’ve put together some icon sets of different themes. Some of them have been designed by leading names in the field, others are just regular designers who wanted to give something back to the community.</p><p>Enjoy!</p><h3><a href="http://tympanus.net/codrops/2016/02/25/freebie-checkout-delivery-icons/">Free Checkout and Delivery Icons (AI, EPS, SVG, Sketch, PSD, PNG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*u9u0O7rVfPrzX3-5.jpg" /></figure><h3><a href="https://www.pixelbricksdesign.co.uk/post/free-ecommerce-icon-set-thick-minimalist-icon-set"><strong>Pixelbricks — Thick Minimalist Ecommerce Icon Set (SVG, PNG)</strong></a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*cRGocqopGfmHI7x3rRLoFQ.jpeg" /></figure><h3><a href="https://www.smashingmagazine.com/2016/02/freebie-home-appliance-and-real-estate-icons/">Free Home Appliance And Real Estate Icons (AI, CSH, EPS, SVG, Webfont, Sketch)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*eVfprCjgn5x-6OVl.jpg" /></figure><h3><a href="http://www.graphicsfuel.com/2016/02/apps-and-products-features-free-icon-set/">Free Apps and Products Features Icons (AI, PNG, SVG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*f5yV7lywEvht12Di.jpg" /></figure><figure><a href="https://clickhelp.co/free-download/responsive-layouts-getting-started-guide/?utm_source=medium-com&amp;utm_medium=responsive-banner&amp;utm_campaign=blogging"><img alt="" src="https://cdn-images-1.medium.com/max/700/1*MMonANgTHB8TBVir9bo7sA.png" /></a></figure><h3><a href="http://www.oxygenna.com/news/everyday-carry-isometric-icons">Everyday Carry Isometric Icons (AI, PSD, PNG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*tRS1fCQXb90uiIbF.jpg" /></figure><h3><a href="https://speckyboy.com/free-nucleo-flat-business-icon-set/">Nucleo Flat Business Icons (AI, SVG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*EcSkm9zMHpH7dedN.jpg" /></figure><h3><a href="https://picons.me/download-social.php">Picons — Free Social Icons (AI, PDF, PSD, EPS, SVG, PNG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*RYwjCftYAbjmw1w5.jpg" /></figure><h3><a href="http://www.epicpxls.com/freebies/icons/shopping-and-e-commerce-icons">Shopping and E-commerce Icons (AI, PSD)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*NL2HhrckqZhUHCYt.jpg" /></figure><h3><a href="http://tympanus.net/codrops/2016/01/29/freebie-science-line-icons/">Free Science Line Icons (AI, EPS, PDF, SVG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*XRnXQVRJd8bdOvSe.jpg" /></figure><h3><a href="https://www.uxpin.com/uxpin-icon-set.html">Free UXpin Icons (AI, PSD, PDF, Font, PNG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*FDCVfIv5pU_S3cCN.jpg" /></figure><h3><a href="https://dribbble.com/shots/2488469-Basic-Ui-Set">Free Basic UI Icons</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*LjXVnebMHvM7CDBU.jpg" /></figure><h3><a href="http://www.oxygenna.com/news/set-of-free-isometric-line-icons">Free Isometric Line Icons (AI, PSD, PNG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*EK4RQ6ZHfR581lIz.jpg" /></figure><h3><a href="http://www.csswinner.com/blog/free-internet-vector-icons">Free Internet Vector Icons (AI, PSD)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*qyjoki_FUxy_Niqf.jpg" /></figure><h3><a href="http://ewebdesign.com/web-navigation-icons/">Web Navigation Icons (PNG, SVG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*segM1kylLLktka6z.jpg" /></figure><h3><a href="https://dribbble.com/shots/2459452-72-Icons-Free-Download">Free Icons (AI, Sketch, PSD, and SVG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*JxStrcmxRWKufCsC.jpg" /></figure><h3><a href="https://iconstore.co/icons/wireframing-icons-vol1/">Wireframing Icons (AI, SVG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*QhAWKOvpvJs0KYLq.jpg" /></figure><h3><a href="http://www.swifticons.com/freebie">Swifticons- Freebie v2 (AI, EPS, PNG, Sketch, SVG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*3xDb8yAeuvLebEQZ.jpg" /></figure><h3><a href="https://www.behance.net/gallery/27108851/Linea-Free-Iconset">Linea — Free Icons PSD</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*k4bMK4vGhFKB6xta.jpg" /></figure><h3><a href="http://tympanus.net/codrops/2015/12/18/freebie-allergen-friendly-cosmetics-and-food-icons/">Free Allergy Info Cosmetic &amp; Food Icons (AI, EPS, PSD, SVG, PNG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*cB195bmNAsmaNAUB.jpg" /></figure><h3><a href="https://dribbble.com/shots/2421400-Social-icons">Social Media Icons PSD</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*mvdchTDrPHhPeqFJ.jpg" /></figure><h3><a href="https://dribbble.com/shots/2425177-120-Free-Set-PSD-Colorful-Ficons-Icons">Ficons — Free Flat Icons PSD</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*PbTTZR0K9JfIskVc.jpg" /></figure><h3><a href="http://sliceberry.com/product/uicons/">UIcons — 140 Free Icons (AI, SVG, PDF, EPS, PNG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*DOpv-bhmff9fPL0A.jpg" /></figure><h3><a href="http://www.oxygenna.com/news/set-of-free-document-icons">Free Document Icons (AI, PSD)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*yssPWraYNIrjOnYD.jpg" /></figure><h3><a href="http://tylerbrooksdesigns.com/projects/free-icons/">Free Annual Report Icons (AI, SVG, Font)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*0Vz7kZcYkBvAHeiK.jpg" /></figure><h3><a href="http://psdfreebies.com/psd/40-free-high-quality-line-icon-set-psd/">Free Line Icons PSD</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*uwMpBbunNOaxqZep.jpg" /></figure><h3><a href="http://www.graphicsfuel.com/2015/12/75-free-outline-icons/">Free Outline Icons (AI, EPS)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*4BTdjnPJ-gOPN0HV.jpg" /></figure><h3><a href="http://www.byteswire.com/exclusive-freebie-36-designer-icons-set-from-vector4free-com/">Free Designer Icons (AI, PSD, PNG, SVG, EPS)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*0W1rwyF3HD7NZFv2.jpg" /></figure><h3><a href="http://www.webalys.com/nova/free-icons.html">Nova — Free 350 Material Style Icons (Sketch, AI, SVG, PDF, EPS, Iconjar)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*yFmVrp91Ii80A51W.jpg" /></figure><h3><a href="http://speckyboy.com/2015/11/26/freebie-flat-vector-art-tools-icon-set/">Free Flat Vector Art Tools Icons (AI, PSD, EPS, SVG, PNG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*iHopLOUtVAnNsXZA.jpg" /></figure><h3><a href="http://design.printexpress.co.uk/dev-up-a-free-web-developer-icon-set/">Free Web Developer Icons (AI, PSD, EPS, SVG, PNG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*FeVakwJ6BOz1rov0.jpg" /></figure><h3><a href="https://symu.co/freebies/icons-0/ceres-icon-set-vol-1/">Free Ceres Icon Set (AI, SVG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*PrNNTRQUaRYeDyRN.jpg" /></figure><h3><a href="http://www.oxygenna.com/news/new-free-set-of-12-tone-stationary-icons">Free Stationary Tone Icons (PSD, AI, PNG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*qgus0W6OAlRri6OT.jpg" /></figure><h3><a href="http://freegoodiesfordesigners.blogspot.se/2015/11/70-awesome-xmas-icons.html">Free Xmas Icons (PSD, AI, SVG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*NBEZymOwGMxviwM5.jpg" /></figure><h3><a href="http://zippypixels.com/product/freebies/20-free-christmas-icons-pack-ai-eps-svg-png-formats-included">Free Christmas Icons (AI, EPS, SVG, PNG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*yENYzOAgbcJiu7JB.jpg" /></figure><h3><a href="http://www.epicpxls.com/freebies/icons/seo-icons">Free SEO Icons PSD</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*HkCRg_cPNDwOQJra.jpg" /></figure><h3><a href="http://www.graphicsfuel.com/2015/11/ecommerce-icon-set/">Free Ecommerce Icons (AI, EPS, SVG, PDF)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*axnnuOgIYMt7yGch.jpg" /></figure><h3><a href="http://www.smashingmagazine.com/2015/11/freebie-voyage-icon-set/">Free Voyage Icons (AI, EPS, SVG, PNG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*r_gLf7wT9xnZabBo.jpg" /></figure><h3><a href="http://graphicburger.com/creative-fields-icon-set/">Creative Fields Icons (AI, EPS)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*h5-hYUQbZR3nEtAF.jpg" /></figure><h3><a href="https://dribbble.com/shots/2328280-City-Icons">Free City Icons (AI, EPS, PDF, PSD, SVG, Webfont)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*l5L7PvlAej-WHNi3.jpg" /></figure><h3><a href="http://www.dreamstale.com/freebie-20-flat-vector-icons/">Free Flat Vector Icons (AI, EPS, PNG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*x5GTBOpZGoXy_C0G.jpg" /></figure><h3><a href="https://dribbble.com/shots/2328747-280-Free-Office-General-Icons">Free Office and General Use Icons (AI, EPS, SVG, PNG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*qhIY_fgm9DPx9IbX.jpg" /></figure><h3><a href="https://www.behance.net/gallery/30981009/450-Simple-Oultine-Icons-%28FREE-DOWNLOAD%29">Free Simple Oultine Icons (AI, EPS, SVG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*_E9fwLMr-UF3vphL.jpg" /></figure><h3><a href="http://www.graphberry.com/item/free-line-business-icons-pack">Free Line Business Icons (AI, EPS, SVG, PNG, PSD)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*hD4yrBbBm3XfDq0R.jpg" /></figure><h3><a href="https://dribbble.com/shots/2316420-Random-Stuff-Iconset-vol-3">Random Stuff Icons (AI)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*nkkwE_7SgV1Zm8VQ.jpg" /></figure><h3><a href="https://dribbble.com/shots/2304808-FREEBIES-Various-Purchase-Buy-Icons">Free Various Purchase / Buy Icons (AI, EPS)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/800/0*ieBrd80VUnGooghD.jpg" /></figure><h3><a href="http://tylerbrooksdesigns.com/projects/icon-font/">Free Web and App UI Icons (AI, Icon Font)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/800/0*1xjb9VHJ65fS2fyb.jpg" /></figure><h3><a href="http://www.plugandplaydesign.co.uk/engage/free-download-responsive-ecommerce-icon-set/">Free Responsive E commerce Icons (JPG, NPG, AI, PDF, EPS, and SVG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/800/0*7xIkqJi4yrcVVaKo.jpg" /></figure><h3><a href="https://www.behance.net/gallery/30474321/Meecons-10">Meecons 1.0 — Free Icons (AI, PDF)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/800/0*avIUz8SSPYnKBNgJ.jpg" /></figure><h3><a href="http://www.baianat.com/resources/thousands/">Thousands — Free Colored &amp; Wired Icons (AI, PSD, SKetch, SVG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/800/0*Xe5ai7ja23SiPtfx.jpg" /></figure><h3><a href="https://dribbble.com/shots/2280097-Line-Icons-Freebie">Linearicons — Free Line Icons (AI, PSD, EPS)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/800/0*8HPftIEummwgMCrn.jpg" /></figure><h3><a href="https://dribbble.com/shots/2266356-Uniicons-free">Uniicons — Free Icons PSD</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/800/0*GdbmY1BJlLwnENNs.jpg" /></figure><h3><a href="http://www.oxygenna.com/news/free-set-of-server-hosting-material-design-icons">Free Server/Hosting Material Design Icons (PSD, PNG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/800/0*kZGviK1iNT-Z5BWz.jpg" /></figure><h3><a href="http://graphicburger.com/illustricons-36-free-icons/">Illustricons — Free Icons (EPS, SVG, PNG, AI)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/800/0*G99KQdaWQYKgFL2I.jpg" /></figure><h3><a href="http://iconstore.co/icons/bikini-60s/">Bikini 60s — Free Icons (AI, PSD, SVG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/800/0*v4aGAtlPa6Vpbjpk.jpg" /></figure><h3><a href="http://www.epicpxls.com/freebies/icons/material-multimedia-icons">Free Material Multimedia Icons PSD</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/800/0*AQp7D3uiT-I5WPsi.jpg" /></figure><h3><a href="https://dribbble.com/shots/2043091-Credit-Cards-Free">Credit Card Icons PSD</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*oNYh5rVhnosyiplC.jpg" /></figure><h3><a href="http://www.graphicsfuel.com/2015/05/100-free-icons-in-4-styles/">100 Free Icons (Ai, PSD, PNG, SVG, Sketch)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*omA5a9oMLOR0RkCn.jpg" /></figure><h3><a href="https://dribbble.com/shots/2036493--PSD-Freebie-70-Simple-Icons">Free Line Icons PSD</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*oFiWhj4ujXOft3w6.jpg" /></figure><h3><a href="http://graphicburger.com/blunicons-60-essentials-icons/">Blunicons — Fre Essentials Icons (AI, SKETCH, SVG, PNG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*587V2_ixf0Z4HIeT.jpg" /></figure><h3><a href="http://www.themeraid.com/freebies/art-icons/">Free Vector Art Icons (AI)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*Ng0oLCB0bGvMWaAb.jpg" /></figure><h3><a href="http://www.pixellove.com/free-ios-construction-icons">Free Construction Icons for iOS 8 (AI, EPS, SKETCH and PNG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*SNMnO4sfIy-8t7zd.jpg" /></figure><h3><a href="http://www.designtory.net/free-psd/66-outline-free-icons-set/">Free Outline Icons (AI, EPS)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*R7JaSqZuZ5ToaejN.jpg" /></figure><h3><a href="https://www.behance.net/gallery/24981763/90-Free-Line-Icons">Free Line Icons PSD</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*NxPOtumazXJ1csHm.jpg" /></figure><h3><a href="http://invadersthemes.com/web-resources/pamoke-free-icon-set/">Pamoke Free Icons (AI, EPS, PNG)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*Lkp6rHUk3BQj36Sx.jpg" /></figure><h3><a href="https://dribbble.com/shots/2020043-75-Various-Outline-Icon-Set">Free Outline Icons (AI, EPS)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*KrCnMBP3fEFHOZi9.jpg" /></figure><h3><a href="http://icons8.com/c/flat-color-icons">Free Flat Color Icons</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*tpB0ChKfRi39SSRG.jpg" /></figure><p>Have a nice day!</p><p>Bradley Nice,<br>Content Manager at <a href="https://clickhelp.com/online-documentation-tool/?utm_source=medium-com&amp;utm_medium=brad-top-link&amp;utm_campaign=blogging">ClickHelp.com — best online documentation tool for SaaS vendors</a></p><figure><a href="https://clickhelp.com/online-documentation-tool/?utm_source=medium-com&amp;utm_medium=footer-banner&amp;utm_campaign=blogging"><img alt="" src="https://cdn-images-1.medium.com/max/1000/1*Sjn_ekNvtfPuKl9Qypm-_Q.png" /></a></figure><figure><a href="https://t.me/clickhelp_technicalwritingblog"><img alt="" src="https://cdn-images-1.medium.com/max/700/0*3350NKjARLehsI6s" /></a></figure><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=e97b8696a67" width="1" height="1" alt=""><hr><p><a href="https://medium.com/web-development-zone/freebies-amazing-icon-packs-e97b8696a67">Freebies: Amazing Icon Packs</a> was originally published in <a href="https://medium.com/web-development-zone">Web Development Zone</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Top Blogs About Web Design And Web Development]]></title>
            <link>https://medium.com/web-development-zone/top-blogs-about-web-design-and-web-development-57706bb620be?source=rss----a78024278617---4</link>
            <guid isPermaLink="false">https://medium.com/p/57706bb620be</guid>
            <category><![CDATA[programming]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[design]]></category>
            <category><![CDATA[web-development]]></category>
            <category><![CDATA[web-design]]></category>
            <dc:creator><![CDATA[Bradley Nice]]></dc:creator>
            <pubDate>Tue, 20 Sep 2016 17:50:42 GMT</pubDate>
            <atom:updated>2018-09-28T07:17:41.907Z</atom:updated>
            <content:encoded><![CDATA[<p>by Bradley Nice, Content Manager at <a href="https://clickhelp.com/online-documentation-tool/?utm_source=medium-com&amp;utm_medium=brad-top-link&amp;utm_campaign=blogging">ClickHelp.com — software documentation tool</a></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Vla742wbEEHodHnXfqpa3A.jpeg" /></figure><p>For today’s post I searched the web for sites that had content that would make a difference to web designers and developers. I looked for sites with well-written, clear, and substantial articles and for content that discussed CMS’s such as WordPress, tools such as Photoshop, tutorials for code such as CSS and HTML, thoughts on user experience (UX) and user interfaces (UI), tips, tricks, resources, and freebies.</p><p>In today’s post we’ll have a look at the 55 best blogs and websites for web designers and developers.</p><p>Please note that blogs are in no particular order.</p><p>Enjoy!</p><h3>1. <a href="http://www.webdesignerdepot.com/">Web Designer Depot</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*vWgLjDZ1g1O6edhG0uMzzA.jpeg" /></figure><p>Web Designer Depot is a collaboration between designers worldwide who contribute features, articles, and tutorials to help grow the design community. Topics include HTML 5, CSS3, responsive design, typography, usability, jQuery, mobile apps, resources, business, freelancing, inspiration, and more.</p><h3>2. <a href="http://www.instantshift.com/">InstantShift</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*zMnGsEmrt2qKdCUnR9OUnA.jpeg" /></figure><p>InstandShift is a popular community for web designers and developers. There’s a lot of excellent posts about WordPress, Web Design, CSS, Tools, Tutorials, Fonts, Photography and so much more.</p><h3>3. <a href="https://css-tricks.com/">CSS-Tricks</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*6W7ZrIsSLOPxz3VScuhxbg.jpeg" /></figure><p>Founded by Chris Coyier, this site originally covered CSS and now has a team of 11 that covers every aspect of web design and development. Their content includes articles, videos, code snippets, etc., and includes tutorials, news, general information, and more.</p><figure><a href="https://clickhelp.co/free-download/responsive-layouts-getting-started-guide/?utm_source=medium-com&amp;utm_medium=responsive-banner&amp;utm_campaign=blogging"><img alt="" src="https://cdn-images-1.medium.com/max/700/1*MMonANgTHB8TBVir9bo7sA.png" /></a></figure><h3>4. <a href="http://www.hongkiat.com/blog/">Hongkiat</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*WdpHOZ4fjia9r8vzXR4qeA.jpeg" /></figure><p>Since 2007 this site has produced articles, tutorials, recommended tools, tips and tricks, and more for designers, developers, techies, and bloggers. They like to write about plugins, tools, desktop and mobile apps, gadgets, gift ideas, and anything else they find interesting.</p><h3>5. <a href="http://sixrevisions.com/">Six Revisions</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*tVmL99AzBq2aeGWyZxRVKQ.jpeg" /></figure><p>Launched in 2008 by Jacob Gube, this site covers web design and development for anyone who designs and builds websites and apps. They publish articles, news, tutorials, guides, and more. The site covers topics ranging from Photoshop to freelancing and everything in between.</p><h3>6. <a href="https://www.smashingmagazine.com/">Smashing Magazine</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*1joyKJ5nubJ8yBWn51xpsg.jpeg" /></figure><p>Founded by Vitaly Friedman and Sven Lennartz, this site produces articles, tutorials, and more for designers and developers. Topics include design, UX design, code, WordPress, mobile apps and design, graphics, etc. They cover software, concepts, news, etc., that includes CSS, Photoshop, eCommerce, plugins, themes, and lots more.</p><h3>7. <a href="http://www.vandelaydesign.com/">Vandelay Design</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*UfoTcGPbK-x-1ECYSqqSKw.jpeg" /></figure><p>The focus of this site is to equip creatives, small business owners, and entrepreneurs with the tools to develop their business ideas. They have lots of articles on web design, writing, web development, and more. They also have links to free resources, a shop with premium resources, and they give back to the community by providing free WordPress themes.</p><h3>8. <a href="http://thenextweb.com/">TheNextWeb (Design &amp; Dev)</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*50iXvx0c3Wgdi3rccgXcJA.jpeg" /></figure><p>This site has produced articles since 2006 that focus on international technology news, design, business, culture, and more. Content includes how-to, code, UX design, links and news about deals and courses, streaming videos of designing events, hardware, software, reviews, upcoming events, graphic design, and more.</p><h3>9. <a href="https://speckyboy.com/">SpeckyBoy</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*JoRcXdr7YLKxxaCV5HxZLw.jpeg" /></figure><p>Paul Andrew launched this site in October 2007 as a personal freelance web design homepage. It’s now grown into a web design magazine. It has tons of tutorials, resources, time-saving techniques, and even inspirational art. Topics include web design and development, graphic design, mobile development, advertising, design styles and trends, tech news, and more.</p><h3>10. <a href="http://alistapart.com/">A List Apart</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*5jtmfby56BNI1__pI45dvg.jpeg" /></figure><p>This site launched way back in 1998 by Jeffrey Zeldman. Articles focus on web design and are geared toward designers, developers, architects, specialists, strategists, project managers, and writers. Topics include code, content, design, business and the industry, tools, techniques, UX, and more.</p><h3>11. <a href="https://www.fastcodesign.com/">FastCo Design</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*CVI8XbxgY38f-_YRDNsAbg.jpeg" /></figure><p>This is a business technology magazine that focuses in the intersection between business and design. It covers a wide range of topics that include electronics, UX, graphic design, architecture, fashion, consumer products, and much more. Designers provide insights, opinions, tips, news, and much more.</p><h3>12. <a href="https://designshack.net/">DesignShack</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*twllivvpL7swvoWlsNVUKA.jpeg" /></figure><p>This design website produces many articles that showcase inspiring web design. They also produce resources and tutorials. They focus on design and catalogue the greatest projects on the web. They produce regular articles that teach readers new techniques for creating their own designs and share daily news from the industry. Topics include websites, typography, business branding, shortcuts, and lots more.</p><h3>13. <a href="http://blog.spoongraphics.co.uk/">Spoon Graphics</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ZYxSga_t8_JGBH9HM9DlVA.jpeg" /></figure><p>This is the design blog of Chris Spooner. He shares tips, resources, and inspiration to help designers of all education and skill levels. Content includes tutorials, articles, videos, news, and links to free resources. Topics focus on graphic design, graphic software, typography, templates, logos, and more. There’s also a members-only area that includes tons of downloads.</p><h3>14. <a href="http://tympanus.net/codrops/">CoDrops</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*gERJG2kscdLTaLlzQYJ1EA.jpeg" /></figure><p>This design blog is from freelance web designers and developers Manoela Ilic and Pedro Botelho. It started as an experimental blog and became a place for sharing the passion for web design and web development. The team, as well as other contributors, publish articles and tutorials about the latest web trends, techniques, and more. It includes tutorials, freebies, a CSS reference, a playground for experiments, blueprints that discusses web design concepts, and a collective that includes design and news resources from the community. They also host giveaways.</p><h3>15. <a href="http://tutorialzine.com/">TutorialZine</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Q-AFMMQNVIbs0nWdmsn_cA.jpeg" /></figure><p>This site comes from a team of web developers and designers based in Varna, Bulgaria. Articles include tips, tutorials, freebies, compilations, UI, UX, news, and experiments. The articles cover a lot of code development and include HTML5, CSS3, jQuery, JavaScript, and PHP. They even have a free ebook on jQuery.</p><h3>16. <a href="http://hackingui.com/">HackingUI</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*dPjf0gS-cwbszLEPmoTEYg.jpeg" /></figure><p>This one is an online magazine founded by Sagi Shrieber and David Tintner that covers interaction design and front end development. It covers design, code, freebies, inspiration, productivity, Sketch, and more. They have lots of tutorials and articles that include Photoshop, CSS, JavaScript, business, personal life, links to free icons, templates, giveaways, interesting sites, reviews, and lots more.</p><h3>17. <a href="https://web-design-weekly.com/">Web Design Weekly</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*um5Nc_q4_ELnyQQwxovj7Q.jpeg" /></figure><p>This site is a weekly magazine and blog that was created and is maintained by Jake Bresnehan. The magazine includes headlines, articles, tools, resources, inspiration, jobs, and more. Both the magazine and the blog include articles about programming code (CSS, HTML, etc.), tutorials, and more. Most of the content is in the magazine and is delivered via email. There is a heavy focus on code.</p><h3>18. <a href="https://davidwalsh.name/">David Walsh</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*BhOxZPXAjHa6Go-o8lWADQ.jpeg" /></figure><p>This is the blog of JavaScript and HTML5 Consultant David Walsh. It contains lots of articles and tutorials that primarily focus on front-end technology. Topics include code (CSS, HTML, AJAX, JavaScript, etc.), using software, links to resources, themes, design concepts, demos, mobile, browsers, etc.</p><h3>19. <a href="http://naldzgraphics.net/">Naldz Graphics</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*oem0_6U0AugI3Enw9j_PLA.jpeg" /></figure><p>This is a design blog that started in 2008 by Ronald Bien. It showcases tutorials, freebies, inspirations, resources, and more for the design community. Content includes articles, tutorials, freebies, and WordPress themes. It has lots of links to good design examples, free icons, PSD templates, brochure designs, logo designs, and lots more.</p><h3>20. <a href="http://designbeep.com/">Design Beep</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*sTqb8TZ-wrBENJSMHb_IzA.jpeg" /></figure><p>This blog covers lots of topics on design and development. It includes articles, tutorials, tools, resources, freebies, and inspiration. It covers graphics, logos, typography, web design, Photoshop, WordPress themes and plugins, CSS, Illustrator, jQuery, and more. It has plenty of tips, links to downloads, reviews, collections, etc. There are also tips for best practices and themes for specific professions as well as those for all around use.</p><h3>21. <a href="http://pixelhint.com/">PixelHint</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*OaLQoSI0rD9c131UuYP5-w.jpeg" /></figure><p>Here’s is a web design Blog that produces web UI design tutorials. They also share free website templates and web resources for web designers and developers to download. They talk about the latest trends and techniques in web design, and the best tricks and techniques to create websites with the best UI’s. The blog contains lots of tutorials and links to freebies. Tutorials include development concepts and code. Freebies include icons and PSD templates.</p><h3>22. <a href="https://pixelbuddha.net/">PixelBuddha</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*BhuC7lp-eVNFaTwsrtHpLw.jpeg" /></figure><p>This site is from Nick Frost and Greg Lapin. It contains free and premium resources for web developers. Most resources are graphics. Resources include animations, photos, fonts, effects, HTML, icons, templates, and more. The articles discuss the resources. Some of the premium resources also have a free edition.</p><h3>23. <a href="http://graphicburger.com/">GraphicBurger</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*T2EyskSeafOApY9GJwTY7Q.jpeg" /></figure><p>This site’s from Raul Taciu of Cluj-Napoca, Romania and focuses on premium quality design resources that are free. Resources include exclusive PSD files. It also includes freebies from around the world. Resources include mock-ups, UI kits, icons, text effects, backgrounds, and more. The articles discuss the products in detail and provide links for download.</p><h3>24. <a href="http://www.queness.com/">Queness</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*zrtlRkGSJ2Pk_R9j9SnNnA.jpeg" /></figure><p>This is a blog that’s devoted to web design and development that contains lots of tutorials and code snippets. Categories include techniques, tutorials, web design, web development, WordPress, JavaScript, mobile development, typography, and more. Articles include news, giveaways, links to resources, theme roundups, and more.</p><h3>25. <a href="http://inspirationfeed.com/">Inspirationfeed</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*MeXyXhC7gdhutJ0IybjmOA.jpeg" /></figure><p>Managed by Igor Ovsyannykov, this site provides information about design, business, entrepreneurship, WordPress, graphics, deals, and self-development. Articles include tutorials, inspiration, blogging, giveaways, news, themes, textures, wallpapers, SEO, social media, logos, fonts, and lots more. There are also video tutorials and links to freebies.</p><h3>26. <a href="http://designwoop.com/">DesignWoop</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*3h9AfT5feD7TQCpkrWW8yA.jpeg" /></figure><p>This blog provides lots of articles for designers and developers. Topics include tools, freebies, design concepts, inspiration, interviews, WordPress, themes, plugins, tips, tutorials, etc. Articles cover a wide range of tutorials, collections, and links. Links include CSS animation snippets, WordPress themes, icons, typography, examples of websites with good design, wire-framing tools, and lots more. Tutorials include Photoshop, CSS, Sketch, and lots more.</p><h3>27. <a href="http://www.cssreflex.com/">CSSReflex</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*d1GiPGQluVlKb5T52qnstQ.jpeg" /></figure><p>This website, created and maintained by Naeem Noor of Bahrain, is dedicated to web developers, designers, and coders. It provides a lot of tools, resources, code snippets, and tips. It includes a blog, CSS generators, CSS filter effects, CSS demos, responsive calculator, and videos. It discusses blogging, servers, UI design, WYSIWYG builders, icons, architectures, templates, browser extensions for developers, links to resources, and lots more.</p><h3>28. <a href="https://www.viget.com/articles">Viget Inspire</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*c08PoZltWDFvhfcRt2EiwQ.jpeg" /></figure><p>This blog comes from a larger project by Brian Williams, Andy Rankin, and Wynne “Pop” Williams that was established in 1999. The blog covers design and interaction of all kinds. Topics include UX, color, accessibility, news, events, challenges, experiments, branding, apps, games, illustration, tutorials, and lots more.</p><h3>29. <a href="http://winningwp.com/">WinningWP</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*E0EF62S1eoAuMToQLA09mA.jpeg" /></figure><p>This blog, run by Brin Wilson of London, is an award-winning blog that focuses on WordPress-related techniques and resources, and providing useful tips to anyone with an interest in WordPress. The content is provided by web designers, coders, and professional creatives from around the world. Topics include themes, plugins, hosting, SEO, security, performance, tutorials, tips, blogging, widgets, design, marketing, social media, news, trivia, and much more. Even though the primary focus is WordPress other CMS’s are included as well.</p><h3>30. <a href="http://designrfix.com/">Designrfix</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*8hd6c9ULoF2xfcuHFLstZQ.jpeg" /></figure><p>This site is dedicated to all like-minded designers to exchange techniques and inspiration. It includes inspiration, tutorials, freebies, resources, graphic design, web design, and deals. Topics include mobile platforms, content management systems, CSS, jQuery, WordPress themes, tools, resources, icons, links to training videos, illustration, UI, UX, coding, Photoshop, and lots more.</p><h3>31. <a href="http://creativeoverflow.net/">Creative Overflow</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*e1JVmQrjuNZ8kZWtnUY-Gw.jpeg" /></figure><p>This is an online design magazine from Jacques van Heerden. The purpose of the site is to inspire artists to become better through articles, advice, tutorials, resources, and inspiration. Content includes many topics and categories such as collections, freebies, news, interviews, WordPress, news, giveaways, and more. Articles include information about branding, WordPress themes, business development, eCommerce, logos, marketing, and even advice on choosing a printer for your creative business.</p><h3>32. <a href="http://www.onextrapixel.com/">One Xtra Pixel</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*pupUGkXJgs5-gNlGUmEVkw.jpeg" /></figure><p>This is a Singapore-based online magazine for designers and web developers. It provides many resources, articles, tutorials, and links. Topics include design, graphics, WordPress, CSS, social media, development, giveaways, toolkits, events, and more. Tutorials include step-by-step instructions on writing code, modifying images in Photoshop, etc. There’s even a comic strip that’s focused on design and web development, and occasionally other topics.</p><h3>33. <a href="http://www.noupe.com/">Noupe</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ZaTRvGvS9eCOCm2SVWniGA.jpeg" /></figure><p>This is a blog from Commindo Media GmbH &amp; Co. KG in Germany. It’s written specifically for web developers and designers. Topics include Web design, typography, graphics, CSS, JavaScript, Ajax, advertising, marketing, WordPress, eCommerce, freelancing, inspiration, and more. Articles include design tutorials, writing code, using graphics programs, SEO, freebies, cartoons, themes, plugins, tips, tricks, and lots more.</p><h3>34. <a href="http://www.instantshift.com/">InstantShift</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*SSCOpBpJ_FNo21h_4V5Fpw.jpeg" /></figure><p>This is a design and inspiration blog for web designers and developers. It’s a daily resource with content that includes inspiration, articles, tutorials, freebies, web design, WordPress, fonts, CSS, icons, photography, Photoshop, JavaScript, Illustrator, graphic design, Infographics, showcases, logos, news, and lots more.</p><h3>35. <a href="https://www.wpkube.com/">WPKUBE</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*54T9A-5ug3Je48tk4htlCg.jpeg" /></figure><p>This site was founded by Devesh Sharma. It primarily focuses on WordPress and includes tutorials, How-to’s, plugins, news, reviews, tips and tricks, plugins, themes, reviews, security, SEO, beginner’s guides, code, and more. It includes links to resources such as tools, hosting, and money-saving coupons. Articles are written by WordPress professionals and are substantial in length and aimed toward professionals at all levels.</p><h3>36. <a href="http://freshwebdev.com/">Fresh Web Dev</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*vviyTX2WW9jewIow8h5VPA.jpeg" /></figure><p>This site covers web design and development with a focus on WordPress, Javascript, CSS, PHP, Design, HTML5, and others. It includes tutorials and articles for products such as WordPress, Photoshop, writing code, server-side Linux development and setup, fonts, graphics, and more. They also provide links to deals and free resources. The content is written by designers and developers for designers and developers.</p><h3>37. <a href="https://designm.ag/">DesignM.ag</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*NB3qO_Q3GELKhGJcYA4Uew.jpeg" /></figure><p>This is a community-based website that includes a blog, a design gallery, a user-submitted news, and a job board. The blog includes resources such as tools, icons, themes, code snippets, fonts, graphics, etc. Tutorials include Photoshop, web design, and more. Topics also include interviews, inspiration, WordPress, designer showcases, freebies, typography, UI, and more. It covers the full spectrum of web design.</p><h3>38. <a href="https://creativemarket.com/">Creative Market Blog</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*O5h9cDQWYpao8_A8qykGgg.jpeg" /></figure><p>This blog has lots of tutorials about web design and development. It includes lots of articles and tips such as font design and tips to improve typology, tips for using Photoshop, lists of books, solving common designer problems, using negative space, WordPress, PHP, HTML, CSS, inspiration, and more. The target audience is from beginning to advanced website developers and designers.</p><h3>39. <a href="https://www.sitepoint.com/">SitePoint</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*4Gl9RE5b_aeSydiA60vmSg.jpeg" /></figure><p>This blog was founded by Mark Harbottle and Matt Mickiewicz to deliver content such as new ideas, concepts, and new technology. Content includes articles, courses, tutorials, books, or anything else related to designing and building websites. They discuss code (HTML, CSS, PHP, JavaScript, and Ruby), mobile, WordPress, design, UX, entrepreneur, and anything to do with web technologies.</p><h3>40. <a href="https://webdesignledger.com/">Web Design Ledger</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*GLXto4VE608Oc_HdLQrxrw.jpeg" /></figure><p>This is a blog that covers web design and development while providing lots of resources. Categories include webs design, inspiration, UI, graphics, interviews, web development, reviews, and content management systems. Articles include links to free resources, information about events, app tutorials, tools, fonts, icons, vectors, WordPress, Drupel, Ghost, coding, eCommerce, mobile, wearable, typography, and lots more.</p><h3>41. <a href="https://tutsplus.com/">envato tuts+</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*a1IYOSVj1E4WUW_ZkUVhFA.jpeg" /></figure><p>This is a tutorial site with lots of articles for web development and design. Categories include Photoshop, Illustrator, vector, illustration, tools and tips, inspiration, news, designing, text effects, CSS, HTML, UX, UI, workflow, design theory, and lots more. Articles are aimed at the student level and are very extensive. There are also courses that you can subscribe to.</p><h3>42. <a href="http://cognition.happycog.com/">HappyCog’s Cognition Blog</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*fUL9KQAktMct5-lb7huAVA.jpeg" /></figure><p>This blog is from Happy Cog founder Jeffrey Zeldman and primarily focuses on design, experience, and code. Topics include process, design, front-end development, team, project management, community, career, strategy, company, and client relations. Articles include case studies, tutorials, tips, business and customer relations, typography, coding, Photoshop, and much more. Most articles focus on concepts and are well-written and detailed.</p><h3>43. <a href="http://www.webappers.com/">WebAppers</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*YB47a51OpUjxfc2szTeTUg.jpeg" /></figure><p>This is a blog dedicated to sharing open source resources for web developers and designers. For designer it has free icons, fonts, tables, stock photos, brushes, and design inspirations. For developers, there are lots of JavaScript and Ajax components such as plugins, menus, tooltips, charts, galleries, calendars, modal windows, and more. It also covers hosting, eCommerce, social media, tools, security, stats, and lots more. Articles are detailed and advanced.</p><h3>44. <a href="http://webfieldmanual.com">Web Field Manual</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*fdk5y3K56hCwpeh6uqmeuQ.jpeg" /></figure><p>This blog provides a list of resources for designing UX and UI. It was curated and is maintained for web designers by web designers. It includes lots of articles and resources. Topics under design include staying current, inspiration, style guides with dos and don’ts, process, workflow, toolbox, grids and typography with dos and don’ts, animation with dos and don’ts, best practices with dos and don’ts, and accessibility with dos and don’ts. Each category has an extensive list of resources. Topics under code includes getting started, best practices, inspiration, reference, staying current, performance, CSS/SASS, SVG, JavaScript, Workflow, toolbox, and libraries.</p><h3>45. <a href="https://www.uxpin.com/studio/blog/">UXPin Blog</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*OM2L8jPWrNz21orLeBZ37A.jpeg" /></figure><p>UXPin is a product design platform used by web designers. Their blog focuses on all-things UX, regardless of the platform used. It contains tons of articles and tutorials on UX design, mobile, design trends, best practices, design tips, interaction design, UI design, web design, elements and patterns, process, UXPin, wire-framing, graphic design, collaboration, usability, prototyping, Sketch, mockups, Photoshop, and lots more. Articles are very substantial and extremely detailed.</p><h3>46. <a href="https://www.goodui.org/">Good UI</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*74XiC33JQRyuR6Xzu7sWrA.jpeg" /></figure><p>This is a website and blog that focuses on making the best possible website layouts to improve the user interface. The site talks about best practices, layouts, how to merge functions for a cleaner design, using social proof, how and where to repeat your call to action, how to make clickable and selected styles distinct, how to recommend a choice to help users in decision-making, allowing undos for decision mistakes, being specific about who your audience is, showing more contrast, using fewer fields, showing all of the options, and lots more. The information is short, simple, and easy to follow.</p><h3>47. <a href="http://spyrestudios.com/">Spyre Studios</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*_dNplXZK-zQmvRAB96K7WA.jpeg" /></figure><p>This is a web design and development magazine with lots of articles and tutorials. Categories include design, showcase, inspirational, tutorials, CSS, resources, tools, UX, mobile, giveaways, usability, business, typography, Illustrator, Photoshop, minimalism, tools, and more. There are also lots of free downloads of elements, icons, fonts, PSD templates, and more. Articles are substantial in size and contain and lot of step-by-step detail.</p><h3>48. <a href="http://skyje.com/">Skyje</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*SHPONYu9iBWYniygYP40TQ.jpeg" /></figure><p>This blog was founded in 2008 as a site for Web Designers and Web Developers. Topics include social networking, news, and everything related to Web 2.0. Topics include design, WordPress, social media, SEO, logos, inspiration, tutorials, freebies, fonts, icons, Photoshop, templates, etc. The tutorials cover mostly cover graphics with a heavy focus on Photoshop. Others include plugins, code (JavaScript and CSS), and Illustrator.</p><h3>49. <a href="http://www.templatemonster.com/blog/">MonsterPost</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*QtFv-HBcrNpnN55roGw3hg.jpeg" /></figure><p>This is the design blog of Template Monster. Topics include news, articles, tools, freebies, inspiration, Infographics, WordPress, and Joomla. Tutorials include articles and videos and have a heavy focus on WordPress, typography, CSS, HTML, jQuery, Photoshop, Illustrator, web technologies, web development methods, and designing websites and UI elements.</p><h3>50. <a href="http://www.uxmatters.com/">UX Matters</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/979/1*fPHlaD0gk3dhpewnKI8M2g.jpeg" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/985/1*Rd332w5LE7wCucuarVZcPw.jpeg" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/957/1*j3g_vZjcEYxhqwfi-FrvQQ.jpeg" /><figcaption>Here’s the range of topics</figcaption></figure><p>This web magazine was founded by Pabini Gabriel-Petit in 2005 to provide insights and inspiration to UX developers. It provides lots of articles on advice, best practices, topic over-views, and deeper thought pieces that explore the strategic aspects of UX design. Topics include web design, mobile, user research, visual design, web application design, design process, interviews, reviews, content creation, communication design, architecture, business, strategy, and lots more.</p><h3>51. <a href="http://usabilitygeek.com/">Usability Geek</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*cZ8csCbBNChziRAUan9mXg.jpeg" /></figure><p>This blog was started in 2011 by Justin Mifsud as a hobby-site to talk about the importance of website usability. Justin wanted to raise awareness to web designers and developers about the commercial and legal implications of poor usability. Topics include usability, guidelines, testing, User Experience (UX), business, conversion, Human Computer Interaction (HCI), terminology, reviews, resources, and Information Architecture (IA).</p><h3>52. <a href="http://boxesandarrows.com/">Boxes and Arrows</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*oT25GljaCstwBros64jdmg.jpeg" /></figure><p>This is a peer-written journal started in 2001 that discusses all-things design. Topics include interaction design, information architecture, graphic design, and even the design of business.</p><p>Categories include design principles, discovery, research, and testing, process and methods, interfaces, deliverables and documentation, book reviews, conferences and events, software and tools, and workplace and career.</p><h3>53. <a href="http://www.webdesigndev.com/">Web Design Dev</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*qK5Zfq3k-SUvAd6eqtiBww.jpeg" /></figure><p>This site is devoted to all-things web design. Topics include freebies, website templates, WordPress themes, Photoshop, Dreamweaver tutorials, Illustrator, reviews, inspiration, web development, CSS, HTML, roundups, programming, make money online, interviews, and SEO. Every aspect of web design is covered from mobile interfaces to developing eCommerce sites and everything in between.</p><h3>54. <a href="https://www.impressivewebs.com/">Impressive Webs</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*cQ9o8WlLyg2Pyhq5hZFUxQ.jpeg" /></figure><p>This is the personal blog of Louis Lazaris, a freelance web developer, a Managing Editor for SitePoint‘s HTML/CSS content, and author of two books on HTML/CSS. The content is mostly articles on HTML, CSS, and JavaScript. Louis discusses related concepts, principles, and bugs. It includes lots of articles, tutorials, CSS basics, screencasts, news, reviews, and more. There is a strong emphasis on both code and design.</p><h3>55. <a href="http://www.designbombs.com/">Design Bombs</a></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*RIPv8tUOsx5_8sBdlaHLxA.jpeg" /></figure><p>Originally started as a web design gallery, this site has now been reworked to be a place to share web design ideas, articles, tutorials, and resources to help web designers sharpen their craft. Content includes WordPress themes and plugins, roundups of website designs, freebies, exclusive deals, and more. Web designers will find lots of high quality resources here.</p><p>Have a nice day!</p><p>Bradley Nice,<br>Content Manager at <a href="https://clickhelp.com/online-documentation-tool/?utm_source=medium-com&amp;utm_medium=brad-top-link&amp;utm_campaign=blogging">ClickHelp.com — best online documentation tool for SaaS vendors</a></p><figure><a href="https://clickhelp.com/online-documentation-tool/?utm_source=medium-com&amp;utm_medium=footer-banner&amp;utm_campaign=blogging"><img alt="" src="https://cdn-images-1.medium.com/max/1000/1*Sjn_ekNvtfPuKl9Qypm-_Q.png" /></a></figure><figure><a href="https://t.me/clickhelp_technicalwritingblog"><img alt="" src="https://cdn-images-1.medium.com/max/700/0*3350NKjARLehsI6s" /></a></figure><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=57706bb620be" width="1" height="1" alt=""><hr><p><a href="https://medium.com/web-development-zone/top-blogs-about-web-design-and-web-development-57706bb620be">Top Blogs About Web Design And Web Development</a> was originally published in <a href="https://medium.com/web-development-zone">Web Development Zone</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[30+ Free Quality WordPress Themes]]></title>
            <link>https://medium.com/web-development-zone/30-free-quality-wordpress-themes-3b1093de8c48?source=rss----a78024278617---4</link>
            <guid isPermaLink="false">https://medium.com/p/3b1093de8c48</guid>
            <category><![CDATA[responsive-design]]></category>
            <category><![CDATA[web-development]]></category>
            <category><![CDATA[web-design]]></category>
            <category><![CDATA[wordpress]]></category>
            <category><![CDATA[design]]></category>
            <dc:creator><![CDATA[Bradley Nice]]></dc:creator>
            <pubDate>Fri, 09 Sep 2016 17:20:08 GMT</pubDate>
            <atom:updated>2018-09-28T07:15:19.365Z</atom:updated>
            <content:encoded><![CDATA[<p>by Bradley Nice, Content Manager at <a href="https://clickhelp.com/online-documentation-tool/?utm_source=medium-com&amp;utm_medium=brad-top-link&amp;utm_campaign=blogging">ClickHelp.com — software documentation tool</a></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*8l3ShXaETQGVyKM2pySDlg.jpeg" /></figure><p>Ordinary free themes are easy to find, but most of them are just junk and old. Finding some free high-quality WordPress themes can be a difficult task.</p><p>Here in this article I have picked 30+ free high-quality Responsive and regular WordPress themes for you to download and use in your sites.</p><h3><a href="http://www.s5themes.com/theme/veecard/">Veecard (Responsive)</a></h3><p>This theme is Responsive — it’s optimized for proper displaying on iPhone and iPad. Implemented using HTML5 and CSS3 technologies along with HTML5Boilerplate-specific resources.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*-knbMftAfvnJ8UeSJtt24A.jpeg" /></figure><h3><a href="http://www.s5themes.com/theme/simplenbright/">Simple N Bright</a></h3><p>Clean and simple theme for portfolio or blog site, theme uses HTML 5 and CSS3 technologies. Enjoy!</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*SWUtXrH-k6dcGtLgJXD4Tg.jpeg" /></figure><h3><a href="http://www.s5themes.com/theme/wp-anniversary/">WP Anniversary</a></h3><p>This theme was released on WordPress Anniversary by site5.com to show appreciation to WordPress team.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*y2zqTMhKOtn1Q73ajwjSSQ.jpeg" /></figure><figure><a href="https://clickhelp.co/free-download/responsive-layouts-getting-started-guide/?utm_source=medium-com&amp;utm_medium=responsive-banner&amp;utm_campaign=blogging"><img alt="" src="https://cdn-images-1.medium.com/max/700/1*MMonANgTHB8TBVir9bo7sA.png" /></a></figure><h3><a href="http://themehybrid.com/themes/ascetica">Ascetica (Responsive)</a></h3><p>A spacious and elegant portfolio/blog theme with responsive layout. Best suited for bloggers who want to showcase their work alongside their posts, photobloggers, designers, and photographers.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*0H4Tm6s7J5yq8zDPWDBeBA.jpeg" /></figure><h3><a href="http://www.elmastudio.de/wordpress-themes/yoko/">Yoko (Responsive)</a></h3><p>Great looking responsive theme supports Google web fonts, Cross-browser compatible. Theme was tested in Chrome, Firefox, Safari, Internet Explorer 9 and 8.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ySESjzDSJ47Ehj8rBrXRVA.jpeg" /></figure><h3><a href="http://dessign.net/grid-theme-responsive/">Grid (Responsive)</a></h3><p>Free WordPress Themes with minimal and modern style. Design for illustrators, photographers and graphic designers. The focus should be on your Artwork not the theme.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*toppm1B0t1fQqmJb4EIqFQ.jpeg" /></figure><h3><a href="http://www.presscoders.com/designfolio/">Designfolio (Responsive)</a></h3><p>Designfolio includes a responsive slider and portfolio, and it scales perfectly to fit any size screen on a computer or mobile device.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*o6hLcgV1DNBesze6ipdHXg.jpeg" /></figure><h3><a href="https://wordpress.org/themes/golden-eagle-lite/">Golden Eagle Lite (Responsive)</a></h3><p>Golden Eagle for WordPress is simple and beautiful business style theme with lots of customization options that can tweaked by Theme Options Panel like logos, intro texts and background.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*9nROMAxHb31RQ5WtFobq8w.jpeg" /></figure><h3><a href="https://wordpress.org/themes/pachyderm/">Pachyderm</a></h3><p>a whimsical tumblog-style theme supporting all post formats, featured images, optional right sidebar, drop-down menu, flexible header image, custom backgrounds, and a responsive layout for mobile devices.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ceWm5dPUGDQiHYsHdL5V0A.jpeg" /></figure><h3><a href="https://mythemeshop.com/themes/accentbox/">Accentbox (Responsive)</a></h3><p>Accentbox is a free theme, its features and design can put any premium theme to shame. With its elegant design and powerful features, Accentbox will top the downloading charts.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*nGifKwYw_p0gVLMwdupwhw.jpeg" /></figure><h3><a href="http://www.rockettheme.com/wordpress/themes/grunge">Grunge</a></h3><p>Grunge, the February 2011 Free GPL release, is the first free theme to take advantage of the Gantry Framework, and is outfitted with a sophisticated, artistic and professional design, in conjunction with a powerful, flexible and feature rich core framework.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*HDhxz11Z39jGGRyoggi5Aw.jpeg" /></figure><h3><a href="https://www.smashingmagazine.com/2011/05/free-wordpress-3-1-theme-splendio-with-psd-sources/">Splendiol</a></h3><p>designed by Vlad and Elena Scanteie which was developed exclusively for Smashing Magazine and its readers. As usual, the theme is free to use in both private and commercial projects.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*aMKZRAw0EM7DkLFPBPbIzw.jpeg" /></figure><h3><a href="https://www.smashingmagazine.com/2011/10/free-e-commerce-wordpress-theme-balita/">Balita (Responsive)</a></h3><p>Balita WordPress theme, a theme dedicated to shops that sell products for children. The theme was designed by Tokokoo and released exclusively for Smashing Magazine</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/580/0*mQvMPc-BMip9XxAF.jpg" /></figure><h3><a href="https://www.smashingmagazine.com/2011/01/free-html-4-01-html5-wordpress-theme-spectacular/">Spectacular</a></h3><p>a free WordPress theme that aims to provide a warm and pleasurable atmosphere for personal musings and ramblings. The theme comes in two flavors: HTML 4.01 and HTML5.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*0JkvzO2bEJeHNdXcvDIZWw.jpeg" /></figure><h3><a href="http://wpshower.com/themes/portfolium/">Portfolium</a></h3><p>Neat and flexible grid-based theme for WordPress CMS, Portfolium can be used on portfolio web-sites or blogs.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*xDwywh8O4XICnUlPu1rctg.jpeg" /></figure><h3><a href="http://wpshower.com/themes/suburbia/">Suburbia</a></h3><p>Suburbia is a free premium WordPress theme for magazines. The layout is very clean and flexible and designed in a modest and minimalistic style. Magazine is not the only purpose, so Suburbia suits for blogs and various project either.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*AZ7-rOYSvqvWtjRNzvaXdQ.jpeg" /></figure><h3><a href="https://woocommerce.com/products/artificer/">Artificer (Responsive)</a></h3><p>Artificer is a WooCommerce theme with an arts &amp; crafts aesthetic designed for sole traders and small startups looking to sell hand made products.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*nMcuTiloy1dNQlENLOkoYw.jpeg" /></figure><h3><a href="https://woocommerce.com/products/mystile/">Mystile (Responsive)</a></h3><p>Mystile is a clean, lightweight WooCommerce theme, designed as a canvas which you can use as-is, or easily create a unique design to match your products.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*BYWARI1Ay8GGSaf44WaVpw.jpeg" /></figure><h3><a href="http://www.towfiqi.com/zenon-lite-free-wordpress-theme.html">Zenon Lite</a></h3><p>Zenon Lite is an all in one wordpress theme with 3 awesome fonts, slider, background image easy to use theme option panel.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*TUyCSiwycljywvCCB6BDPg.jpeg" /></figure><h3><a href="http://www.towfiqi.com/theron-lite-free-wordpress-theme.html">Theron Lite</a></h3><p>Theron Lite is an all in one wordpress theme with 3 awesome fonts, slider, background image easy to use theme option panel. The Theme also includes 3 built-in widgets and 5 useful shortcodes.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*JoZ4g5So5pcb0dMHnGqqpQ.jpeg" /></figure><h3><a href="https://smthemes.com/roundtheworld/">RoundTheWorld</a></h3><p>RoundTheWorld is a perfect choice for those looking for a free travel wordpress theme.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*H_IKXtMP4zszMf6N6ITnzA.jpeg" /></figure><h3><a href="http://themify.me/themes/koi">Koi</a></h3><p>Koi is a simplified version of N.Design’s theme. It is an artistic theme and suitable for most personal blogs.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*u2f8pYNZGyha64EzhubHow.jpeg" /></figure><h3><a href="http://www.themezilla.com/themes/launch/">Launch</a></h3><p>Good looking micro blogging which doesn’t cost a penny. Launch is a sweet little theme for the personal blogger who likes to blog in style.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*YwhSWKbSZ9ZQ3IvtVY9dng.jpeg" /></figure><h3><a href="http://www.fabthemes.com/axis/">Axis</a></h3><p>Axis is new fullscreen portfolio wordpress theme. This is a premium quality theme with features on par with paid themes.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*cywLiwhw3Kj9iDzp3CEkew.jpeg" /></figure><figure><a href="https://clickhelp.co/free-download/responsive-layouts-getting-started-guide/?utm_source=medium-com&amp;utm_medium=responsive-banner&amp;utm_campaign=blogging"><img alt="" src="https://cdn-images-1.medium.com/max/700/1*MMonANgTHB8TBVir9bo7sA.png" /></a></figure><h3><a href="http://www.fabthemes.com/rolex/">Rolex</a></h3><p>Rolex Fabseries theme may look like a luxury merchandise as the name suggest, but it is free. This is a premium quality free theme that will give your wordpress site a professional look.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*NM72A6PxffVfFrlGII2SkA.jpeg" /></figure><h3><a href="https://colorlabsproject.com/themes/tumblepress/">TumblePress (Responsive)</a></h3><p>It’s now easier than ever to create a Tumblr-like experience in WordPress. Have videos, links, images, audios, quotes and statuses all in one place.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Gd_k_FjQvDKJdhfu0COySQ.jpeg" /></figure><h3><a href="https://colorlabsproject.com/themes/rpg-cod/">RPG.cod (Responsive)</a></h3><p>RPG.cod is a free theme, in the latest version, it has modified with some new features like a responsive layout, the new theme panel and a new layout design.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*xyHdb3M_74W2x-DpmTn8Yg.jpeg" /></figure><h3><a href="http://ufothemes.com/themes/hyperspace/">Hyperspace (Responsive)</a></h3><p>Clean blog oriented theme with smart gallery feature and exclusive UFO widgets. Give your blog a new shiny look today.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*bRHkabuCB32N20FWPFGJeQ.jpeg" /></figure><h3><a href="http://dessign.net/architekt-theme/">Structure</a></h3><p>Visually stunning theme through its pixel-perfect layout and beautiful typography.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*2wS5y2AUSK0Ysid35b22oQ.jpeg" /></figure><h3><a href="http://www.flyerzone.co.uk/blog/download-the-free-flozo-wordpress-theme/">flozo</a></h3><p>Budding entrepreneurs and long-established organisations can now take advantage of FloZo, an easy to use, free WordPress template from Flyerzone.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*R01T0VhNa-DTO1YT86OvGQ.jpeg" /></figure><h3><a href="http://www.fabthemes.com/ajaxify/">Ajaxify</a></h3><p>Ajaxify is a fully ajaxed wordpress theme. That means the content on the theme loads without reloading the website</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*MVIGqh5od3Lm_hmEPaY5NA.jpeg" /></figure><h3><a href="http://dessign.net/simple-grid-theme-responsive/">Simple Grid (Responsive)</a></h3><p>AyoShop is a clean and responsive eCommerce child theme. This WordPress theme suits any kind of online shop, for instance selling clothing, food, jewelry, etc.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*drzj0eMeNYVm5_vC6RiyhQ.jpeg" /></figure><h3><a href="http://dessign.net/photo-theme-responsive/">Photo Theme (Responsive)</a></h3><p>Free Responsive WordPress Theme for Photographers.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*WSsxWjvlnehMcTIH20R27w.jpeg" /></figure><p>Have a nice day!</p><p>Bradley Nice,<br>Content Manager at <a href="https://clickhelp.com/online-documentation-tool/?utm_source=medium-com&amp;utm_medium=brad-top-link&amp;utm_campaign=blogging">ClickHelp.com — best online documentation tool for SaaS vendors</a></p><figure><a href="https://clickhelp.com/online-documentation-tool/?utm_source=medium-com&amp;utm_medium=footer-banner&amp;utm_campaign=blogging"><img alt="" src="https://cdn-images-1.medium.com/max/1000/1*Sjn_ekNvtfPuKl9Qypm-_Q.png" /></a></figure><figure><a href="https://t.me/clickhelp_technicalwritingblog"><img alt="" src="https://cdn-images-1.medium.com/max/700/0*3350NKjARLehsI6s" /></a></figure><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=3b1093de8c48" width="1" height="1" alt=""><hr><p><a href="https://medium.com/web-development-zone/30-free-quality-wordpress-themes-3b1093de8c48">30+ Free Quality WordPress Themes</a> was originally published in <a href="https://medium.com/web-development-zone">Web Development Zone</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
    </channel>
</rss>