Collective #536

Original Source: http://feedproxy.google.com/~r/tympanus/~3/BfPRaaKJwvg/

C536_livewire

Livewire

Livewire is a full-stack framework for Laravel that makes building dynamic front-ends as simple as writing vanilla PHP.

Check it out

Divi

Our Sponsor
Divi: The Powerful Visual Page Builder

Divi is a revolutionary WordPress theme and visual page builder for WordPress. With Divi, you can build your website visually. Add, arrange and design content and watch everything happen instantly right before your eyes.

Try it

C536_liquidfun

Liquidfun

An absolutely amazing experiment by Lorenzo Cadamuro: a liquid simulation that reacts to the shaking of the window. More info in his tweet.

Check it out

C536_beautifului

Building Beautiful UIs

A course by Christopher Murphy to get you up-and-running as a user interface designer.

Check it out

C536_ciao

Ciao

Ciao checks HTTP(S) URL endpoints for a HTTP status code (or errors on the lower TCP stack) and sends an e-mail on status change.

Check it out

C536_cssinjs

Why you should definitely learn how to use CSS-in-JS

Brent Jackson writes about the benefits of using CSS-in-JS.

Read it

C536_fm

Poolside FM

Inspired by a Mac interface from the ’90s, this fun website streams a continuous flow of upbeat tracks and hilarious VHS visuals.

Check it out

C536_paddingflexbox

Flexbox and padding

Chen Hui Jing explores some workarounds to the flexbox padding behavior.

Read it

C536_javascriptbetter

Practical Ways to Write Better JavaScript

Some useful methods for writing better JavaScript by Ryland Goldstein.

Read it

C536_rewriteslack

When a rewrite isn’t: rebuilding Slack on the desktop

Mark Christian and Johnny Rodgers share some insights into the complete rewrite of the new Slack desktop app.

Read it

C536_test

How to test vanilla JS performance

Learn how to write your own performance tests in this tutorial by Chris Ferdinandi.

Read it

C536_grdiflexbox

How to add Flexbox fallback to CSS Grid

Zell Liew shares how to build a Flexbox fallback for a grid powered calendar.

Read it

C536_butts

buttsss

A fun collection of beautiful round butt illustrations made by Pablo Stanley.

Check it out

C536_driving

Highway Race

A fun driving game made by Jon Kantner.

Check it out

C536_jexcel

jExcel

jExcel is a lightweight vanilla JavaScript plugin to create web-based interactive tables and spreadsheets compatible with Excel or any other spreadsheet software.

Check it out

C536_trend

Trennd

Trennd continually monitors the web for interesting keywords and topics, and then classifies them using Google Trends data.

Check it out

C536_slider

Kalli Hero

Mariusz Dabrowski’s implementation of Alexsander Barhon’s Dribbble shot.

Check it out

C536_nodes

Nodes: Our Story

The story behind Nodes, a JavaScript-based 2D canvas for computational thinking soon to be released.

Read it

C536_isometric

Isometric

A collection of free isometric illustrations in SVG by Sergei Tikhonov.

Check it out

C536_font

Free Font: Lansdowne

A beautiful decorative typeface made by Twicolabs Fontdatio.

Get it

C536_sun

Heatwave: An Animated CSS Sun Illustration

Michelle Barker shows how to create an animated sun using CSS.

Check it out

C536_automation

Do-nothing scripting: the key to gradual automation

Dan Slimmon explains what do-nothing scripting is and why it can provide great value to automation.

Read it

Collective #536 was written by Pedro Botelho and published on Codrops.

15 CSS Background Effects

Original Source: http://feedproxy.google.com/~r/1stwebdesigner/~3/ppeZAgDaHNQ/

Did you know that you can use CSS to create beautiful animations and interesting effects? Combined with HTML and JavaScript, or even on its own, CSS can be extremely powerful. You’d be surprised at what developers can create.

From simple scrolling animations to complex environments built entirely of code, these effects can add a lot of personality to your website.

What if you could use CSS backgrounds created by others for free? Sites like CodePen were made to host open source or other freely-licensed code, which means you can use it in your own projects with few-to-no stipulations.

This is also helpful for designers who want to learn CSS or pull off a similar, but personalized look. You can use these code snippets as a base to create your own effects.

