#podmapping

[librarycards]

hi Sarah! asking this here as opposed to over DMs just in case someone needs it (and so it feels less urgent hopefully). anyway the job I'm trying to get is in peer support, which would make me a mandated reporter. obviously I'm tossing that rule right out the window til I move on or get fired, but while I have suicide hotlines and resources and such that don't involve the authorities, I'm almost certain I don't have any for abuse intervention. do you have any idea what to do in that situation, like with non-institutional resources? or should I just leave it? that option leaves a bad taste in my mouth, but like... the closest I've been to this hypothetical situation is gently urging friends to leave their abusive partners, so I'm a little bit out of my league here. tysm if you have any ideas/resources and no worries if not! (I'd have done my own research but like... idk I trust you more than random websites lol. might send this to some other ppl though if that helps take the pressure off)

Thank you so much for reaching out!! I am an adjunct instructor at two universities, at both of which I am also a mandated reporter. I add a disclaimer to my syllabi that students should *only* come to me disclosing sexual abuse, as well as the whole “thoughts of harming yourself/others”, if they actively want me to contact title IX or health services. I put in resources for Podmapping (Mia Mingus), Project LETS, and the Fireweed Collective, and offer in-class opportunities to draft a podmap / make connections with other students so that they have other options.

Project LETS is 1000% anti-cop, and has a resource for identifying abuse on their site. On the bottom of their site, they have a number that can be called or texted by anyone who needs support. Survived & Punished also has a superb guide to survivor support/defense that you might be able to learn from!

There’s also the short-term option of going to a peer respite center, if the person you’re working with wants to move away from their abuser but needs a place to regroup and rest first.

I can also offer you a bit of personal advice — I’ve helped friends leave abusive relationships and recognize / resist abuse from parents. The most helpful things I did were 1) to take a large amount of time out of my day just to listen & ask questions (e.g. if they describe an abusive behavior as if they deserved it, I’d ask “do you think it’s okay to treat another person that way?” And other phrases to start to deprogram them from the abuser’s logic) 2) include them in larger group activities with other friends, to help them build relationships and reverse isolation, and 3) be consistent - show up when you say you will, keep your promises, stay even keeled, even when they do something that infuriates or frustrates you (this is the hardest one).

There’s a delicate balance you have to strike, between treating them like a normal person / not with kid gloves, AND remembering that they need support that others may not. I think that, as a peer support worker, the most important thing you can do is to show and tell your client that you are on their side — not the side of their abuser OR the cops. Taking the time to listen, ask questions, and show up with kindness (even when they frustrate you) is a way of modeling that there are different, better ways of building relationships with others, relationships that your client more than deserves to have.

Hope this helps!

[algalbloom]

¨~POD~ Your pod is made up of the people that you would call on if violence, harm or abuse happened to you; or the people that you would call on if you wanted support in taking accountability for violence, harm or abuse that you’ve done; or if you witnessed violence or if someone you care about was being violent or being abused.¨

do u have a pod?

[stubborn-string-bones]

am i back? idfk

havin panic attacks about podmapping

realized i sure had some useful posts from the beginning of the pandemic

that real weird moment where you’re gazing at the record a social panic attack on a platform you social panic attacked that you’re looking at to defuse a social panic attack

like there’s a moment it gets too recursive

hi maybe? and definitely sorry.

[quidnuncclub]

8 Foods To Treat Irritable Bowel Syndrome

Nowadays, more and more people unfortunately suffer from the so-called irritable bowel syndrome (IBS) or spastic colon, which is characterized by severe abdominal pain and various very unpleasant digestive disorders. This syndrome makes people who suffer from it unable to eat a normal diet because of the wide variety of foods that can trigger the symptoms, causing these people to fear eating almost everything and to have a very poor diet.

However, although it is true that it is very difficult to find out the exact ingredients that trigger the discomfort in each person, there is a wide variety of foods that after several studies have shown to be very useful to improve the diet of these people, while also improving the overall symptoms of this disorder.

