This Just In: Excellent News and Magazine CSS Layouts

Speckyboy Design Magazine

The advent of CSS Grid and Flexbox have opened up a whole new world of page layout possibilities. They often have more complex and unique layout requirements than other genres. It’s a 12-column layout, with a large feature story up top that takes up two-thirds of the first row.

Awesome Instagram Layout Ideas and Examples

Graphic Mama

Prepare for a huge dose of inspiration because, in this post, we will show you cool Instagram layout ideas and examples that will keep your audience interested in your profile. But Instagram layouts are not only used to make your personal or business page prettier.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

10 Free Personal Blog & Magazine Layout PSD Web Templates

Speckyboy Design Magazine

Designing an attractive blog layout doesn’t have to be a drag when you have hundreds of quality pre-made PSD templates designed specifically with blogs and bloggers in mind. Check out this collection of the best free personal blog and magazine layouts to get your creative juices going.

28 Best InDesign Book Templates (Layout & Cover Templates)

Tuts Plus

Find your perfect cover with this list of exquisite InDesign book templates which have the best book layouts and cover designs. Writing a book takes lots of care and consideration, and you'll need to put just as much energy into the layout and final cover.

25 Business Flyer Templates (Creative Layout Designs & Industry-Specific Templates)

Tuts Plus

Here are a handful of the best flyer examples for business (with creative and professional layouts) that are trending on Envato Elements. Business Flyer Layout – Ideas For Flyers For Business. There are tons of creative designs, with stylish layouts—ideas for business flyers in 2019.

Jinhee Han has a love for Risograph and complex layouts

Creative Review

The post Jinhee Han has a love for Risograph and complex layouts appeared first on Creative Review Currently living in Brussels, Korean book designer and illustrator Jinhee Han’s love of design was first sparked when working for an independent bookshop in Seoul called The Book Society.

The Complete Guide to CSS Grids

Inspiration Feed

In the simplest of terms, a grid is a layout guideline. They are most often used by designers to align elements vertically, and even horizontally so that the design looks well-manicured due to the alignment. What is a CSS grid?…

25 Annual Report Designs: Tips, Inspiration, & Resources

Inspiration Feed

How do you think people feel when it’s time to give that annual report again? You’ll probably hear groans and moans all around, depending on their performance.

4 Office Design Tips to Create the Perfect Office Space

Inspiration Feed

Designing a brand-new office space can take time and with a number of variants to consider such as size, lighting, and furniture, it can seem like an impossible task.

Our 50 Favorite CSS Libraries, Frameworks and Tools from 2019

Speckyboy Design Magazine

Flexbox Case Studies – Tutorials to help you achieve common Flexbox layouts. css-fx-layout – A lightweight CSS Flexbox library that includes both classes and HTML data attributes. CSS Grid Layout Generator – Create complex grids with this visual tool.

2019 84

40 Free Color Scheme and Palette Apps (Massive Guide)

Inspiration Feed

Color selection is a stage in a design process that requires both smart thinking and gut feeling. In today’s digital era, you can have as many colors and color combinations as you like.

Futuristic The Wild Mushroom Cookbook


With the layout designed by Sofia Pusa, the visuals are whimsical and futuristic. BOOK & MAG ILLUSTRATION book Book Design cookbook illustrations layout mushroom photography psychedelic Sami Tallberg Sofia Pusa sofia push

Theme 77

The 10 Most Popular Open Source Front-End Web UI Kits

Speckyboy Design Magazine

But it may take some time getting used to the setup & getting your initial layout configured just right. Plus is offers simple debugging and a bunch of awesome themes so you can customize your layout from the get-go. CSS UI Design CSS Layouts UI Kits UX Deliverables Wireframing

The 6 Visual Trends That Will Define 2020

Inspiration Feed

Do trendy visuals of 2020 remind you of something you’ve seen before? Keep calm, you are not alone. Trends tend to evolve inevitably get built on with new references and movements in visual communication.

2020 62

How to Launch Your Blog or Portfolio in 2020 (3,500+ Word Start to Finish Guide)

Inspiration Feed

The graphic design industry is tough. No matter where you go, you’ll see amazing talent through the work of other designers in the field.

Blog 83

How to Make an Effective Business Signage in 6 Steps

Inspiration Feed

Does your business even exist if you don’t have signage? For the vast majority of people and potential clients probably not. Having signage that embodies the philosophy and ideas behind your business is nowadays a must.

7 Reasons Why Web Design is Essential for Your Business

Inspiration Feed

An appealing web design plays an important role in the failure or success of your website. People pay heed to catchy designed websites.

4 Visual Ways to Attract New Customers to a Trade Show

Inspiration Feed

Whether you’re a keynote speaker, an exhibitor, or an attendee, conferences, and trade shows are great places to make new connections and meet potential customers. But standing out in a sea of companies isn’t easy.

What You Can Do Online to Boost Your Real Estate Business


Design Real Estate SEO social media marketing web design website design website layoutIn 2019, being in the real estate business means having a robust online presence. Well, because that’s where all the customers are.

20 design rules you should never break


From typography to layout, right through to color and special effects, this list runs through a few basic rules, tips, tricks and guides to some common errors and how to banish them from your design. Design Layout Education

Old Bulgarian Lottery Tickets Were Winning at Design

Designer Daily

Heavily inspired by Russian constructivism, these tickets are an amazing display of great layouts produced with abstract shapes only. I couldn’t find much information about these lottery tickets from communist Bulgaria, but the design alone makes it worth sharing here.

The Impact of Office Design on Employee Wellbeing

Inspiration Feed

Surroundings can have a major impact upon a person’s mental and physical wellbeing, with office and workspaces being no exception to this.

Weekly News for Designers ? 509

Speckyboy Design Magazine