There are a ton of developers who have created amazing CSS backgrounds and released them for free. Today we’ve collected 15 of the most stunning ones. See for yourself what you can do with a creative mind and a little code!

UNLIMITED DOWNLOADS: Email, admin, landing page & website templates

DOWNLOAD NOW

Parallax Pixel Stars

See the Pen
Parallax Star background in CSS by Saransh Sinha (@saransh)
on CodePen.

Gradient Background Animation

See the Pen
Pure CSS3 Gradient Background Animation by Manuel Pinto (@P1N2O)
on CodePen.

Frosted Glass Effect

See the Pen
CSS only frosted glass effect by Gregg OD (@GreggOD)
on CodePen.

Shooting Star

See the Pen
Only CSS: Shooting Star by Yusuke Nakaya (@YusukeNakaya)
on CodePen.

Fixed Background Effect

Example of Fixed Background Effect

Tri Travelers

See the Pen
Tri Travelers by Nate Wiley (@natewiley)
on CodePen.

ColorDrops

See the Pen
ColorDrops by Nate Wiley (@natewiley)
on CodePen.

Animated Background Header

See the Pen
Animated Background Header by Jasper LaChance (@jasperlachance)
on CodePen.

Zero Element: DeLight

See the Pen
Zero Element: DeLight by Keith Clark (@keithclark)
on CodePen.

Glowing Particle Animation

See the Pen
CSS Glowing Particle Animation by Nate Wiley (@natewiley)
on CodePen.

Background Image Scroll Effect

See the Pen
Pure CSS Background Image Scroll Effect by carpe numidium (@carpenumidium)
on CodePen.

Multiple Background Image Parallax

See the Pen
CSS Multiple Background Image Parallax Animation by carpe numidium (@carpenumidium)
on CodePen.

Bokeh Effect

See the Pen
Bokeh effect (CSS) by Louis Hoebregts (@Mamboleoo)
on CodePen.

Calm Breeze Login Screen

See the Pen
Calm breeze login screen by Lewi Hussey (@Lewitje)
on CodePen.

Effect Text Gradient

See the Pen
Effect Text Gradient by Diogo Realles (@SoftwaRealles)
on CodePen.

Creatively Beautiful CSS Backgrounds

Good web design leaves a lasting impression on visitors, and there’s always something extra enchanting about a well-made animation. Whether you go all out with an animated starry or gradient background, or you just add some elegant and subtle parallax effects to your site, it can do wonders for your design.

CodePen hosts exclusively open source code, made by developers as a contribution to the community. So, if one of these effects caught your eye, feel free to copy it, tweak it, or use it as a base for making your own CSS animations.

Just remember to use the same license, and everything on CodePen is free to use.


8 Resources for Outstanding Free Stock Photography

Original Source: http://feedproxy.google.com/~r/1stwebdesigner/~3/XgMPyNyVgUM/

Every website needs high-quality images, period. Headers, article and cover images, social media, icons – the list is endless. Even if you’re a photographer, you probably don’t have time to take a photo every time you need one. You could hire a professional photographer, but that costs a lot of money.

One great alternative is using free photography. Stock images have a bad reputation for being distracting and unhelpful, but there are plenty of beautiful, professional and entirely free photos available for use by web designers. And we’ve already found them for you – here are some of the best free photography resources out there.

Unsplash

With over 1,000,000 images, all free for commercial or noncommercial use, Unsplash is one of the best websites to find pictures. Photos are submitted by a massive community of open photographers and semi-strict guidelines ensure quality. If you need nature or portrait photography in particular, Unsplash has plenty of those to choose from.

Pixabay

Pixabay is all about variety. In categories where other free resources may be lacking, such as in abstract works, illustrations and vectors, or technology/internet-related concepts, Pixabay photographers have you covered. There are quality guidelines, but anyone can submit.

Also check out the free stock videos, licensed under the same rules, and with the same variety of content!

StockSnap

StockSnap is another massive collection of free CC0 photos that includes business, nature, people, food, and a huge variety of other topics. StockSnap also has a good selection of more artistic content, such as flat-lay scenes and abstract wallpapers. With new photos every day, this is a great resource for stock images.