Are you tired of suffering from colic, abdominal swelling and diarrhoea on a continuous basis? Do you want to start eating better and enjoy a truly varied diet full of nutrients and flavour? Throughout this article we will give you the solution you need so much.

Lean meats

Lean meats are mostly composed of proteins, which are not fermentable by the bacteria that inhabit our stomach and therefore are not capable of generating the uncomfortable gases that IBS produces.

This makes lean meat one of your main allies to start eating meat without fear of suffering discomfort during your digestion or spastic colon symptoms and severe dehydration symptoms. However, not all types of lean meat are valid, but only those in which you can see that there is no excess fat, nor dark cuts: white chicken, lean meat cuts such as sirloin or round eye.

This way you can start consuming more animal protein in a totally healthy and risk-free way. Remember that protein is an essential element in any adult’s diet, being especially important for the maintenance of our muscles and obtaining energy.

Eggs

As with lean meats, eggs are a very high-protein and easily digestible food, so anyone suffering from irritable bowel syndrome could start eating them without any fear. The egg is a very versatile food that can be cooked in all kinds of ways, the most recommended in this case being to consume it boiled or in the form of an omelet with extra virgin olive oil.

Fish rich in omega-3

Fish is generally very rich in omega-3 fatty oils, which in turn have been shown to be a very beneficial ingredient for our intestinal health due to their anti-inflammatory properties. Therefore, since one of the main symptoms of spastic colon is inflammation of the intestines, starting to eat fish rich in omega-3s will help reduce discomfort.

The main fish rich in omega 3 are the following:

Salmon

Anchovies

Mackerel

Sardines

White fish

Black cod

Trout

Hake

Herring

Vegetables with low FODMAP content

One of the main food groups that people with irritable bowel syndrome tend to avoid are vegetables, as they contain a high amount of fiber that promotes gas generation or bloating; however, several studies have shown that this phenomenon can be avoided.

The key to eating vegetables without discomfort is to gradually start eating a variety of vegetables with low levels of PODMAP. The experts have created a list of vegetables that meet this requirement, ideally gradually increasing the daily dose of vegetables until we see that we do not generate any adverse effects.

The main vegetables with low levels of PODMAP are:

Peppers

Broccoli

Carrots

Celery

Turnip

Corn

Bamboo shoots

Potato

Pumpkin

Eggplant

Leafy vegetables with low levels of FODMAP

The intestinal flora of a person who has been suffering from IBS for a year will be very grateful if we start eating leafy vegetables with a high amount of fibre, as this will favour a faster and less tiring digestion.

The best leafy vegetables for people with IBS are:

Arugula

Kale

Kale

Cabbage

Endives

Fruits with low levels of FODMAP

As with vegetables, fruits are an essential food in the diet of people for the acquisition of all kinds of vitamins and natural fiber, which will promote digestion and strengthen the absorption capacity of our intestine. The key to preventing fruit from making us feel bad is not to exceed the recommended daily dose or simply to eat one piece of fruit a day instead of the 3 or 4 that experts recommend for the general population.

The best fruits with low FODMAP content are:

Avocado

Banana

Melon

Grapes

Kiwi

Lemon

Blueberries

Dry fruits

Nuts are one of the most complete snacks that anyone can consume regularly, including people with IBS. These fruits are rich in protein, fibre and omega-3 fatty acids, so they contain anti-inflammatory properties that will help reduce our intestinal discomfort, while keeping us well fed.

The best nuts for people with irritable bowel syndrome are:

Sin nuts

Brazil nuts

Macadamia nuts

Hazelnuts

Sprockets

[foolsmoonbooks-blog]

Mapping out your characters' relationships and impact on the story can be really helpful in making connections as you write. One tool you could use is pod mapping; transformative justice practitioners use this method to map the relationships of people in crisis, but could also be a helpful tool to think through the imaginary conflicts your characters are experiencing. To read more about podmapping:batjc.wordpress.com/pods-and-pod-mapping-worksheet/ [Image description: a number of people are walking on a plaza and dotted lines connect some of them together. The text reads: "Exercise: Make a list of each of the characters in your story, with a big role or small role. However feels best to you, write or draw out the relationships between these characters. How do they rely on or conflict with one another? When in time and space do they connect? How do their characteristics complement each other?"] foolsmoonbooks.com

