On the CodeWall site there's a tutorial posted showing the VS Code users out there how to set up debugging with XDebug for your PHP-based projects. VSCode is great, the fact that it can work with a vast amount of languages help's it cater for everyone's taste. One special tool that comes with VSCode is the Debug feature and when configured correctly, is a dream to use. If you've previously worked with Visual Studio 2017 for example, you will know what I mean. This guide will go through how to set-up the PHP xDebug module to work in tandem with VSCode, completely enabling full-on functional debugging across your application. The tutorial is broken into a few main sections: getting the basics ready, configuring the editor and an example of it in use. It provides screenshots of the editor as it goes along and links to other helpful resources (like the XDebug Chrome helper) to make the process as painless as possible.

In applications such as InDesign or QuarkXPress, letting letters flow along paths is a long established standard for lining up images and text. With CSS3 CSS Shapes allow you to create the same behaviour in the browser. To do so, you can define paths which the text is supposed to follow, as well as define cut-out images, which the text is meant to place itself along. Defining Circles, Ellipses and Polygons for an Outline If you want to create a text outline with simple paths, you first need an element which the text will follow. Here, a “<div>” container for which you need to define a width and height as well as the “float” attribute, that makes sure that the following text will go alongside the element, is what you want to define. &lt;div&gt;&lt;/div&gt; &lt;p&gt;Lorem ipsum ...&lt;/p&gt; Until now, you have a classic rectangular element. Using the shape attribute “shape-outside”, you now define a path that creates the text outline instead of the rectangular shape. div { width: 300px; height: 300px; float: left; shape-outside: circle(50%); } In the example, the circle is defined with a radius of 50 percent. Additionally, you can also determine the center of the circle if […]* You might also be interested in the following articlesCSS3: InDesign-Like Text Formatting with Exclusions and RegionsText Effects With SVG: Patterns, Masks and Clipping PathsSVG: How to Work With Text and FontWeb App: Drawing SVG Online with Method DrawAdobe’s Snap.svg: Animations With HTML 5, Without FlashTridiv: Useful CSS3 Editor for 3D Objects

Anybody considering which major they should pursue will undoubtedly encounter many possibilities and concerns. A lot can influence which particular degree or career path somebody

Akeneo Product Association Position Changer: This module allows the admin to change the product association and as well as product model association position using the drag and drop technique. The same position of the product and product model association will be used while exporting the products. Product association can be thought of as a marketing strategy [...]

Technical skills at the highest level. You will see no difference to a high-resolution photo, but these are actually hand drawn paintings. Start doubting your eyes! Sensazioni This amazing art was created by Diego Fazio. [...]

There are an endless amount of free fonts on the web. With our list, we've narrowed it down to our Top 50 fonts for your graphic design and branding projects!

Figma is slowly becoming one of the most popular user interface design apps available today. With the ability to use the tool entirely online, it's also an easily accessible tool for UI design collaboration and prototyping. Whether you've been using Figma to design mobile and desktop user interfaces or if you're new to the app, […]

When it comes to videos, we all turn to YouTube at some point of the day or the other. Whether it is a DIY recipe of your favorite dish, or a video tutorial about creating WordPress plugins, or the latest... The post 4K Video Downloader: Download YouTube Videos for Free! appeared first on Speckyboy Design Magazine.

JavaScript has been rising in popularity, and more and more web developers are turning towards JavaScript for their projects. In fact, even WordPress, the world's most popular Content Management System, is leaning towards JavaScript after the advent of the REST API. As such, the importance and big role of JavaScript frameworks is understandable. Such frameworks can provide you with a stable code base and a good set of features to begin with, thereby helping you build your JavaScript projects on top of them. In this article, I will be discussing the major pros and cons of a JavaScript framework. JavaScript Frameworks: To Use or Not To Use? The Advantages of Using JavaScript Frameworks Quite obviously, the biggest and most visible plus point that you can associate with a JavaScript framework is the fact that it can provide you with a stable code structure and a robust list of features. As such, half of your work is already done when you decide to build your apps and projects with the help of frameworks: you need not bother about cross-browser compatibility, security flaws in code, namespaces and core functions, etc. All of that is taken care of by the framework itself, and you […]* You might also be interested in the following articlesEmber.js: MVC Framework for JavaScript Web AppsFries: Free Framework for Developing Android Apps Using HTML, CSS and…Top Tools and Resources for Hybrid App DevelopmentIn Vogue: 9 Material Design Frameworks for Cutting-Edge Websitesmo.js: JavaScript Framework for Complex AnimationsSVG and JavaScript: What Is Possible, What To Consider?

Social media consists of 3.5 billion users, and the figure's constantly rising. That's a pretty sizable market for businesses to tap into. According to SproutSocial, the likes of Facebook and Instagram have become the top two channels for prospective customers aiming to find and buy items online. As confidence in social platforms has grown, so...