Pexels

Pexels gets right to the point: Free stock photos and videos, for use anywhere, any time. Portrait photos seem especially popular. For photographers, photo challenges with prizes and PayPal donations are great incentives to participate, so you’ll see many high-quality photos here.

Burst

Burst is a project by Shopify that brings free photos to everyone – even people who don’t use Shopify. The photos are contributed by the community and categorized for easy searching. Portraits, animals, textures, nature photos and backgrounds are Burst’s specialty – especially ones that are made with business and e-commerce in mind.

ISO Republic

ISO Republic has a strong mix of trendy stock photos with high quality resolutions. The site also includes free stock video footage with easy-to-use search to filter what type of media you’re looking for. ISO Republic’s photo and videos are released under the same CC0 license.

Wikimedia Commons

Wikimedia Commons

Wikimedia Commons is a great place to find free photographs, videos and even sounds that depict nearly any topic you can imagine. When using this resource be careful and always check the license – the only guarantee is that the photos are licensed under Creative Commons and are free. You may be required to display attribution or share alike. There are also no strict quality guidelines, so you may have to look through some photos that are unsuitable for professional use.

Flickr

Flickr

Flickr has helpfully categorized its Creative Commons and public domain uploads, down to sorting them by attribution, share alike and other requirements. The website is a simple image sharing and uploading service, so it has no quality guidelines. But you may still find a keeper in here.

High-Quality Free Photography

There are plenty of amazing free photos to use from a growing list of generous photographers. Whenever you use someone else’s work, make sure to check licensing and terms of service carefully. Some sites are free forever, while others allow you to use photos only under certain guidelines. It’s better to do the extra research rather than end up in hot water.

Photographer’s Toolbox
Unlimited Downloads: 500,000+ Lightroom Presets, Photoshop Actions & Brushes, and Design Assets.


DOWNLOAD NOW


Nine Types of Graphic Design to Familiarize Yourself With

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/CPOkfqIZUuQ/types-of-graphic-design

Graphic designers are artists who create visual concepts that tell stories, captivate audiences, and create long-lasting memories. Although graphic designers tend to operate under the same title, they practice many different types of graphic design. The difference between the types of graphic design isn’t just in the name. Often, the principles of the heart of design […]

The post Nine Types of Graphic Design to Familiarize Yourself With appeared first on designrfix.com.

Adventures In August (2019 Wallpapers Edition)

Original Source: https://www.smashingmagazine.com/2019/07/desktop-wallpaper-calendars-august-2019/

Adventures In August (2019 Wallpapers Edition)

Adventures In August (2019 Wallpapers Edition)

Cosima Mielke

2019-07-31T11:50:06+02:00
2019-07-31T11:36:46+00:00

Everybody loves a beautiful wallpaper to freshen up their desktops and home screens, right? So to cater for new and unique artworks on a regular basis, we embarked on our monthly wallpapers adventure nine years ago, and since then, artists and designers from all across the globe have accepted the challenge and submitted their designs to it. It wasn’t any different this time around, of course.

This post features wallpapers created for August 2019. Each of them comes in versions with and without a calendar and can be downloaded for free. A big thank-you to everyone who got their creative juices flowing and submitted their designs!

At the end of this month’s collection, you’ll also find some “oldies but goodies” that we rediscovered way down in our wallpapers archives and that are just too good to gather dust. So, which one is your favorite this month?

Please note that:

All images can be clicked on and lead to the preview of the wallpaper,
We respect and carefully consider the ideas and motivation behind each and every artist’s work. This is why we give all artists the full freedom to explore their creativity and express emotions and experience through their works. This is also why the themes of the wallpapers weren’t anyhow influenced by us but rather designed from scratch by the artists themselves.

Submit your wallpaper

We are always looking for creative designers and artists to be featured in our wallpapers posts. So if you have an idea for a September wallpaper, please don’t hesitate to submit your design. We’d love to see what you’ll come up with. Join in! →

Colorful Summer

“‘Always keep mint on your windowsill in August, to ensure that the buzzing flies will stay outside where they belong. Don’t think summer is over, even when roses droop and turn brown and the stars shift position in the sky. Never presume August is a safe or reliable time of the year.’ (Alice Hoffman)” — Designed by Lívi from Hungary.

