Hello, friends!
Welcome back on board!
It’s been more than a month till we’ve published in the blog. Lots of events, new tools and topics were discussed and released in the web development world. And this mean we have to share them with you.
So, prepare for a long and informative journey.
Web design
Infographic: How to design the perfect logo - find out all the pitfalls of the logos, how to make it unique, minimalist, creative and remarkable.
Effective Logo Design, Part 1: Symbols, Metaphors And The Power Of Intuition - how to combine symbols and intuitively understandable metaphors in capturing logo for your company or project.
Why Good Web Design Doesn’t Cost $50 - short instruction to demonstrate clients that good design is worth its money.
The 10 Commandments of Good Form Design on the Web - learn how to create awesome and user friendly forms easily accessible from any device.
Epic Form & Input Design Trends - popular and stylish fields and forms. Choose similar design or inspire and modify the preferable variant.
Design user research explained for everyone - concentrate on he UX and make your users feel comfortable on the site.
A Checklist For Design - find out the cornerstones of great design and follow them to create awesome web site.
Typography Speaks More Than the Words - pay attention to the form and shape not only to the message itself to present main thought professionally.
Why I don’t use Helvetica - new thoughts about good old Helvetica font.
5 Big Mobile Design Trends of 2015 - what’s popular in mobile design.
Understanding the Mobile User - check the ways mobile internet usage is different.
How Mobile Friendly Is Your Design? 12 Tips to Follow - check these main points to find out how easy to navigate and to use on mobile devices is your site.
7 Mobile UX Mistakes You’re Probably Making Right Now - mobile development is different from web and this post will help you to steer clear of common pitfalls.
Why Users Miss Form Buttons Placed in the Action Bar - one more recommendation list on how to position your buttons and navigation easily accessible.
Material Design: Why the Floating Action Button is bad UX design - pros and cons of using floating buttons.
How To Design For Multiple Languages - tips on what to consider while multilingual design and how to make it easier.
Write Better User Interfaces by Asking “Who Else is in the Room?” - distinguish user’s and site’s speech to create better UX.
7 UXperts Share Most Annoying Usability Mistakes - check these mistakes and avoid them in future.
12 Common Image Formatting Mistakes To Avoid On Your Website - quick troubleshooting tour in website images. Find the problem and fix it efficiently.
Design UI for Recognition More than for Reading - shape the words not only type them. Typography and its easy recognition have to work together for the best result.
Why Web Design is Dead - thoughts on web design changes and future development and transformation.
Forget UX. How to Focus on Conversion Centered Design - every business as a purpose, and the website is to drive visitors towards that purpose.
The top 10 web design portfolios of 2015 - inspiring portfolios for you to get fresh ideas.
Freebies
50 Free Books for Web Designers & Developers - it’s never to late to learn. Check these free books to find more on interesting topic.
8 Free Stipple Shading Brushes for Adobe Illustrator - dotted brushes set to create shade and texture effects.
Present Your Responsive Designs With These PSD Mockups - various mockups to demonstrate responsive website.
20 Free Smartphone & Tablet Mock-up Templates - small screen devices of different kinds.
Ink UI Kit: Free iOS App Screens - iOS UI screens for your apps and inspiration.
40+ Free Mobile UI Kits For Inspiration - various UI screens and elements for quick design.
55+ Best Apple iPad Mockup Templates - get the iPad for your project presentation.
20+ Free Dashboard UI PSD Templates - dashboards for your apps.
Free Elegant Vector Kit with 60 Workspace Elements - arrange your workspace with the nice material design elements.
Free UI Kit For Windows Developers & UI Designers - Windows UI elements.
Foundry ∞ - nice SVG for your website.
231 Micons - one more set of icons for your needs.
Free Writing Icons - easy customizable icons pack.
Freebie: 40 eCommerce Vector Icons - nice icons for shop or any selling business.
Free Vector World Maps - set or world maps for your infographics or web projects.
40+ Best Free Fonts For Awesome Designs 2015 - advanced set of free fonts to give fresh breath to your typography.
20 Beautiful and Free Hand-Drawn Fonts - hand drawn fonts for creative projects.
20 Gorgeous Free Geometric Fonts to Download - geometric and distinct fonts set.
Order Typeface - unusual both angular and rounded typeface.
Ikaros - sans serif typeface with advanced characters set.
Phage - kind of video game font.
Web development
10 Tips to Secure WordPress - useful tips to secure your WordPress web project.
Why Designers and Web Developers Must Work Together - combine code and design to get better results.
20 Docs and Guides for Front-End Developers (No. 4) - handy tips and tools for front-end developer.
A Call For Web Developers To Deprecate Their CSS - one less programming language = one less headache.
2Mb Web Pages: Who’s to Blame? 2015 year to boost performance or kill the web.
The Accessibility Cheatsheet - condense the very extensive guidelines and highlight some practical examples of what we can do to implement them and make our websites more accessible
The Ultimate Guide To Web Animation - why animaton is important and how to use it properly, examples and tutorials.
px2svg tool to convert raster graphics to svg.
The State of SVG Animation - take a look at the current (and future) state of animating SVG, and check some tips and tools that may help you do it painlessly today.
A Simple Guide on How SVGs Work - one more quick look at the Scalable Vector Grapgics.
Animating SVG with GSAP - harmonize your SVG and make it nice in all browsers with GSAP.
Svg On The Web - A Practical Guide - guide that aims to give a practical overview of how you can use SVGs on your websites — with some tips and tricks along the way to get the most out of them, by Jake Giltsoff.
Building Great Mobile Menus for Your Website - create easy an convenient menu navigation on small devices.
The 10 Most Common Bootstrap Mistakes - avoid these common mistakes to make your code and site work fine.
When Responsive Images Get Ugly - useful cases to avoid when using images on your site.
Improving Web Fonts Performance slides by Vitaly Friedman - cases when web fonts matter.
Favicons, Touch Icons, Tile Icons, etc. Which Do You Need? Favicon FAQs to give fast troubleshooting in the area.
5 innocent practices that could be sabotaging your SEO - you definitely don’t want to make these mistakes, check them and always avoid.
Things I’ve Learned About Building & Coding HTML Email Templates - your newsletters have to be nice and responsive, respect your subscribers.
Creating a Future-Proof Responsive Email Without Media Queries - create a good experience for email clients which have no media query support whatsoever.
Learning to Love BEM - find out the main advantages of using BEM.
Notes on ‘lang’ - extended attributes for language elements.
How to undo (almost) anything with Git - take a look at some common scenarios where you might want to “undo” a change you’ve made and the best way to do it using Git.
PHP
RFC: JSON numeric as string is’t offered to realize additional options while working with JSON. JSON_FLOAT_AS_STRING
— allows to convert floats numbers into strings, and JSON_INT_AS_STRING
— to convert all integer values to strings.
RFC: Throwable Interface introduced exceptions as a replacement for fatal or recoverable fatal errors (see the Exceptions in the Engine RFC). These exceptions do not extend Exception, but instead extend a new class BaseException and are named EngineException, TypeException, and ParseException.
jolicode/JoliNotif - desktop nootifications from PHP-script. Notifications for PHPUnit.
Elgg/Elgg - open source PHP engine for social network.
thephpleague/shunt - library to perform commands on different machines via SSH.
imanee/imanee - library for images manipulation. More details in the author post.
mybuilder/conductor - tool that allows to manage divided repositories, i.e. isolated packages inside one storage as it’s realised in popular PHP-frameworks. More details in the author post.
nicolopignatelli/valueobjects - library/classes set to work with invariable objects in PHP.
vlucas/spot2 - DataMapper based on Doctrine DbAL.
PHP study
10 pillars of modern PHP development - the basics of every web project.
Mastering Composer – Tips and Tricks - useful notes on how to get most of Composer.
How To Create Single Page Application in minutes! - this is a demo and a tutorial showing how to develop an application using Yii 2.0 for creating REST API and then using it from UI built with AngularJS.
ZF2 Controller - ZF2 cheatsheet for developers.
Splitting the ZF2 Components - good post on how to move framework components into separate repositories.
Speeding up your ZF2 application - speed is everything now, and you have to work hard to make your app fast and furious.
Transparent pixel response with Symfony, how to track email opening - transparent pixel technique.
New Features in Laravel 5.1 - check whats new in the release.
Real-time Apps with Laravel 5.1 and Event Broadcasting - simple todo app and turn it into a real-time app using Laravel’s broadcasting events.
Programming With Yii2: Working With Asset Bundles - check how to add custom JavaScript and CSS scripts and libraries to your Yii application.
Programming With Yii2: Specialized Validations - explore the built-in specialty validations that are common to web development.
Lockdown Results and HHVM Performance - maximizing requests per second (RPS) with WordPress, Drupal 7, and MediaWiki, using oss-performance benchmarking tool.
CSS
Writing Good CSS more useful tips to make good, readable, maintainable CSS.
15 CSS Questions to Test Your Knowledge - test your CSS knowledge and find more useful things.
4 ways to use modern CSS with old browsers - how to use modern features that will fallback gracefully on older browsers.
New CSS Tricks And Snippets That You Should Know - snippets for your convenient and fast coding.
Everything There Is To Know About Flexbox - make your content align and display properly on any display size with Flexbox.
No More CSS Grid Frameworks - mobile first approach and flexible grid.
The Future Generation of CSS Selectors: Level 4 new selectors not previously discussed, get ready for them.
Bootstrap Sass Installation and Customization - mobile first site development.
Responsive Typography With Sass Maps pieces of advice on how to make the fonts responsive on all devices.
PurifyCSS - tool to delete not used CSS code.
GradifyCSS - module that selects frequently used color and converts images into gradients.
Angular interactive box-model diagram - see the difference between the border-box and content-box.
CSS-Only Raindrops on Window Effect - interesting CSS effect of raindrops on your images.
Page Scroll Effects - various scroll effects you may use for your site.
Welcome to the Envato Market Styleguide - check main features and concepts.
Accessible Footnotes with CSS - add more links, references and explanatory information to the page.
JavaScript
What’s New in Babylon.js? - more about major updates and improved tools to build browser-based 3D experiences.
Predictions on JavaScript in the next 12 months - subjective thoughts and predictions on the JS future.
How to Become a Great JavaScript Developer - share the experience to become good at JavaScript coding.
7 Essential JavaScript Functions - a few functions each developer should have in their arsenal, for performance for functional ease purposes.
The 8 Most Common Ember.js Developer Mistakes - you may be a newbie or experienced enough, but check this post to find out whether you avoid these pitfalls.
Optimizing your JavaScript with Functional Programming - couple of techniques you can use to reduce the execution time of your programs.
Choosing a JavaScript Charting Library: the Main Contenders - compare D3.js, Highcharts, FusionCharts or Google Charts.
Fancy, Responsive Charts with Chart.js - introduction and a deeper look into the features of Chart.js.
ES6 In Depth: Arrow functions - ES6 In Depth is a series on new features being added to the JavaScript programming language in the 6th Edition of the ECMAScript standard.
Exploring ES6: Upgrade to the next version of JavaScript by Axel Rauschmayer - check the main features and options of the ES6.
Infographic: AngularJS vs. React - compare the major points of each language.
Unit testing AngularJS applications - test individual units of AngularJS applications’ code.
Why Will Angular 2 Rock? - modern Angular with new features and powerful tools.
How to develop web games with EaselJS - one of the simplest frameworks for beginners to get started with really quickly.
Why Front-End Developers should try to learn Meteor - all the advantages of code for front end developer.
Why Babel Matters - why Babel is different from other compile-to-JS systems like CoffeeScript and TypeScript, and how it’s going to become the driving force for innovation in JavaScript.
console.message - provides extensive console notifications.
An introduction to Vectorious - generalized n-dimensional matrix and vector library in JavaScript.
Getting Started with TransloadIt – Key Concepts - file-processing service primarily designed for processing images, videos and audio.
New io.js Features You May Not Be Using - check io.js features with examples and relevant documentation where applicable.
Prototypes are Objects (and why that matters) - few notes you have to remember while constructing the code.
JavaScript creator Eich’s latest project: Kill JavaScript - new project of Brendan Eich and its influence on JavaScript.
What is WebAssembly? The Dawn of a New Era - new low-level binary compile format that will do a better job at being a compiler target than JavaScript.
From ASM.JS to WebAssembly - Brendan Eich on the future of Compilers.
The Dawn of WebRTC - advantages of real time conferences for your business and development.
Headhesive.js - an on-demand sticky header.
Quttons - buttons with on-click questions.
JavaScript.com - JavaScript learning portal.
Browsers
Browser Trends June 2015: The Battle for Second Place - trends and tendencies in preferred browsers.
Browser support for broken/missing images - what will the browser and device display for an image.
HTML5 accessibility in browsers - support of HTML 5 elements.
Safari 9: Everything Web Designers Need To Know Now - al the new presented features and enhancements or the future.
The 25 best Google Chrome extensions for web designers - free burgeon of customization and developer tools for web designer.
favicon-bug - favicons crash Google Chrome, and not only it.
Entertainment
Games for Designers - free games on colors, fonts and shaper for web designers.
php-warrior - game to learn PHP in an interactive form. Inspired by Ruby Warrior.