[unixcommerce]

What’s New for Designers, August 2018

What’s old is new again; that’s the theme this month with new tools for designers with a few new tools that are rooted in the “old” concepts of design theory. From working with typefaces, to a color wheel, this roundup is packed with goodies. And then there are some new “new” tools as well, including a couple of cool 3D elements.

If we’ve missed something that you think should have been on the list, let us know in the comments. And if you know of a new app or resource that should be featured next month, tweet it to @carriecousins to be considered!

Font Playground

Font Playground is a tool to help you experiment with variable fonts and even export front-end code. Variable fonts, which are single font files that behave like multiple fonts, are gaining popularity, making this something you should probably experiment with.

Color Wheel Generator

Color Wheel Generator provides color-perfect matches for all hues around the color wheel in HEX format. Adjust settings such as hue, angle, saturation and lightness to see perfect matches from every location on the wheel.

Scale

Scale is a tool to help you see a color scale for actual use. See tints of a color in steps so you know exactly what colors will look like.

Rockstar

Rockstar is a dynamically typed Turing-complete programming language. It is designed for creating computer programs that are also song lyrics, and is heavily influenced by the lyrical conventions of 1980s hard rock and power ballads. (So, it is a super-fun programming language to experiment with.)

Fondu

Fondu is a smart contract building tool. The open-source contract is designed for launching an initial coin offering or crowdfunding campaign. Fill out the questionnaire and download your contracts.

Font Memory Game

The Font Memory Game can help you train your eyes to notice details in typography and better identify different typefaces. (It’s harder than you think!)

Fusion.js

Fusion.js is now available for public use. The Uber project is described as “is a good choice for someone looking for an open source boilerplate to build a modern, non-trivial web app.” It is a MIT-licensed JavaScript framework that supports popular libraries like React and Redux, and comes with modern features like hot module reloading, data-aware server-side rendering, and bundle splitting support. It provides a flexible plugin based architecture.

StyleURL

StyleURL lets you export and share CSS changes directly from Chrome DevTools so you can use it with an existing workflow. It generates a link which loads CSS changes into existing webpages automatically so that you can share tweaks visually.

Keyframes

Keyframes is a new online hangout for animators. You can chat about and share projects, ask questions and use the community as a learning tool to up your animation game.

Brandcast Team Edition

Brandcast Team Edition makes it easy for teams to work on code-free website design projects together. The tool allows marketing teams to create completely custom websites and interactive sales and marketing collateral without a single line of code. The release allows everyone – from designers to copywriters – to work on projects together within the interface.

Pair & Compare

Pair & Compare lets you find and preview font pairs. Test Google fonts (and more) right on the screen and change settings to match your project needs — background, text width, font size, line height and more.

Emoji Tweeter

Emoji Tweeter lets you create tweets from a desktop computer complete with emojis. It’s basically an emoji keyboard.

3D Cube Form

3D Cube Form makes you say “that’s cool.” The form tool is interactive and starts with a color picker — engaging, right? Then the user enters details based on form fields. It’s fun and different; it might not work for every project, but is definitely worth your time.

3D Toggle

3D Toggle is a cool animation that changes how you think about toggle actions. You’ll want to click it into action.

Malvid

Malvid is a tool to help you develop components with an interactive user interface so that you can preview and document web components as you create them. The tool analyzes your folder structure to turn files into a visual UI and it works using an API or CLI tool.

Podmap

Podmap is a cool data visualization tool that maps the world’s podcasts so you can find something new to listen to near you. Search by geolocation, podcast name or filter by country.

CoolHue

CoolHue is a JSON-rendered gradients palette. It includes 60 gradient options so you can add a trendy color effects to projects with ease. You can also grab CoolHue palettes for Photoshop or Sketch.