Colorful Summer

preview
with calendar: 800×480, 1024×768, 1280×720, 1280×1024, 1400×1050, 1680×1050, 1680×1200, 1920×1200, 2560×1440, 3475×4633
without calendar: 800×480, 1024×768, 1280×720, 1280×1024, 1400×1050, 1680×1050, 1680×1200, 1920×1200, 2560×1440, 3475×4633

Smoky Mountain Bigfoot Conference

“Headed towards Smoky Mountain Bigfoot Conference this summer? Oh, they say it’s gonna be a big one! Get yourself out there well-prepared, armed with patience and ready to have loads of fun with fellow Bigfoot researchers. Looking forward to those campsite nights under the starry sky, with electrifying energy of expectations filling up the air? Lucky you!” — Designed by Pop Art Studio from Serbia.

Smoky Mountain Bigfoot Conference

preview
with calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440
without calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Magic Forest

Designed by IQUADART from Belarus.

Magic Forest

preview
with calendar: 640×480, 800×600, 1024×768, 1280×720, 1280×800, 1366×768, 1440×900, 1680×1050, 1920×1080, 1920×1200, 2560×1440
without calendar: 320×480, 640×480, 800×600, 1024×768, 1280×720, 1280×800, 1366×768, 1440×900, 1680×1050, 1920×1080, 1920×1200, 2560×1440

Friends Are Forever

“Friends are forever! No matter what, when, where you are, they are with you. A day spent with friends is always a day well spent.” — Designed by Sweans Technologies from London.

Friends Are Forever!

preview
with calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1200, 1920×1080, 1920×1200, 2560×1440
without calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1200, 1920×1080, 1920×1200, 2560×1440

El Pollo Pepe

“Summer is beach and swimming pool, but it means countryside, too. We enjoy those summer afternoons with our friend ‘El pollo Pepe’. Happy summer!” — Designed by Veronica Valenzuela from Spain.

El Pollo Pepe

preview
with calendar: 640×480, 800×480, 1024×768, 1280×720, 1280×800, 1440×900, 1600×1200, 1920×1080, 1920×1440, 2560×1440
without calendar: 640×480, 800×480, 1024×768, 1280×720, 1280×800, 1440×900, 1600×1200, 1920×1080, 1920×1440, 2560×1440

Summertime Magic

“Inspired by the magic of summer nights.” — Designed by Bekah Richards from Washington, DC.

Summertime Magic

preview
with calendar: 1280×800, 1440×900, 1600×1200, 1920×1080, 1920×1440, 2560×1440
without calendar: 1280×800, 1440×900, 1600×1200, 1920×1080, 1920×1440, 2560×1440

Life Is A Beach

“Life is like a beach, it is full of waves (read: ups and downs). But we got to learn to enjoy it the best we can!” — Designed by Emily van Hemert from the Netherlands.

Life Is A Beach

preview
with calendar: 1600×1200, 1920×1080, 2560×1440
without calendar: 1600×1200, 1920×1080, 2560×1440

Crimson Sunset

“I was checking out a manga which centers around karuta, a game using cards with verses from a set of 100 Japanese Poems. One poem in the manga (which is not among those 100, ironically) caught my interest and since August instills some kind of autumn feel in it, I thought it suited this poem really well. By the way, I did this in HTML and CSS.” — Designed by Nguyen Tuong Van from Singapore.

Crimson Sunset

preview
with calendar: 640×480, 1024×768, 1280×800
without calendar: 640×480, 1024×768, 1280×800

Oldies But Goodies

So many beautiful, unique, and inspiring wallpapers have emerged as a part of our wallpapers challenge in the past years. Deep in our archives we rediscovered some of these almost forgotten treasures. Here’s a small selection of August favorites. (Please note that these designs don’t come with a calendar.)

Purple Haze

“Meet Lucy: she lives in California, loves summer and sunbathing at the beach. This is our Jimi Hendrix Experience tribute. Have a lovely summer!” — Designed by PopArt Web Design from Serbia.

Purple Haze

preview
without calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Coffee Break Time

Designed by Ricardo Gimenes from Sweden.

