This week's Designer News (No 481) includes Sophisticated Partitioning with CSS Grid, Things Nobody Ever Taught Me About CSS, The Flexulator CSS Tool, A Guide to Better Designer Client Relationships, Ethical Alternatives & Resources, Hacking Custom Checkboxes and Radios and much more. The post Weekly News for Designers No 481 appeared first on Speckyboy Web Design Magazine.

Hand Lettering is the process of drawing letters. For each letter, there is much thought that goes in. Generally, when we create a hand-lettering piece, the way each letter and word are created is highly customized. This design has a particular, custom-made nature. It is essential to think about how each word puts forth the […] The post Hand Lettering Tutorial & Guide for Beginners appeared first on Line25.

(This article is kindly sponsored by Adobe.) Forms are the linchpin of all mobile interactions; it stands between the person and what they're looking for. Every day, we use forms for essential online activities. Recall the last time you bought a ticket, booked a hotel room or made a purchase online — most probably those interactions contained a step with filling out a form. Forms are just a means to an end.

Chunky and chubby fonts are a great choice for designing fun and creative titles for all kinds of designs. In this post, we bring you a selection of the best chunky fonts with many different styles. Due to their unique style of design, chunky fonts are most suitable for creative, fun, and entertaining designs. Our […]

The basics for demanding animations within the browser are set thanks to CSS3 and JavaScript. But the CSS characteristics and JavaScript methods only allow general movement. The framework mo.js, however, allows much more complex animations using unique but quick to set up easing features. Easy Entry, but no Documentation Yet As mo.js works without jQuery or other libraries, all you need to do is implement the framework’s JavaScript file. In the download package, there is a demo HTML document in which the JavaScript file as well as a ,,<div>" element are set already. That means you can instantly start and take a look at all of mo.js’ options. You can find several tutorials on the website, explaining what mo.js does and how to use it with the help of code examples and a demo. Unfortunately, there are only tutorials for the easing options so far. There are no tutorials available for the different modules and tweening features. A documentation is missing as well. But mo.js is already without that a fascinating animation tool for its unique way of creating complex easing features. Tutorial Page Easy Syntax for Easy Animations Using mo.js is very straightforward. You can create new animations and […]* You might also be interested in the following articlesJavaScript Engine Popmotion: Interactive Animations in a SnapComing to a Screen Near You: CSS3 Animations and The New JavaScript…DrawSVG for jQuery – Animated SVG Enlivens Your WebsiteAdobe’s Snap.svg: Animations With HTML 5, Without FlashHTML5 Canvas: Drawing Made Simpler with Fabric.jsAnimsition: User-Friendly jQuery-Plugin for Animated Page Transitions

The Digital Age calls for a digital storefront. If you want to sell, you need to be online. Here are 5 actionable marketing tips that will drive your ecommerce sales!

Drawing can instantly lower barriers and make communication with a client much easier. Having a face-to-face meeting with your client can cause anxiety for those of us that push pixels for a living, but even the simplest kind of sketching can help. On top of drawing, let’s take a few clues from a meeting rockstar: Priya Parker. Author of the book "The Art of Gathering" and TED Talk speaker, Priya Parker is a proponent of making gatherings (and meetings!

Coding thousands of pieces of artwork teaches you a thing or two about the creative process. Whether you want to overcome perfectionism, learn new skills, or simply explore the playful side of coding, regular projects may be just what you need.

Responsive web design has established itself as the way of modern web development for a while now. The increasing mobile internet usage makes it necessary for a website to be recognizable even on small displays. This is always a challenge for web designers and developers. Where do I put the complex navigation? How do I provide photos and graphics? What do I do with wide, multi-column tables? To the latter question, there are multiple answers. There is not just one correct solution for all responsive tables. Making Tables Scrollable A relatively easy way out would be making tables vertically scrollable. Here, the table is unaffected in its width. With a little CSS, it’s secured that the table doesn’t mess with the width of the layout, and instead, the visible area is cut down to the display width, or the layout width. You can use your finger to slide the table to the left or right. 1 2 3 4 table { display: block; overflow: scroll; } To make a table scrollable, all it takes are two CSS attributes. For one, you need to turn the table into a block element via “display”. Then, via “overflow”, you need to make sure […]* You might also be interested in the following articlesDisplaying Data Tables Fast Using Clusterize.jsHTML5 Brings Tables Back: Contemporary Grid Layouts with CSS Grids[Quick Tip] Dynatable for jQuery: Static Tables Are in Danger of…Flickity: Beautiful Galleries on All Devices – Responsive and…Chartist.js Creates Responsive, Animated Charts with SVGSVG Fallback in Older Browsers: Alternatives to JavaScript

Find out what users love and hate and how to build the best website for your audience. From content and navigation to design and hosting, use our 5 top tips.