Tutorial: Animated SVG Neon Light Effect

The Animated SVG Neon Light Effect tutorial allows you to take a cool custom effect that you create in Adobe Illustrator and then move it to Sketch and export a sleek SVG image that is lightning fast for websites and apps. The step-by-step guide shows you how to do everything from creating the nifty effect to applying it for use (no more heavy gifs!). Plus, the tutorial includes downloadable project files to get you moving through the project with ease.

Aunofa Serif

Aunofa Serif is a tall and distinct serif typeface for display. The free version includes only uppercase characters. The paid version includes a script option as well.

Calibre

Calibre is a super-condense font that’s a fun choice for display with just a few words. The x-height is incredibly high in this uppercase font. It also includes numbers and a few glyphs.

Cleon

Cleon is a round sans serif appropriate for a variety of uses. It includes upper- and lowercase letters, numerals and some punctuation.

Deansgate Condensed

Deansgate Condensed is a clear and distinctive typeface that resembles the type used on street name signs in Manchester. Distinct characters include a point Z and points on the M and W.

Facon

Facon is a trendy display font in a ragged style. The letterforms include distinctive cutouts. It is an uppercase font with numbers and some special characters.

Mercy

Mercy is a highly readable sans serif with interesting curves for some of the letters – note the “M” in the image. It comes with a limited character set – just 69 elements – but does include italics of each.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

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;}

https://www.webdesignerdepot.com

The post What’s New for Designers, August 2018 appeared first on Unix Commerce.

from WordPress https://ift.tt/2BeUrd8 via IFTTT

[iyarpage]

What’s New for Designers, August 2018

What’s old is new again; that’s the theme this month with new tools for designers with a few new tools that are rooted in the “old” concepts of design theory. From working with typefaces, to a color wheel, this roundup is packed with goodies. And then there are some new “new” tools as well, including a couple of cool 3D elements.

If we’ve missed something that you think should have been on the list, let us know in the comments. And if you know of a new app or resource that should be featured next month, tweet it to @carriecousins to be considered!

Font Playground

Font Playground is a tool to help you experiment with variable fonts and even export front-end code. Variable fonts, which are single font files that behave like multiple fonts, are gaining popularity, making this something you should probably experiment with.

Color Wheel Generator

Color Wheel Generator provides color-perfect matches for all hues around the color wheel in HEX format. Adjust settings such as hue, angle, saturation and lightness to see perfect matches from every location on the wheel.

Scale

Scale is a tool to help you see a color scale for actual use. See tints of a color in steps so you know exactly what colors will look like.

Rockstar

Rockstar is a dynamically typed Turing-complete programming language. It is designed for creating computer programs that are also song lyrics, and is heavily influenced by the lyrical conventions of 1980s hard rock and power ballads. (So, it is a super-fun programming language to experiment with.)

Fondu

Fondu is a smart contract building tool. The open-source contract is designed for launching an initial coin offering or crowdfunding campaign. Fill out the questionnaire and download your contracts.

Font Memory Game

The Font Memory Game can help you train your eyes to notice details in typography and better identify different typefaces. (It’s harder than you think!)

Fusion.js

Fusion.js is now available for public use. The Uber project is described as “is a good choice for someone looking for an open source boilerplate to build a modern, non-trivial web app.” It is a MIT-licensed JavaScript framework that supports popular libraries like React and Redux, and comes with modern features like hot module reloading, data-aware server-side rendering, and bundle splitting support. It provides a flexible plugin based architecture.

StyleURL

StyleURL lets you export and share CSS changes directly from Chrome DevTools so you can use it with an existing workflow. It generates a link which loads CSS changes into existing webpages automatically so that you can share tweaks visually.

Keyframes

Keyframes is a new online hangout for animators. You can chat about and share projects, ask questions and use the community as a learning tool to up your animation game.

Brandcast Team Edition

Brandcast Team Edition makes it easy for teams to work on code-free website design projects together. The tool allows marketing teams to create completely custom websites and interactive sales and marketing collateral without a single line of code. The release allows everyone – from designers to copywriters – to work on projects together within the interface.