Coffee Break Time

preview
without calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Chill Out

“Summer is in full swing and Chicago is feeling the heat! Take some time to chill out!” — Designed by Denise Johnson from Chicago.

Chill Out

preview
without calendar: 1024×768, 1280×800, 1280×1024, 1440×900, 1600×1200, 1920×1200

Launch

“The warm, clear summer nights make me notice the stars more — that’s what inspired this space-themed design!” — Designed by James Mitchell from the United Kingdom.

Launch

preview
without calendar: 1280×720, 1280×800, 1366×768, 1440×900, 1680×1050, 1920×1080, 1920×1200, 2560×1440, 2880×1800

I Love Summer

“I love the summer nights and the sounds of the sea, the crickets, the music of some nice party.” — Designed by Maria Karapaunova from Bulgaria.

I Love Summer

preview
without calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1440×900, 1440×1050, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Melon Day

“Melon Day (second Sunday in August) is an annual national holiday in Turkmenistan devoted to festivities to celebrate the country’s muskmelon. Another reason for me to create this wallpaper is that melons are just awesome!” — Designed by Melissa Bogemans from Belgium.

Melon Day

preview
without calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Are You Ready For The Adventure?

Designed by UrbanUI from India.

Are You Ready For The Adventure?

preview
without calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1440×900, 1440×1050, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1440

Grow Where You Are Planted

“Every experience is a building block on your own life journey, so try to make the most of where you are in life and get the most out of each day.” — Designed by Tazi Design from Australia.

Grow Where You Are Planted

preview
without calendar: 320×480, 640×480, 800×600, 1024×768, 1152×864, 1280×720, 1280×960, 1600×1200, 1920×1080, 1920×1440, 2560×1440

Elephant Time

“August is very notable for me. It is the month of two great events: World Elephant Day and the birthday of my son (both are on August 12th — what a coincidence!). So I want to share my double joy with you! Remember, elephants are great animals (in all meanings), but they still need your care.” — Designed by Anna K. from Minsk, Belarus.

Elephant Time

preview
without calendar: 320×480, 640×480, 720×1280, 750×1334, 800×480, 800×600, 1024×768, 1024×1024, 1080×1920, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Shark Night

“I imagine that I am lying on the beach on a warm summer night looking up at the sky, just thinking and letting my imagination take me away.” — Designed by Maggie Green from the United States.

Shark Night

preview
without calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1440×900, 1440×1050, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Camping Time

“I was inspired by the aesthetics of topography and chose to go with a camping theme for the month of August.” — Designed by Nicola Sznajder from Vancouver, B.C., Canada.

Camping Time

preview
without calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Dessert First

Designed by Elise Vanoorbeek from Belgium.

Dessert First

preview
without calendar: 320×480, 640×480, 800×480, 800×600, 1024×764, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Fireflies

“For this piece, I was inspired by what the end of summer meant to me as a child. I remember running around barefoot in the warm grass and catching fireflies late into the night. I wanted this to be a little reminder to everyone of the simpler times.” — Designed by Rosemary Ivosevich from Philadelphia, PA.

Fireflies

preview
without calendar: 800×600, 1020×768, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Autumn Is Just Around the Corner

“August is the month that brings to mind the passage of summer season and the arrival of autumn. The entire landscape around us gets a new look, and each of us remains nostalgic due to the passage of summer.” — Designed by Tattoo Temptation from the United Kingdom.

Autumn is Just Around the Corner

preview
without calendar: 320×480, 1024×768, 1024×1024, 1280×1024, 1440×900, 1680×1050, 1920×1080, 1920×1200, 2560×1440, 1366×768

Let It Bee

“In the summer, I always see a lot of buzzy animals, including bees. And because of the relaxing nature of summer, I thought ‘Let it bee!’” — Designed by Pieter Van der Elst from Belgium.

Let It Bee

preview
without calendar: 800×1280, 1280×800, 1280×1024, 1600×1200, 1920×1080, 1920×1200, 2560×1440

Directional Colors

“I have created and recreated this image in my head many times over and finally decided to create an actual copy. The ‘arrows’ have been big lately as my life has shot off into the design field. And the colors, well, they’re just awesome.” — Designed by Tatyana Voronin from the United States.

