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

Finding the right font for a design or a project is not easy, although there are tons of free fonts on the internet. Oftentimes, the quality of the fonts rather lacks regarding aesthetics, character set, and OpenType features. However, there are a couple of high-quality, well elaborated, aesthetically appealing, and, on top of that, free fonts on the internet, and all of that even outside of Google Fonts. Unusual Fonts at Behance The creative network Behance is not only a right spot to get inspired. Many font designers don’t just use Behance to present their fonts. A lot of them offer the fonts for free download as well. Just go there to look for fonts, and you’ll quickly notice how gorgeous Behance’s variety is. However, as there are lots of drafts that don’t exist as a “real” font, you might need to put more time into searching. In return, you will find many unspent fonts like the “Mosk,” for example, which is a neat sans serif font in nine cuts that, among other things, contains international characters. If you’d rather look for something with serifs, you might like the “Butler” that resembles classicistic fonts. As Behance is not a font […]

Every once in a while, we publish freebies related to different occasions and themes. Today, we'd like to share an icon set dedicated to a well-known upcoming American holiday. Some of you may already be working on the usual flyers or brochures, so we thought we'd help you out with a set of colorful icons to spice up your designs a bit differently this year. Thank us later!The post Free Icon Set: Happy 4th Of July ?? (20 Icons, PNG, EPS, AI, SVG) appeared first on Smashing Magazine.

As a designer, having a well-organized free fonts collection is crucial! This can save you a lot of time, as typography is an essential part in any type of design project. To ease your work, we share with you today, 20 fancy old school fonts you can download for free. You can use these old school […] The post 20 Fancy Old School Fonts You Can Download For Free appeared first on Line25.

Introduction Magento 2 Marketplace Multi-Step Product Creation: It allows the admin to enable multiple steps for the product creation by vendors. This marketplace add-on allows the admin to enable multi-steps for vendor product creation. Now while creating or updating any product vendors will get multiple steps for every product detail. Note: This is an add-on [...]

Some 86% of respondents to a Broadcom survey on value stream management indicated they are not doing value stream management right now. To that, Lance Knight would say, “Yes, you are. You just don’t know it yet.” Knight, the COO of value stream platform provider ConnectALL, said if a company is already evaluating their processes … continue reading The post Value Stream Management: The practice that finally unites business and IT appeared first on SD Times.

If you're looking for a font to create a piece of timeless design, you can never go wrong with an art nouveau or art deco font. While both art nouveau and art deco font styles come from the same 20th century period, they have two distinctive designs. Art deco is all about the clean and […]

One thing you learn fairly quickly as a freelance designer is that no two clients are alike. You have to learn to deal with different personalities and expectations. It's almost... The post Heavily Involved or Completely Absent: Who Would You Rather Design For? appeared first on Speckyboy Web Design Magazine.

In this article, you'll get to see some pretty groundbreaking things you can achieve with modern JavaScript grids and discover new ways to augment a data grid to make it engaging, responsive, and accessible. All this will be illustrated using Kendo UI Data Grids and their features.

This week on the stream I looked at writing a browser-based game that is similar to the fantastic Steam game Slay the Spire. Slay the Spire is a fun roguelike deck-builder game where you fight increasingly difficult monsters as you climb the titular spires. I decided to build a clone of this game in...