Pair & Compare

Pair & Compare lets you find and preview font pairs. Test Google fonts (and more) right on the screen and change settings to match your project needs — background, text width, font size, line height and more.

Emoji Tweeter

Emoji Tweeter lets you create tweets from a desktop computer complete with emojis. It’s basically an emoji keyboard.

3D Cube Form

3D Cube Form makes you say “that’s cool.” The form tool is interactive and starts with a color picker — engaging, right? Then the user enters details based on form fields. It’s fun and different; it might not work for every project, but is definitely worth your time.

3D Toggle

3D Toggle is a cool animation that changes how you think about toggle actions. You’ll want to click it into action.

Malvid

Malvid is a tool to help you develop components with an interactive user interface so that you can preview and document web components as you create them. The tool analyzes your folder structure to turn files into a visual UI and it works using an API or CLI tool.

Podmap

Podmap is a cool data visualization tool that maps the world’s podcasts so you can find something new to listen to near you. Search by geolocation, podcast name or filter by country.

CoolHue

CoolHue is a JSON-rendered gradients palette. It includes 60 gradient options so you can add a trendy color effects to projects with ease. You can also grab CoolHue palettes for Photoshop or Sketch.

Tutorial: Animated SVG Neon Light Effect

The Animated SVG Neon Light Effect tutorial allows you to take a cool custom effect that you create in Adobe Illustrator and then move it to Sketch and export a sleek SVG image that is lightning fast for websites and apps. The step-by-step guide shows you how to do everything from creating the nifty effect to applying it for use (no more heavy gifs!). Plus, the tutorial includes downloadable project files to get you moving through the project with ease.

Aunofa Serif

Aunofa Serif is a tall and distinct serif typeface for display. The free version includes only uppercase characters. The paid version includes a script option as well.

Calibre

Calibre is a super-condense font that’s a fun choice for display with just a few words. The x-height is incredibly high in this uppercase font. It also includes numbers and a few glyphs.

Cleon

Cleon is a round sans serif appropriate for a variety of uses. It includes upper- and lowercase letters, numerals and some punctuation.

Deansgate Condensed

Deansgate Condensed is a clear and distinctive typeface that resembles the type used on street name signs in Manchester. Distinct characters include a point Z and points on the M and W.

Facon

Facon is a trendy display font in a ragged style. The letterforms include distinctive cutouts. It is an uppercase font with numbers and some special characters.

Mercy

Mercy is a highly readable sans serif with interesting curves for some of the letters – note the “M” in the image. It comes with a limited character set – just 69 elements – but does include italics of each.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

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;} What’s New for Designers, August 2018 published first on https://medium.com/@koresol

[webbygraphic001]

What’s New for Designers, August 2018

What’s old is new again; that’s the theme this month with new tools for designers with a few new tools that are rooted in the “old” concepts of design theory. From working with typefaces, to a color wheel, this roundup is packed with goodies. And then there are some new “new” tools as well, including a couple of cool 3D elements.

If we’ve missed something that you think should have been on the list, let us know in the comments. And if you know of a new app or resource that should be featured next month, tweet it to @carriecousins to be considered!

Font Playground

Font Playground is a tool to help you experiment with variable fonts and even export front-end code. Variable fonts, which are single font files that behave like multiple fonts, are gaining popularity, making this something you should probably experiment with.

Color Wheel Generator

Color Wheel Generator provides color-perfect matches for all hues around the color wheel in HEX format. Adjust settings such as hue, angle, saturation and lightness to see perfect matches from every location on the wheel.

Scale

Scale is a tool to help you see a color scale for actual use. See tints of a color in steps so you know exactly what colors will look like.

Rockstar

Rockstar is a dynamically typed Turing-complete programming language. It is designed for creating computer programs that are also song lyrics, and is heavily influenced by the lyrical conventions of 1980s hard rock and power ballads. (So, it is a super-fun programming language to experiment with.)

Fondu