Directional Colors

preview
without calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

A Midnight Summer Dream

“It’s not Shakespeare, it’s Monk, staring at the stars in a warm summer midnight. Just relax…” — Designed by Monk Software from Italy.

A Midnight Summer Dream

preview
without calendar: 320×480, 640×960, 1024×768, 1280×800, 1280×1024, 1920×1080, 2560×1440

Handwritten August

“I love typograhy handwritten style.” — Designed by Chalermkiat Oncharoen from Thailand.

Handwritten August

preview
without calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

The Ocean Is Waiting

“In August, make sure you swim a lot. Be cautious though.” — Designed by Igor Izhik from Canada.

The Ocean Is Waiting

preview
without calendar: 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Solidarity

“Black and white landscape/waterscape photo.” — Designed by Jeremy Mullens from the United States.

Solidarity

preview
without calendar: 1024×768, 1280×1024, 1680×1050, 1920×1200, 2560×1440

No Drama Llama

“Llamas are showing up everywhere around us, so why not on our desktops too?” — Designed by Melissa Bogemans from Belgium.

No Drama Llama

preview
without calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1200, 1920×1440, 2560×1440

Childhood Memories

Designed by Francesco Paratici from Australia.

Monthly Quality Desktop Wallpaper - August 2012

preview
without calendar: 320×480, 1024×768, 1024×1024, 1280×800, 1280×1024, 1366×768, 1440×900, 1680×1050, 1920×1080, 1920×1200, 2560×1440

Join In Next Month!

Thank you to all designers for their participation. Join in next month!

Smashing Editorial
(il)

7 easy ways to take your Adobe CC skills to the next level

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/R4t5zBM6-_Y/7-easy-ways-to-take-your-adobe-cc-skills-to-the-next-level

Adobe Creative Cloud is the go-to suite of creative tools for many artists and designers in studios all over the globe, and so being familiar with its tools is a valuable skill to have. If you're looking to get started with Adobe apps, or brush up on your skills within a certain software, these online courses could be just the solution. Plus, right now they're up to 97% off.

From full Adobe CC suite training to specific app coverage, including Illustrator, Premiere Pro and Photoshop tutorials, there's something here for everyone.  

The Complete Adobe CC Training Bundle 

With over 60 hours of lectures and 200 tutorials, The Complete Adobe CC training Bundle is the perfect way to get more out of the Adobe CC programs you already use day-to-day. The seven-course training is geared toward various levels of experience, so no matter your level, you're likely to get something out of it. Great for work and play, this is a gem for both the budding and seasoned creative. 

MSRP: $673 / Buy Now: $29 (95% OFF)
The Complete Master Photoshop & Adobe CC Bundle

If you're specifically interested in developing your Photoshop skills further, this 75+ hour training comes straight from the minds of creative professionals. Find tutorials on coding, app design, graphic manipulation, plus so much more. It even includes exclusive training on how to build a more productive workflow for yourself.

MSRP: $1,399 / Buy Now: $31 (97% OFF)
Adobe After Effects: The Complete Motion Graphics Course

This complete course takes the majestic world of video and motion picture graphics and bundles it into comprehensive tutorials to apply in Adobe After Effects. Dive deep into the world of VFX with 100 lectures, exclusive tips and tricks and content you can access 24/7. 

MSRP: $297 / Buy Now: $18 (93% OFF)
Adobe Premiere Pro CC Masterclass: Video Editing Made Easy

If video editing is your summer project, this course certainly can't hurt when it comes to moving your skills along. Learn how to refine your editing techniques in Adobe Premier Pro, and at the very least, get some great practice in with these easy-to-follow tutorials. 

MSRP: $200 / Buy Now: $21 (89% OFF)
Getting Started with InDesign CC

You've got a great portfolio, but maybe you've yet to dive into the world of InDesign. There's no time like the present. Learn the ins and outs of InDesign with a hands-on course that explores layout best practices. Whether it be brochures, lookbooks, or your portfolio itself, this course will help you navigate through the sometimes overwhelming world of organising your artwork. 

MSRP: $49 / Buy Now: $19 (61% OFF)
Adobe Lightroom CC: Photo Editing Master Class

