mattgraphics

51 Flips | 3 Magazines | 2 Likes | 5 Following | 1 Follower | @mattgraphics | Keep up with mattgraphics on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “mattgraphics”

8 Best Web Design Portfolio Examples for Learning in 2018

Excellent design is integral for an effective web design portfolio. These 8 fresh online web design portfolio examples will provide you with …

Web Design

10 fantastic web design tools for July 2018

This month’s roundup of the best web design tools roundup includes a CSS preprocessor that scopes styles to components, and a jobs board that puts …

A Strategy Guide To CSS Custom Properties

A Strategy Guide To CSS Custom PropertiesA Strategy Guide To CSS Custom PropertiesMichael Riethmuller 2018-05-14T13:30:38+02:00 …

Web Design

Everything You Know About Web Design Just Changed by Jen Simmons

Alright! It’s time for the final talk of the day at An Event Apart Seattle (Special Edition). Jen is wrapping up a CSStastic afternoon with her talk …

Web Design

Best Free Tools for Web Developers in 2018

You're reading Best Free Tools for Web Developers in 2018, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on …

Collection of 10 Best HTML Portfolio Website Templates

Using Readymade HTML template is the best way to speed up your web design work and build the amazing websites easily. There are 100s of …

Web Design

10 Super Useful Code Generators for Web Designers

Code generators can be a web designer’s best friend for a couple of reasons. For one, they can often help you learn new techniques or brush up on …

Web Design

8 Open Source CSS Accordion Menu Methods and Designs

You can build some nice menus with jQuery and most of them use free plugins. These menus include dropdowns and responsive slideouts, but many devs …

Team Pages Design: 20 Beautiful Layouts

Are you building a portfolio or company website? Check out these beautiful examples of <i>team pages design.</i>These websites will give you great ideas …

Web Design

12 CSS Tools which you must have for your Web Design project

CSS (Cascading Style Sheets) is the most important part of the front end side of any web project. There are several CSS tools which are important for …

Web Design

Web Design Freebies That Will Save Hours Of Your Time And Make Your Life Easier

Screenshot via Collecticons<p><b>With attention-seeking</b> web and mobile interfaces emerging as strong reasons behind people’s attention to brands, it seems …

Freebies

Learn How to Code From Your Couch With This Complete Web Developer Course 2.0

From HTML to Bootstrap.<p>Do you need to get your website up to scratch, or want to make some extra money building sites for others?<p>Web development is a …

Web Design

An Introduction To Building And Sending HTML Email For Web Developers

HTML email: Two words that, when combined, brings tears to a developer's eyes. If you're a web developer, it's inevitable that coding an email will …

Create Responsive Contact Form Using HTML And CSS

Sunday, Apr 15, 2018<p>Tags:- HTML CSS<p>Responsive UI is always a better option instead of regular fixed width UI because there are now wide variety of …

Multi Step Registration Form with Bootstrap, CSS3, jQuery

After the 3 registration forms published a few weeks ago, today I took the same design and code, made some small modifications and created a <b>multi</b> …

Web Design

How to learn coding for free: A guide for designers

Learning to code can be one of the most daunting tasks a designer can undertake. Code looks complicated, reads like gibberish, feels boring, and …

How to make responsive web apps with container queries

Responsive web design has been around for years now, and in that time we’ve seen a drastic shift in how we approach website development. Media …

Web Development

6 Animation Libraries to Save Time and WOW Clients

JavaScript and CSS libraries help web designers and developers be better at their jobs, while alleviating common pain points encountered when …

42 Retro Fonts to Perfect your Vintage Style Inspired Design - Super Dev Resources

In this post, we bring to you a collection of high-quality vintage and retro fonts to add a touch of nostalgia to your work.<p>When designing influenced …

The Coming Revolution in Email Design

Email, the web’s much maligned little cousin, is in the midst of a revolution—one that will change not only how designers and developers build HTML …

Web Design

CSS Grid, Flexbox And Box Alignment: Our New System For Web Layout

<b>Editor’s note:</b> <i>Please note that this article is quite lengthy, and contains dozens of CodePen embeds for an interactive view. The page might take a</i> …

The Latest Web Design Trends That Are Here To Stay

Web designs are becoming less subjective and more functional. Here are a few examples worth noticing.<p>Just like fashion, web design has fads that come and go and it can be difficult to spot which ones will stick past next quarter. Following the latest fad may be keep you on top for the moment, but …

10 top UI trends for 2017

<i>At</i> <i>Generate San Francisco</i> <i>on 9 June, Aaron Gustafson will demonstrate how interfaces can smartly morph to meet their users’ needs — slow connections,</i> …

Solving Problems With CSS Grid and Flexbox: The Card UI

The “card” pattern has seen great success in recent times, but the way we build them is still limited because of the CSS available to us. Until now, …

Web Design

Designing grids | Zell Liew

19th Oct 2016<p>I’d be telling you the obvious if I said that grids are important in web design. You already knew that. You probably have even coded a …

25 Best CSS Tools 2016 | Web & Graphic Design

We are just about at the end of 2016 and I am sure you’d all agree it’s been another year jam-packed with new tools for front-end development. So …

10 best new web design tools for October 2016

These days many of us are working on sites that involve a complex tangle of dependencies; if that’s you, this month there are a few tools that might …

Web Design

Creating a Nav Menu with Pure CSS

In this article, Solodev will teach you how to create a responsive navigation menu with pure CSS. Typically, a mixture of JavaScript and CSS are …