Fondu is a smart contract building tool. The open-source contract is designed for launching an initial coin offering or crowdfunding campaign. Fill out the questionnaire and download your contracts.

Font Memory Game

The Font Memory Game can help you train your eyes to notice details in typography and better identify different typefaces. (It’s harder than you think!)

Fusion.js

Fusion.js is now available for public use. The Uber project is described as “is a good choice for someone looking for an open source boilerplate to build a modern, non-trivial web app.” It is a MIT-licensed JavaScript framework that supports popular libraries like React and Redux, and comes with modern features like hot module reloading, data-aware server-side rendering, and bundle splitting support. It provides a flexible plugin based architecture.

StyleURL

StyleURL lets you export and share CSS changes directly from Chrome DevTools so you can use it with an existing workflow. It generates a link which loads CSS changes into existing webpages automatically so that you can share tweaks visually.

Keyframes

Keyframes is a new online hangout for animators. You can chat about and share projects, ask questions and use the community as a learning tool to up your animation game.

Brandcast Team Edition

Brandcast Team Edition makes it easy for teams to work on code-free website design projects together. The tool allows marketing teams to create completely custom websites and interactive sales and marketing collateral without a single line of code. The release allows everyone – from designers to copywriters – to work on projects together within the interface.

Pair & Compare

Pair & Compare lets you find and preview font pairs. Test Google fonts (and more) right on the screen and change settings to match your project needs — background, text width, font size, line height and more.

Emoji Tweeter

Emoji Tweeter lets you create tweets from a desktop computer complete with emojis. It’s basically an emoji keyboard.

3D Cube Form

3D Cube Form makes you say “that’s cool.” The form tool is interactive and starts with a color picker — engaging, right? Then the user enters details based on form fields. It’s fun and different; it might not work for every project, but is definitely worth your time.

3D Toggle

3D Toggle is a cool animation that changes how you think about toggle actions. You’ll want to click it into action.

Malvid

Malvid is a tool to help you develop components with an interactive user interface so that you can preview and document web components as you create them. The tool analyzes your folder structure to turn files into a visual UI and it works using an API or CLI tool.

Podmap

Podmap is a cool data visualization tool that maps the world’s podcasts so you can find something new to listen to near you. Search by geolocation, podcast name or filter by country.

CoolHue

CoolHue is a JSON-rendered gradients palette. It includes 60 gradient options so you can add a trendy color effects to projects with ease. You can also grab CoolHue palettes for Photoshop or Sketch.

Tutorial: Animated SVG Neon Light Effect

The Animated SVG Neon Light Effect tutorial allows you to take a cool custom effect that you create in Adobe Illustrator and then move it to Sketch and export a sleek SVG image that is lightning fast for websites and apps. The step-by-step guide shows you how to do everything from creating the nifty effect to applying it for use (no more heavy gifs!). Plus, the tutorial includes downloadable project files to get you moving through the project with ease.

Aunofa Serif

Aunofa Serif is a tall and distinct serif typeface for display. The free version includes only uppercase characters. The paid version includes a script option as well.

Calibre

Calibre is a super-condense font that’s a fun choice for display with just a few words. The x-height is incredibly high in this uppercase font. It also includes numbers and a few glyphs.

Cleon

Cleon is a round sans serif appropriate for a variety of uses. It includes upper- and lowercase letters, numerals and some punctuation.

Deansgate Condensed

Deansgate Condensed is a clear and distinctive typeface that resembles the type used on street name signs in Manchester. Distinct characters include a point Z and points on the M and W.

Facon

Facon is a trendy display font in a ragged style. The letterforms include distinctive cutouts. It is an uppercase font with numbers and some special characters.

Mercy

Mercy is a highly readable sans serif with interesting curves for some of the letters – note the “M” in the image. It comes with a limited character set – just 69 elements – but does include italics of each.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source from Webdesigner Depot https://ift.tt/2vGhCb0 from Blogger https://ift.tt/2KMSGTX

[luxus4me]

Codrops http://j.mp/2mNMUI4

Our Sponsor

