mattgraphics

45 Added | 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”

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

9 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 …

UI Design

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 …

Graphic Design

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 …

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 …

Web Design

Create Responsive Contact Form Using HTML And CSS

Friday, Jan 5, 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 …

Web Design

35 Retro Fonts to Perfect your Vintage Style Inspired Design

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 …

Typography

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 Development

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> …

Web Design

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> …

UI Design

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

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 …

Web Development

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 …

Here’s What A Perfect 30-Minute Workout Looks Like

When life gets insanely busy (y'know, as life does), even an hour-long workout can seem like a luxury that you just don't have the time for. But even …

Stretching

Responsive table layout · Matt Smith

Responsive table layout<p>A small gray clock icon Oct 3, 2016<p>A small gray tag icon<p>CSS,<br>• responsive,<br>• tables<p>One of my pet peeves in web design is how tables …

25 Design Freebies Websites Every Designer Should Know

One of the most clever shortcuts I’ve found as a creative entrepreneur is to use freebies. Whether you’re prototyping a new website or designing a package for your product, you can find high-quality resources to help you speed up the process and get things done in a professional manner.<p>There are …

Graphic Design

Transition Effect with CSS Masks

View demo Download sourceToday we’d like to show you how to create an intriguingly simple, yet eye-catching transition effect using CSS Masks. …

Web Development

107 of the Brightest Creative People in Web Design You Need to Meet Now

This is not the article I intended on writing. It’s better, I hope… 🙌<p>It was originally a piece on the top digital creatives of our time. It was …

Graphic Design

Speaking in Code: Ebook HTML basics

If, as I keep saying, an ebook is just a website in a box, then in order to know how to get in and edit your ebook, you’re going to want to know some …

Web Development