Learn to edit photos or adopt some new editing skills in this Lightroom Photo Editing Master Class. Taught by photographer Phil Ebiner, the comprehensive course will help you organise your photos and navigate through the powerful space that is Lightroom.

MSRP: $200 / Buy Now: $41 (79% OFF)
Getting Started with Illustrator CC

Illustrator is one of the most-used tools in design, which means there is always more to learn. This course explores best practices and shows you new techniques to navigate the flagship platform better. Logo design, typography, and advanced platform tutorials will help with fine-tuning your career skills.

MSRP: $99 / Buy Now: $25 (74% OFF)

Fresh Resources for Web Designers and Developers (July 2019)

Original Source: https://www.hongkiat.com/blog/designers-developers-monthly-07-2019/

PHP development has been pretty fast in the past few years. At the time of this writing, PHP 7.4 has just entered its first beta phase. It comes with a number improvements in many areas such as…

Visit hongkiat.com for full content.

Boots reveals biggest logo redesign in 170 years

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/gBIo6ovfuAc/boots-rebrand

Health and beauty retailer Boots has recently launched a new logo (above) and a refreshed visual identity to help it keep up to date with the ever-changing world of wellbeing. The overhauled branding includes one of the most dramatic changes to the UK retailer's logotype in its 170-year history, as well as an energetic redesign of Boots' stores, apps, social platforms, campaigns and website.

For readers outside of the UK, the Boots logo might be something of an unknown quantity. But for plenty of shoppers, the pharmacist-cum-beauty shop is a familiar sight. Its previous logo, below, featured the Boots logotype encased in a distinctive blue lozenge. The essence of this design has been going strong since the '60s, while the overall letter shapes can be traced back to 1883.

So tweaking the logo now is a significant move. In our guide to logo design we cover how logos are the centrepiece of most branding schemes. By adjusting the shape of such a long-standing design, the designers at London-based agency Coley Porter Bell are sending out a clear message that Boots is moving forwards.

1960s Boots logo

The lozenge shape first appeared in the ’60s, but changed from black to blue in the ’80s

Perhaps the most striking difference between the old logo and the new one is that the elongated cross bar on the letter 't' is no more. However, the large stroke trailing off from the letter 's' is still present. The latter is a good way of underlining the name and bringing the logotype together, while the old letter 't' now seems a bit clumsy in comparison.

If you're wondering why the cross bar was so long, it's because the original Boots logo (below) used to contain the word 'the', as the company used to be called The Boots Chemists.

Original Boots logo

Back when Boots was the definite article

For Coley Porter Bell, the new logo design was just one item on a long shopping list of rebrand updates.

"We liberated and crafted the Boots logotype from the restriction of the 1960's lozenge, re-introduced the classically contrasting master-brand colours, created straightforward, simple type and typography, easy to read, modern in feel and symmetrical in design, built an imagery library that looks great and feels great, bringing to life people and their individual character," Coley Porter Bell explains on its project page.

"And finally, we created a flexible, energetic design system with a true sense of simplicity."

This design system is intended to stop Boots from feeling old-fashioned. "Being healthy is no longer about ‘the absence of illness’, it’s now a way of life," Coley Porter Bell adds. With this in mind, the studio evolved the Boots masterbrand identity from 'champion everyone's right to feel good' to a new projected idea that 'our confidence inspires your confidence'.

Take a look at how this identity takes shape in store and online by clicking left to right in the gallery below.

As far as rebrands go, it's a clean and refreshing look. So points to Coley Porter Bell for modernising Boots and avoiding a sterile approach that could've dulled a pharmaceutical brand.

We like the use of vibrant but not garish colours. Although if we were to criticise one aspect, it would be that the array of fonts look a little jarring. There are sans serifs in both roman and italic styles, not to mention handwriting fonts on the brochures, which is a bit of a mismatch in what is otherwise a uniform and consistent identity.

Nitpicks aside though, this redesign is just what the doctor ordered.

Related articles:

18 controversial moments in logo design and branding5 logo design terms you should know8 Insta feeds to follow for logo design inspiration