Bloom: eMail Opt-In And Lead Generation Plugin For WordPress

Bloom gives you the power to display opt-in forms using integrations of the most popular email marketing systems available.

Check it out

The CSS Paint API

Learn all about the new and exciting CSS Paint API in this article by Ruth John.

Read it

What Is Redux: A Designer’s Guide

In this article, Linton Ye writes about Redux and how it relates to design.

Read it

React Developer Roadmap

A complete roadmap to becoming a React developer in 2018.

Check it out

UnusedCSS

A tool that helps you find unused CSS on a webpage.

Check it out

Browsh

Browsh is a bandwidth-saving text-based browser that can render anything that a modern browser can. It can be used from a terminal or from within a normal browser.

Check it out

CSS Nesting Request

Read this interesting discussion around the proposed CSS Nesting module that could be a game changer in how we write CSS.

Check it out

Podmap

Podmap is an open-source app that maps the world’s podcasts and helps you discover podcasts near you.

Check it out

Itty.bitty

Itty.bitty is a tool to create links that contain entire small sites.

Check it out

The div that look different in every browser

Martijn Cuppens shared this fantastic demo that shows a div that renders differently in every major browser. Check out the tweet replies for more examples.

Check it out

Design Systems at GitHub

Diana Mounter shares a brief history of how the design team at GitHub grew, what they’ve been working on, and what’s next.

Read it

CSS-in-JS: FTW || WTF?

In this CSS Day 2018 talk Bruce Lawson dives into the CSS-in-JS topic.

Watch it

The current state of modal dialog accessibility

Scott O’Hara explores how modal dialogs are doing when it comes to accessibility.

Read it

How I scaled a website to 10 million users

Ex-Google Tech Lead Patrick Shyu talks about scalability, and how he grew a website to handle 10 million monthly users.

Watch it

Free Font: Mathison

A great looking font designed by Gabriela Bindis.

Get it

Different views on view-source

Some interesting notes on the current debate around the controversial tweet by Tom Dale about “view-source”. By Christian Heilmann.

Read it

Pattern Library First: An Approach For Managing CSS

Rachel Andrew shows how to use Fractal to manage CSS Grid components.

Read it

Free Font: Manrope Font

Manrope font is an open-source modern grotesque font family designed by Michael Sharanda.

Get it

Vue.js: the good, the meh, and the ugly

In case you missed it: Pier Bover explains what he likes and doesn’t like about Vue.

Read it

Cryptovoxels

A virtual world on the Ethereum blockchain where you can build, develop and sell property.

Check it out

Sketch of Voronoi

A demo of amazing Voronoi structures by Gerard Ferrandez.

Check it out

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

http://j.mp/2Ae5d2A via Codrops URL : http://j.mp/2rtATMl

[unixcommerce]

What’s New for Designers, August 2018

What’s old is new again; that’s the theme this month with new tools for designers with a few new tools that are rooted in the “old” concepts of design theory. From working with typefaces, to a color wheel, this roundup is packed with goodies. And then there are some new “new” tools as well, including a couple of cool 3D elements.

If we’ve missed something that you think should have been on the list, let us know in the comments. And if you know of a new app or resource that should be featured next month, tweet it to @carriecousins to be considered!

Font Playground

Font Playground is a tool to help you experiment with variable fonts and even export front-end code. Variable fonts, which are single font files that behave like multiple fonts, are gaining popularity, making this something you should probably experiment with.

Color Wheel Generator

Color Wheel Generator provides color-perfect matches for all hues around the color wheel in HEX format. Adjust settings such as hue, angle, saturation and lightness to see perfect matches from every location on the wheel.

Scale

Scale is a tool to help you see a color scale for actual use. See tints of a color in steps so you know exactly what colors will look like.

Rockstar

Rockstar is a dynamically typed Turing-complete programming language. It is designed for creating computer programs that are also song lyrics, and is heavily influenced by the lyrical conventions of 1980s hard rock and power ballads. (So, it is a super-fun programming language to experiment with.)

Fondu