Space, Grids, and Layouts – The basics of creating a modern UI layout through the use of space. Adaptive Photo Layout with Flexbox – Create a masonry-style layout of photos using only CSS.

Wix launches Editor X, a new website design tool that hopes to ditch any need for CSS skills

Creative Boom

Wix has just launched Editor X , a website creation platform that offers "advanced design and layout capabilities" for designers and web agencies. The tool does it all for you, offering extremely advanced design and layout decisions without the CSS knowledge and detail.".

Layout 138

What Makes a Great UI Designer? Interview with Shaw Li, UI Designer at CouponBirds

Inspiration Feed

Can you tell us a bit about yourself and what’s your role at CouponBirds? Hey everyone! I’m Shaw Li, a User Interface designer at CouponBirds.

Gali Erez on working in-house for Wix, her love of UX and how it feels to solve web design problems

Creative Boom

So with that said, one of those tools that was a great accomplishment was the combination of drag n' drop with responsive layouts. Same for flexbox layouts, CSS and many more. Another satisfying aspect was for the super complex layout features.

25 Tutorials For Getting More Out of Adobe Indesign

Speckyboy Design Magazine

How White Space Can Transform InDesign Layouts. You will learn how to plan your layout, set the structure, and link pages. How to Create a Magazine Layout in Adobe InDesign (Video Tutorial). Design Distinctive Monotone Layouts in Adobe InDesign.

Adobe 80

Weekly News for Designers ? 517

Speckyboy Design Magazine

The Thought Process Behind a Flexbox Layout – The brilliant and confusing process of using the CSS layout technique. CSS Layout – A collection of popular CSS layouts and patterns.

10 Valentine’s Day Designs for Access All Areas Members

Spoon Graphics

Edit the existing layouts to quickly produce colourful Valentine’s Day promo art, or Ungroup the elements to compose the individual graphics into your own custom designs.

Isabella Conticello’ Stunning illustrations for PIRELLI WORLD 2019


It is not the first time we are covering the great work of Italian illustrator Isabella Conticello from her ‘One poster a day project’ to the superb editorial layouts she’s done!

2019 85

Top Custom Gutenberg Blocks You Can Add to WordPress

Speckyboy Design Magazine

When it comes to layout, the Advanced Columns block lets you create a highly-customized multicolumn row. its big selling point is in page layout. Offering a more page builder -like experience, rows and columns can be dragged to size and customized for responsive layouts.

Studio Dotto's bespoke Art Deco-inspired typography for Liverpool Everyman and Playhouse Theatres

Creative Boom

We developed a series of bespoke typography alongside the guide layouts to use throughout their upcoming seasons.". For its new theatre season, Liverpool Everyman and Playhouse theatres approached Manchester-based Studio Dotto to create these typographic-led 'what's on' guides and brochures.

Bielke&Yang's redesign of one of Norway's biggest magazines aims to help build 'a better future'

Creative Boom

Following research conducted through surveys with readers and writers of the magazine, as well as OBOS-members; the team created a new format, paper, grid, layout, photographic style, illustrations, colour palette and typography.


Under Consideration / Menu

Lovely details like the debossed logo and etched wordmark support the clean typography and illustrations in the layouts. American in Portland, ME. Designed by Might & Main.

Reviewed: New Logo and Identity for Institut Ramon Llull by Toormix

Under Consideration / Brand

Layout system. The identity uses a relatively simple mix of elements in a relatively simple horizontally-driven set of layouts but the result is fairly rich and textured. And across all layouts the quadruple-"l" mark stands out nicely. “Glass Half Llull”.

2002 75

50 Free Wireframe Templates for Mobile, Web and UX Design

Speckyboy Design Magazine

Wyre Web Layout Flowcharts (AI, EPS & SVG) Designed by Petr Knoll. Web and Mobile Wireframing & Layout Kit (AI) Designed by VectorOpenStock.

Weekly News for Designers ? 526

Speckyboy Design Magazine

This Just In: Excellent News and Magazine CSS Layouts – Examples of how CSS Grid and Flexbox can help you build an amazing layout. Exploring Neumorphism Through Code Snippets – See stunning examples of this new, subtle design trend.

Weekly News for Designers ? 521

Speckyboy Design Magazine

Flash Grid – A new lightweight (1KB minified and gzipped) grid system based on CSS Grid Layout. Bullet Journal Layout with CSS Grid & Subgrid & Flexbox. 2020 Copyright – It’s time to update the copyright year on your site!

Noted: New Logo and Identity for Willumsens Museum by IDna Group

Under Consideration / Brand

Layout system. Various layouts. The logo works nicely in the full name or as a “WM” monogram that can then be split in the layouts to serve as framing elements. “Mirror Mirror on the Museum Wall”.

Web Design: Aunited - United States History


I do love his choice of typography and the text layouts are intuitive plus easy to read. Web Design: Aunited - United States History. AoiroStudio Nov 20, 2019 Kulik Oleg is a graphic designer and a UI/UX designer based from Kharkiv, Ukraine.

Crash Course: Squarespace Images Block

Six Leaf Design

With the Squarespace image block there are 6 different layouts to choose from to add more creativity to your site. Watch the video for a crash course on the Squarespace images block or read below for a description of each layout style.

2018 164

Weekly News for Designers ? 523

Speckyboy Design Magazine

How CSS Grid changes the way we think about structuring our content – Why using CSS Grid can simplify page layout. The Auto-Flowing Powers of Grid’s Dense Keyword – How to use grid-auto-flow: dense to keep a layout intact, no matter how much content is there.

10 Ways to Get Experimental in Editorial Design

Tuts Plus

When we thought they were going out of style, they resurged with more interesting and experimental layouts. Traditional magazines are a thing of the past, but designers have been thinking out of the box in order to create interesting and creative layouts.