98% Off: Get the Complete Amazon FBA A-Z Bundle for Only $29

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/SRsGdfxjRgI/98-off-get-the-complete-amazon-fba-a-z-bundle-for-only-29

The world of retail is dominated by Amazon. The ecommerce giant has been the go-to platform for individuals and businesses who want to sell their products. By selling on Amazon, you can reach a far larger customer base found on any of the other e-commerce platforms. Amazon’s FBA services makes it incredibly easy to sell […]

The post 98% Off: Get the Complete Amazon FBA A-Z Bundle for Only $29 appeared first on designrfix.com.

3 Essential Design Trends, August 2019

Original Source: https://www.webdesignerdepot.com/2019/07/3-essential-design-trends-august-2019/

Each of the design trends we are spotting this month have to deal with over-the-top techniques. It’s interesting because these big effects don’t always pop on the radar of what’s trending, but these concepts almost begged to be featured with a large number of projects showcasing these design elements.

This type of trend is interested because designers either love them or hate them. Take a look and see if these are concepts you’ll use. Here’s what’s trending in design this month.

Exaggerated White Space

So much white space.

These websites feature exaggerated amounts of whitespace and strong minimal themes with very little color or design ornamentation. And if you are like me, you can’t stop looking at them.

How does a design with so little visual information work?

The design trick here is disruption. If you see one of these designs, they are vastly different than almost any other site you are visiting. That makes you stop, and look, and think about what you are seeing. With the right content it can be quite effective.

While each of the designs here use exaggerated amounts of white space and practically no color, they don’t all look the same and use complementary effects to get a message across.

VS+Company uses a subtle animation with text blocks that appear next to the oversized “POST” and “MGMT” lines. The text provides additional content and information about the website and uses a black color that makes it easy to read.

Lundqvist & Dallyn asks a question to pique user interest. The image on the home screen and throughout the scroll feature hover animations that encourage clicks.

Jillian Hobbs uses white space to help users hone in on the words – in this case project names – to interact with. It’s a risky concept for a design portfolio, but it did encourage clicking through to pages with the same visual pattern, but featuring images and color.

Sharp Edges and Lines

While brutalism has never fully taken off as a widespread design trend, it is influencing designers. Sharp edges and lines are one way that we’re seeing it manifest.

Most recently, projects have had a softer feel with gradient coloring, real images or illustrations, and softer shapes. The projects below feature more hard edges, thick lines and square shapes. These shapes can be paired with different elements to establish a feel. The result is a design trend that’s a little harder, stronger, and harsh. It almost demands that you look at it.

Future London Academy uses bold yellow and black to create the most brutalist feel of the collection. Even the typography has an edge to it.

Purple Rock Scissors has an animated twitch to the hard lines on its homepage, which creates a feeling of unease for users. Why is everything twitching and moving in this way? It almost forces you to scroll. All of the video clips on the site use the same effect, which feels a lot like what we are seeing with the TikTok social network.

The Unshift portfolio focuses on shapes and animation with almost no color to draw users in. The moving cube is intriguing and enough to generate interest.

Screen-Centered Headlines

Hero headlines aren’t a new trend at all. But have you noticed a shift in the placements of the big text on homepages?

It’s vertically and horizontally centered.

The placement makes sense when you think about it. The eye will go right to the middle of the screen and then spread out to other elements. But do you love the super symmetrical feel?

The other benefit to this design technique is for the mobile versions of websites. It fits just a nicely on a mobile screen as desktop. Conversely if the text is positioned strong to the left or right, it often has to be moved when you shift from a more horizontal to vertical screen orientation.

This is one of those neat trends that’s heavily influenced by technology and how we use and interact with devices online.

The only thing to be aware of with a trend like this is that while perfect symmetry is harmonious and visually appealing it might not work with all backgrounds or imagery. It can also start to seem somewhat boring if everyone does it.

Finally, think about the length of words and messaging. With too many characters this style can feel heavy and overwhelming and works best with short blocks of text, such as each of the featured examples below.

Conclusion

When it comes to over-the-top design ideas, what works for you, do you prefer color, space, or typography? While you can see some influences of these trends on each other, what makes them work is that the focus is on one strong design element.

Love these ideas or hate them, each project above has a design style that encourages users to take a second look and consider engaging with the design.

Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}