Fondu is a smart contract building tool. The open-source contract is designed for launching an initial coin offering or crowdfunding campaign. Fill out the questionnaire and download your contracts.

Font Memory Game

The Font Memory Game can help you train your eyes to notice details in typography and better identify different typefaces. (It’s harder than you think!)

Fusion.js

Fusion.js is now available for public use. The Uber project is described as “is a good choice for someone looking for an open source boilerplate to build a modern, non-trivial web app.” It is a MIT-licensed JavaScript framework that supports popular libraries like React and Redux, and comes with modern features like hot module reloading, data-aware server-side rendering, and bundle splitting support. It provides a flexible plugin based architecture.

StyleURL

StyleURL lets you export and share CSS changes directly from Chrome DevTools so you can use it with an existing workflow. It generates a link which loads CSS changes into existing webpages automatically so that you can share tweaks visually.

Keyframes

Keyframes is a new online hangout for animators. You can chat about and share projects, ask questions and use the community as a learning tool to up your animation game.

Brandcast Team Edition

Brandcast Team Edition makes it easy for teams to work on code-free website design projects together. The tool allows marketing teams to create completely custom websites and interactive sales and marketing collateral without a single line of code. The release allows everyone – from designers to copywriters – to work on projects together within the interface.

Pair & Compare

Pair & Compare lets you find and preview font pairs. Test Google fonts (and more) right on the screen and change settings to match your project needs — background, text width, font size, line height and more.

Emoji Tweeter

Emoji Tweeter lets you create tweets from a desktop computer complete with emojis. It’s basically an emoji keyboard.

3D Cube Form

3D Cube Form makes you say “that’s cool.” The form tool is interactive and starts with a color picker — engaging, right? Then the user enters details based on form fields. It’s fun and different; it might not work for every project, but is definitely worth your time.

3D Toggle

3D Toggle is a cool animation that changes how you think about toggle actions. You’ll want to click it into action.

Malvid

Malvid is a tool to help you develop components with an interactive user interface so that you can preview and document web components as you create them. The tool analyzes your folder structure to turn files into a visual UI and it works using an API or CLI tool.

Podmap

Podmap is a cool data visualization tool that maps the world’s podcasts so you can find something new to listen to near you. Search by geolocation, podcast name or filter by country.

CoolHue

CoolHue is a JSON-rendered gradients palette. It includes 60 gradient options so you can add a trendy color effects to projects with ease. You can also grab CoolHue palettes for Photoshop or Sketch.

Tutorial: Animated SVG Neon Light Effect

The Animated SVG Neon Light Effect tutorial allows you to take a cool custom effect that you create in Adobe Illustrator and then move it to Sketch and export a sleek SVG image that is lightning fast for websites and apps. The step-by-step guide shows you how to do everything from creating the nifty effect to applying it for use (no more heavy gifs!). Plus, the tutorial includes downloadable project files to get you moving through the project with ease.

Aunofa Serif

Aunofa Serif is a tall and distinct serif typeface for display. The free version includes only uppercase characters. The paid version includes a script option as well.

Calibre

Calibre is a super-condense font that’s a fun choice for display with just a few words. The x-height is incredibly high in this uppercase font. It also includes numbers and a few glyphs.

Cleon

Cleon is a round sans serif appropriate for a variety of uses. It includes upper- and lowercase letters, numerals and some punctuation.

Deansgate Condensed

Deansgate Condensed is a clear and distinctive typeface that resembles the type used on street name signs in Manchester. Distinct characters include a point Z and points on the M and W.

Facon

Facon is a trendy display font in a ragged style. The letterforms include distinctive cutouts. It is an uppercase font with numbers and some special characters.

Mercy

Mercy is a highly readable sans serif with interesting curves for some of the letters – note the “M” in the image. It comes with a limited character set – just 69 elements – but does include italics of each.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

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;}

https://www.webdesignerdepot.com

The post What’s New for Designers, August 2018 appeared first on Unix Commerce.

from WordPress https://ift.tt/2BeUrd8 via IFTTT