#var attempts to give advice
Explore tagged Tumblr posts
Note
I've always been interested in writing a fanfic, but I've never actually done so before. I don't really have a lot of experience in writing under my belt either and I think I'm close to your age too. Do you have any tips for beginners like myself?
my advice is to just go for it!!!!! i know that sounds too simple, but i've found that the biggest hurdle i had when starting out was just not going for it sooner.
it also helps to have a story you are really excited to write. what got me started writing fanfiction back in 2020 was bc i wanted to explore what could happen after the events of fe3h. it really excited me to think about and so it helped me get to writing!
just like any hobby, practice makes perfect. so writing anything is better than writing nothing! also keep in mind the types of stories YOU like to read, and write something that would appeal to you first and foremost!
when it comes to like, perfecting your prose or w/e. don't worry about it too much at first. just write. you can polish it later. if you try to edit while you write it will just hinder you!
but also, if you want advice on specific things, feel free to DM me about it!
11 notes
·
View notes
Note
gray,
; l;ke to cons;der myself a b;t of a "romance understander", but recently th;s has backf;red ;n the worst poss;ble way.
my matespr;t and ; are com;ng up on our one sweep, but ;'m not sure we'll make it to the n;ght. she has been attempt;ng to court a goldblood ;n the p;tch quadrant for about two per;gees now, and was com;ng to me for adv;ce on how to best secure h;s spade. unfortunately he recently confronted her about "steal;ng" one of her fl;rt;ng attempts "beat-for-beat" from a popular romcom that he had recently watched. they had a b;g blowup about ;t, and sadly dur;ng that argument ;t came out that not only was all the adv;ce ;'ve been g;v;ng her from var;ous f;lm-based sources, but the spec;al moments ;n wh;ch ; or;g;nally won her over were "plager;zed" as well. now she ;s fur;ous w;th me, ev;dently because that goldblood has conv;nced her that me tak;ng ;nsp;rat;on from my favor;te mov;es means that my feel;ngs are just as "fake".
normally ; would look to med;a for adv;ce, but now even that ;s out because no doubt ;t w;ll also be cons;dered ";ns;ncere"!!
; feel a b;t l;ke the protagon;st of ";n wh;ch a greenblood makes a l;v;ng boost;ng the conf;dence of romant;c su;tors so that they may w;n over the;r quadrants only for h;s own prospect;ve flushcrush to m;stakenly bel;eve from her mo;ra;l that he ;s ;n the bus;ness of d;sgu;s;ng sleazeballs ;n order to tr;ck people ;nto pa;l;ng them, wh;ch ;s not at all true but h;s reputat;on ;s ru;ned as well as the bronzeblood's whom he ;s help;ng to w;n over a seadweller etc"... ; don't know ;f you've ever seen that mov;e but that's bas;cally my current s;tuat;on!
what should ; do??
Holy shit, I love that movie actually. Troll Will Smith is fucking amazing in everything he does and I'll never hear otherwise.
As for your actual problem though, that sucks ass. You should try to talk this out with your matesprit, explain to her that everything comes from your genuine feelings for her and that you just like using moves from your own favorite things which you consider to be incredibly romantic on her. That's a very flattering thing to do! However maybe use your own words for it, just to really prove that it's from your pusher and no one else's.
Besides, things work out for the main character in the end of that movie. He gets to be with his flushcrush, and even the bronzeblood and the seadweller get together! (Spoilers if you haven't watched it I fucking guess, but like, that movie is so old that really it's on you if you haven't seen it).
Things will likely work out if you just explain your reasoning... perhaps to her kismesis as well, since he seems to be a big part of it. You should probably stop giving her advice for her other quadrants, though, because clearly other trolls aren't very appreciative of it.
Good luck.
4 notes
·
View notes
Text
6 Tips to Take Care of Your Spring Mattress
A little care and maintenance, from cleaning to prevention, can go a long way in keeping your single or double mattress in good condition for years to come.
After investing in the greatest mattress, you likely anticipate using it for many years to give restful sleep. However, the lifespan of your bed can be shortened or extended depending on how well you care for your mattress, typically intended to last five to 10 years or more.
You can maintain your mattress clean and healthy and give cosy sleep for as long as possible by being mindful of environmental elements and knowledgeable about the best care for a bed.
Ensure that your mattress is well-supported
Although you might not necessarily need to buy the foundation or box spring with a new mattress, ensuring your mattress has the proper support is important. This prevents early wear and maintains the integrity of the materials.
For advice, speak with the manufacturer or see the warranty policy. For example, memory foam and other speciality mattresses require firm, sturdy support, whereas box springs are typically exclusively utilised with spring mattresses.
Use a High-Quality Mattress Protector
Use a mattress protector to shield your mattress from dirt, sweat, liquid spills, food crumbs, and other things. All of these interiors are absorbed by a mattress, which produces unclean, unhygienic bedding full of dust mites, bacteria, microorganisms, and various pests. Additionally, there is no way to clean the mattress from the inside if it all goes inside. As a result, your mattress's interior will stay unclean and full of unpleasant filth and germs even if the exterior is cleaned.
However, that can be avoided by utilising protection. A detachable mattress cover called a mattress protector keeps dirt, moisture, and food crumbs from getting inside the mattress by fitting on top of it or encasing it completely. Additionally, you can easily clean your mattress protector if any liquid or other substance spills on top of it by wiping it off or washing it like you would your bed sheets. Your mattress will last longer and remain clean and hygienic if you use a protector.
Wash your bedsheets regularly
You release sweat, oils, hair, and skin cells while you sleep. Additionally, crumbs from eating in bed can be tracked in by animals. All of this can infiltrate into mattress layers, becoming gross and fostering bacteria and dust mites.
Most cleaning professionals agree that bed linens and blankets should preferably be washed once a week to twice a month. It's crucial to maintain clean linens even when using a mattress protector. Additionally, the mattress covering should occasionally be washed following the manufacturer's instructions.
Rotate Your Mattress Once in a While
One of the best ways to increase the mattress' lifespan and prevent sagging is to rotate it. This means moving it from top to bottomâfrom your bed's head to its footâto accomplish this. This will not only prevent it from deteriorating in any region, but it will also help it live longer by preventing depression. A minimum of once every three months, or once every six months if your mattress is thick and heavy, should be rotated. If your mattress is a flip- or dual-sided mattress, you can also flip it. This will give the worn side time to heal and return to how it was.
Do Not Fold or Bend Your Mattress
When the mattress is brand-new, we attempt to treat it with the utmost care, but once it has been in our home for some time, we stop taking such good care of it. Never fold or bend your spring mattress to ensure it lasts longer and stays in good condition. Its springs and foam can break if it is folded or bent. So, remove your mattress carefully from the side without bending it when changing sheets or transferring it. Additionally, prevent your kids from jumping on the bed, as this could prematurely wear down the springs.
Conclusion
Although the care and maintenance requirements for various types and brands of mattresses, such as double mattresses and single mattresses, can vary significantly, the fundamentals remain the same. Basically, ensure the bed is clean, shield it from harm, support it, and rotate it for even wear.
Although numerous elements affect how long a mattress will last, adhering to these best practices will help you have years of restful sleep and get the most out of your investment. In addition, know that a 10-year warranty on your mattress is regarded as the industry standard, regardless of whether you are looking at more conventional brick-and-mortar retailers or new bed-in-a-box mattress providers.
0 notes
Text
youtube
Langblr Word of the Day Challenge - Day 10 (Advice)
et rÄd | rÄdet | rÄdene (rÄda) everyone else was doing songs 'today' so i decided to jump on the bandwagon hehe. this is one of my favorite songs, from my favorite album, of one of my favorite artists: cezinando (featuring another one of my favs Unge Ferrari aka Stig Brenner). this is kinda a stretch with how it relates to the word 'advice' but i hope you get what i was trying to do here lol. here is my attempt at a translation! please let me know if i made any mistakes and lmk if you listen to the song and what you think of it!
Jeg bare synes du skulle ha hÞrt pÄ meg I just think you should have listened to me
Karma er en bitch, fucker ikke med hun Karma is a bitch, I dont fuck with her Alt som gÄr opp kommer ned igjen i retur everything that goes up comes down again in return Sa det og det vet du, traff deg midt i nedturen said it and you know it, met you in the middle of the down turn BÊrer pÄ noe shit og det ligger under huden carrying some shit and it lies under my skin I min renessanse du sa "la meg ta en sjanse" in my reanaissance you say "let me take a chance" Advarte deg, du ville ikke hÞre da jeg sa det i warned you, you wouldn't listen when i said it Jeg knakk en kode, nÞkler pÄ bordet i cracked a code, keys on the table Jeg var blakk, men jeg ga deg mine to cent i was broke, but i gave you my two cents
Jeg bare syns du skulle hĂžrt pĂ„ meg i just think you should have listened to me Gitt deg sjĂžl litt feil given yourself a little mistake For jeg sa det med en gang because i said it immediately Jeg bare syns du skulle hĂžrt pĂ„ meg i just think you should have listened to me Ikke spĂžrt om meg mer dont ask about me anymore Jeg bare syns du skulle hĂžrt pĂ„ meg i just think you should have listened to me Gitt deg sjĂžl litt feil given yourself a little mistake Jeg vil hĂžre sĂ„pass i want to hear [that] so bad Jeg bare syns du skulle hĂžrt pĂ„ meg i just think you should have listened to me Ikke tĂžrt med meg, for jeg lover det e'kke dette du vil ha dont fuck with me, because i promise thats not what you want Ikke tenk og snakk for mye om hva du sa, jeg sa ogsĂ„ ting dont think and talk too much about what you said, i also said things For en gangs skyld er den ikke min for once the blame is not mine Underdrevne overtalelser, det er ikke sĂ„ lett nĂ„r jeg egentlig vil understated persuasion, it is not so easy when i really want to Jeg bare prĂžvde Ă„ gi deg noe Ă„ skylde pĂ„ i just tried to give you something to blame Jeg sa det ikke for Ă„ vĂŠre snill, jeg sa det for jeg bryr meg i didnt say it to be nice, i said it because i care Hvorfor skulle jeg ikke? why shouldn't i? NĂ„r du tar opp trĂ„den, veit du altfor godt jeg ikke kan dy meg when you pick up the thread, you know all to well i can't stop myself Hvorfor skulle jeg det? why should i? Jeg bare sier ja, men det betyr nei i just say yes, but it means no La oss bare telle til ti lets just count to ten Please ikke gĂ„, ikke bli please don't go, dont become Ăynene sĂ„ pĂ„ deg gĂ„ mens jeg hĂžrte pĂ„ stemmen min si my eyes watched you go as i listened to my voice say
Jeg bare syns at du skulle hÞrt pÄ meg i just think you should have listened to me Gitt deg sjÞl litt feil given yourself a little mistake For jeg sa det med en gang because i said it immediately Jeg bare syns at du skulle hÞrt pÄ meg i just think you should have listened to me Ikke spÞrt om meg mer dont ask about me anymore Jeg bare syns at du skulle hÞrt pÄ meg i just think you should have listened to me Gitt deg sjÞl litt feil given yourself a little mistake Jeg vil hÞre sÄpass i want to hear [that] so bad Jeg bare syns at du skulle hÞrt pÄ meg i just think you should have listened to me Ikke tÞrt med meg, for jeg lover det e'kke dette du vil ha dont fuck with me, because i promise that's not what you want
Det er ikke sĂ„ dramatisk it's not that dramatic Hun ble stille lenge, sĂ„ meg rett i Ăžya she remained silent for a long time, looked me right in the eye Sa "det kler deg dĂ„rlig Ă„ vĂŠre sĂ„ apatisk" said " it suits you poorly to be so apathetic' Jeg er bare overfladisk i am just superficial Det er sant det that is true Det er ting jeg ikke har blitt vant med there are things i haven't gotten used to Og jeg veit det er tragisk and i know that its tragic Men jeg bare prĂžvde Ă„ dra oss inn i but i just tried to pull us into Virkeligheten mens du ventet pĂ„ at det skulle skje noe magisk reality while you waited for something magical to happen Men ingen magi finnes for Ă„ bli but no magic exists to stay Ăynene sĂ„ pĂ„ deg gĂ„ mens jeg hĂžrte pĂ„ stemmen min si my eyes watched you go as i listened to my voice say
Jeg bare syns at du skulle hÞrt pÄ meg i just think you should have listened to me Gitt deg sjÞl litt feil given yourself a little mistake For jeg sa det med en gang because i said it immediately Jeg bare syns at du skulle hÞrt pÄ meg i just think you should have listened to me Ikke spÞrt om meg mer dont ask about me anymore Jeg bare syns at du skulle hÞrt pÄ meg i just think you should have listened to me Gitt deg sjÞl litt feil given yourself a little mistake Jeg vil hÞre sÄpass i want to hear [that] so bad Jeg bare syns at du skulle hÞrt pÄ meg i just think you should have listened to me Ikke tÞrt med meg, for jeg lover det e'kke dette du vil ha dont fuck with me because i promise thats not what you want Jeg bare syns at du skulle hÞrt pÄ meg i just think you should have listened to me Gitt deg sjÞl litt feil given yourself a little mistake For jeg sa det med en gang because i said it immediately Jeg bare syns at du skulle hÞrt pÄ meg i just think you should have listened to me Ikke spÞrt om meg mer dont ask about me anymore Jeg bare syns at du skulle hÞrt pÄ meg i just think you should have listened to me Gitt deg sjÞl litt feil given yourself a little mistake Jeg vil hÞre sÄpass i want to hear [that] so bad Jeg bare syns at du skulle hÞrt pÄ meg i just think you should have listened to me Ikke tÞrt med meg, for jeg lover det e'kke dette du vil ha dont fuck with me because i promise that's not what you want
#i am also behind :)#langblrwotdchallenge#norsk#norwegian#norwegian langblr#langblr#jeg lĂŠrer meg norsk#cezinando#norwegian music#unge ferrari#language learning
2 notes
·
View notes
Text
old forms, new movement
finished binging avatar: the last airbender and decided thatâs what thedas looked like before Solas raised the Veil Solas interacts with a romanced Lavellanâs daughter, in a world where Lavellan shames him into admitting he is FenâHarel and his role in Corypheusâ plans. not all is well, but itâs getting better.
------
Solas is canvassing the forest outside of Skyholdâs walls, looking for the royal elfroot he planted when they first arrived, when he sees them: mother and daughter, slowly moving through an old martial magic form. He can feel the manipulation of the Veil as both pluck and twist at it, and pull the Fade between vibrato and out of their bodies as a thin flame. He pauses and watches. Before he raised the Veil, the fire they summoned would have been hot enough to melt the snow about them. But Lavellan carefully guides a thin whip, and slows to make sure her daughter can copy, and does not hurt herself. Internal burns are the most difficult to heal.
They move through the Dragonâs Dance. Now, the earth does not tremble, the trees do not shake, and the forest stays decidedly unburnt. At the end, mother and daughter face each other and in unison exhale, breath sparking. âSee?â Inquisitor Lavellan, Imladris Ashallin, says. âThis is what I meant by discipline. If you stay calm, if you remain in control over your breathing, you donât need a staff. Even your breath can be a weapon. You can feel the energy move through your body, canât you? The movement helps guide it, but itâs your breath that controls it. And itâs your mind that controls your breath.â
Mathalin holds out her hands and closes her eyes. Imladris smiles and clasps them. Solas understands suddenly that he is intruding as he feels them both casting their energy down into the earth and probing outward, and the two turn around to regard him, Mathalin unhappily, Imladris neutral. The two are tense. He almost steps back, but doesnât. Pride goeth before the fall.
âI didnât know the Dalish still preserved those forms,â he comments. It is the wrong thing to say. Imladris turns away from him and pulls her daughter closer.
She tells her, in a language she thinks he does not know, âWell done. Iâm proud of you. You caught on faster than I did, at your age. Of course, you have a better teacher than I did.â
Mathalin looks away. âYou donât have to flatter me.â She slips out of her grasp, and Imladris says, âI wasnât...â to her retreating back. Solas steps out of her way. Mathalin glares at him as she passes. He feels guilty, he always feels guilty. Though they generally get along, as much as any middle-aged deity and teenaged girl can, Mathalin has so little time with her mother, and Solas has been monopolizing enough of Imladrisâ time as they prepare to confront Corypheus at the Arbor Wilds.
âYou should go after her,â he says.
Imladris is watching her daughter make her way back to Skyhold. âLater. Iâve been drilling her since dawn.â Her eyes move to his face, and she says, âItâs not your fault. Sheâs been angry with me since Halamshiral.â He reaches for her hand and they watch to make sure Mathalin makes it safely through the gate. âShe thought I should have brought her, presented her as my daughter. Or at the very least, snuck her in as a servant to spy.â
âWhy didnât you?â
Imladris looks up at him. âSera already harvested the feladara you planted. She baked them into those âpride cookiesâ she was throwing at people last week.â
Solas takes a moment to mourn the loss of the very potent high he had spent two months waiting for, and then says, âDonât try to deflect.â He grasps both of her hands now, and Imladris smiles despite herself. âYou are upset. What is the matter?â
âMathalinâs forgetting her Orlesian Dalish,â Imladris says. âWhich her father taught her. Mirwen barely knows any, not enough for her to practice. She thinks Iâm keeping her away from her fatherâs heritage. As if I didnât want to send her to her grandmother, rather than risk her safety in Skyhold.â
âAh,â Solas says, to say something. One does not learn how to be a stepfather in the Fade, and it was not a position he ever found himself close to before entering uthenera. He had been a mentor before, distant and perhaps a little cruel. This was uncharted territory. âI could talk to her, if you like.â He can wax poetic about cultural alienation for hours, though perhaps a sixteen-year-old girl would not be the best audience.
He finds Mathalin moving through the same firebending form by the barn, too fast, too jerkily. The surgeon is watching, frowning. He sees the moment where the child unbalances herself; her breathing hitches, her left foot lands slightly off-angle, and both he is across the field and pulling the fire out of her before it explodes out of her skin.
âDaâlen,â he snaps, âmanâitha.â Child. Watch yourself.
She gasps--sheâs burnt the inside of her mouth. The surgeon hurries over and clucks her tongue. âDalish,â she shakes her head. âNeeds more discipline.â
âSheâs half-Orlesian too,â Solas responds. âAnd your people arenât known for their...restraint, either.âThe surgeon rolls her eyes and hands Mathalin a waterskin, who drinks eagerly.
âTastes like chilies,â she croaks.
âYouâre lucky you can still taste,â Solas says. Heâs exasperated. Surely he was not this foolish and stubborn, at her age--and then he remembers he was much worse.
âI didnât know you were from Orlais,â The surgeon says. She narrows her eyes at him, attempting to add FenâHarel, Arlathan, Orlais, and his general lack of exuberance and coming up with contradictions. Solas pauses and glances at Mathalin, who looks away.
âThe Inquisitorâs first husband, Mahanon, was from the Val Royeaux alienage,â he says carefully. âI am told that both Mathalin and Mirwen resemble him closely.â And pointedly, they do not resemble him. What was it that Felassan said? Mahanon was so lively, always had a blush in his cheek--quite unlike your corpselike pallor, lethallin, Imladris needs to leave you out in the sun a bit more, you look like you belong in the Mire.Â
âHe only died eight years ago,â Mathalin says. âYou canât strike him from the historical record yet.â Solas winces. The surgeon takes that moment to make a tactical retreat. He does not blame her.
âIâm sorry,â Solas says. He offers her a hand to help her up, but she ignores it, and springs unsteadily to her feet.
âItâs fine. Not your fault they think we all look the same.â
Solas snorts. âYes.â
Mathalin crosses her arms. âDid my mother send you to talk to me?"
âNo, she wouldnât be so foolish. She thinks she should leave you alone.â
âSheâs done enough of that, my whole life.â Mathalin starts walking toward the battlements. Solas follows her, to make sure she does not fall. Imladris should not have been pushing her so hard. He waves at Thom as they pass. The children of Clan Lavellan--Mathalin and Mirwen, Imladrisâ daughters, and then her nephews and her niece--all like him, mostly because he takes them as they come and treats them as seriously as they deserve. Mathalin in particular is bright, and proud, hot-tempered as her mother must have been, like a blade before it is tempered. He has always been fond of her, since he found her hiding under his desk, avoiding lessons at the Chantry--even when she decided to test Skyholdâs wards by launching her younger sister from the rookery, he laughed, once his heart started beating again. They are taking the long way towards the Great Hall, along the ramparts. He waits for her to speak. âI know itâs not on purpose. My dad always said she was trying. That she was doing it all for us, when sheâd go away on a caravan, or a hunting trip, or--I guess a lot of those were assassinations.â
Solas is silent. He remembers how hungry he had been for Mythalâs favor, when he had first risen in her service--as if those moments plotting her wars could erase the long years she had spent away from her people, raiding with Elgarânan, as if that could soften his anger that she had made him and dropped him off and forgotten about him, and as soon as he had made himself interesting, she had whistled and he had come running like a trained hunting dog. Imladris is a better mother than Mythal, by far; she has never enslaved any of her children. But leadership and parenthood are difficult hats to juggle.
Before they get to Cullenâs office, Mathalin turns to him. âIâm not mad about that, though. She thinks I am, but Iâm not. Iâm mad that I get to spend all this time with her now, and itâs only because sheâs been made Inquisitor. It doesnât matter that my father was killed, as soon as she was able she went back to the field.â Solas winces and hopes Mathalin has the sense not to tell Imladris that. âNothing short of a global catastrophe can get my mother to straighten out her priorities. And now, itâs just too much. She wonât let me go anymore. Most elves my age are starting their apprenticeships--Knight-Commander Helaine told me sheâd teach me the Way of the Knight-Enchanter. Ambassador Briala asked me to join her guard. Keeper Hawen even said he could use a younger mage to help with banishing the demons from Var Bellanaris. And, well, my grandmother could always use help.â
Solas marvels briefly at how mother and daughter can utterly misunderstand each other. He and his father had understood each other very well, though Lahtaras had a calmer temperament and a more disciplined nature. He had always been clear about both his affection and expectations:Â âIf you are going to contradict yourself, synthesize it. Discordance brings a greater harmony. Try not to die a slave. Donât forget that you are one. They wonât.â He wonders what Lahtaras would say to this, what advice he would give.
âShe wants to keep you close. Keep you safe,â he says. âSheâs afraid youâll be captured by Corypheus. Sheâs afraid Briala will hold you hostage. Sheâs afraid--â
âBut Iâm not.â
Solas chuckles slightly: youth. âSheâs your mother, daâlen. You should tell her you need to make your own way--she will be more understanding than you think. But perhaps you should master your forms first. She will breathe much easier, if she knows you will always have the dragonâs breath to protect yourself.â
Mathalin pauses. âI suppose youâre right. Please donât tell her I burned my mouth.â
Solas fails to point out her face is sunburned. She needs to learn, after all, and leaving Imladris and Mathalin to yell and cry it all out, he absconds to the barn, where Thom and Iron Bull are drowning their sorrows and playing a terrible game of Diamondback. He cleans them all out, and, after his seventh drink, Arlathan brogue eating half his words, lectures them sententiously that children really do only learn if you shout at them, and itâs best if you can set it up so someone else does the shouting, he has a reputation to keep.
#fen'harel's teeth#dragon age inquisition#solas#fanfic#solavellan#solavellan hell#fanfiction#greeneli#hes5thlazarus#solas fic#wildly au#imladris ashallin lavellan
4 notes
·
View notes
Text
52 Famous quotes and sayings by Henry David Thoreau
52 Famous quotes and sayings by Henry David Thoreau. Here are the best Henry David Thoreau quotes and sayings to read that will inspire you at the same time. Henry David Thoreau is one of the best poets of all time, essay writer, and philosopher. Henry David Thoreau is also known for his book Walden and by his essay, Civil Disobedience. May you find this famous Henry David Thoreau quotes useful to you, to serve as your motivation for whatever your plans in life. Share these inspirational Henry David Thoreau quotes with your friends, family, and loved ones to inspire them as well.
1. Things do not change; we change. - Henry David Thoreau
2. Say what you have to say, not what you ought. Any truth is better than make-believe. - Henry David Thoreau
3. I should not talk so much about myself if there were anybody else whom I knew as well. - Henry David Thoreau
4. I learned this, at least, by my experiment: that if one advances confidently in the direction of his dreams, and endeavors to live the life which he has imagined, he will meet with a success unexpected in common hours. - Henry David Thoreau
5. The cost of a thing is the amount of what I will call life which is required to be exchanged for it, immediately or in the long run. - Henry David Thoreau
6. Pursue some path, however narrow and crooked, in which you can walk with love and reverence. - Henry David Thoreau
7. We are constantly invited to be what we are. - Henry David Thoreau
8. Rather than love, than money, than fame, give me truth. - Henry David Thoreau
9. A man is rich in proportion to the number of things which he can afford to let alone. - Henry David Thoreau
10. If you would convince a man that he does wrong, do right. But do not care to convince him. Men will believe what they see. Let them see. - Henry David Thoreau
11. When we are unhurried and wise, we perceive that only great and worthy things have any permanent and absolute existence, that petty fears and petty pleasures are but the shadow of the reality. - Henry David Thoreau
12. The question is not what you look at, but what you see. - Henry David Thoreau
13. Every generation laughs at the old fashions, but follows religiously the new. - Henry David Thoreau
14. It is not enough to be industrious; so are the ants. What are you industrious about? - Henry David Thoreau
15. If a plant cannot live according to its nature, it dies; and so a man. - Henry David Thoreau
16. Dreams are the touchstones of our characters. - Henry David Thoreau
17. The language of Friendship is not words, but meanings. - Henry David Thoreau
18. I can alter my life by altering my attitude. He who would have nothing to do with thorns must never attempt to gather flowers. - Henry David Thoreau
19. It is better to have your head in the clouds, and know where you are... than to breathe the clearer atmosphere below them, and think that you are in paradise. - Henry David Thoreau
20. You must live in the present, launch yourself on every wave, find your eternity in each moment. Fools stand on their island of opportunities and look toward another land. There is no other land; there is no other life but this. - Henry David Thoreau
21. All men want, not something to do with, but something to do, or rather something to be. - Henry David Thoreau
22. I had three chairs in my house; one for solitude, two for friendship, three for society. - Henry David Thoreau
23. That man is the richest whose pleasures are the cheapest. - Henry David Thoreau
24. If a man does not keep pace with his companions, perhaps it is because he hears a different drummer. Let him step to the music he hears, however measured or far away. - Henry David Thoreau
25. Could a greater miracle take place than for us to look through each otherâs eyes for an instant? - Henry David Thoreau
26. Every morning was a cheerful invitation to make my life of equal simplicity, and I may say innocence, with Nature herself. - Henry David Thoreau
27. Every path but your own is the path of fate. Keep on your own track, then. - Henry David Thoreau
28. All good things are wild and free. - Henry David Thoreau
29. An early-morning walk is a blessing for the whole day. - Henry David Thoreau
30. The path of least resistance leads to crooked rivers and crooked men. - Henry David Thoreau
31. In human intercourse the tragedy begins, not when there is misunderstanding about words, but when silence is not understood - Henry David Thoreau
32. Read the best books first, or you may not have a chance to read them at all. - Henry David Thoreau
33. This world is but canvas to our imaginations. - Henry David Thoreau
34. Amid a world of noisy, shallow actors it is noble to stand aside and say, 'I will simply be. - Henry David Thoreau
35. Do not hire a man who does your work for money, but him who does it for love of it. - Henry David Thoreau
36. I would rather sit on a pumpkin, and have it all to myself, than be crowded on a velvet cushion. - Henry David Thoreau
37. Only that day dawns to which we are awake. There is more day to dawn. The sun is but a morning star. - Henry David Thoreau
38. We are born as innocents. We are polluted by advice. - Henry David Thoreau
39. A single gentle rain makes the grass many shades greener. So our prospects brighten on the influx of better thoughts. We should be blessed if we lived in the present always, and took advantage of every accident that befell us. - Henry David Thoreau
40. The greatest compliment that was ever paid me was when one asked me what I thought, and attended to my answer. - Henry David Thoreau
41. It is never too late to give up your prejudices. - Henry David Thoreau
42. Men are born to succeed, not to fail. - Henry David Thoreau
43. What you get by achieving your goals is not as important as what you become by achieving your goals. - Henry David Thoreau
44. I was not born to be forced. I will breathe after my own fashion. Let us see who is the strongest. - Henry David Thoreau
45. It is not worth the while to let our imperfections disturb us always. - Henry David Thoreau
46. To be awake is to be alive. I have never yet met a man who was quite awake. - Henry David Thoreau
47. There is no remedy for love but to love more. - Henry David Thoreau
48. Be resolutely and faithfully what you are; be humbly what you aspire to be. - Henry David Thoreau
49. Our truest life is when we are in dreams awake. - Henry David Thoreau
50. It takes two to speak the truth - one to speak and another to hear. - Henry David Thoreau
51. In the long run men only hit what they aim at. Therefore, though they should fail immediately, they had better aim at something high. - Henry David Thoreau
52. All change is a miracle to contemplate, but it is a miracle which is taking place every instant. - Henry David Thoreau (function(d, s, id){var js, fjs = d.getElementsByTagName(s);if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk')); // Source link Read the full article
1 note
·
View note
Text
Writing at the End of the World
Anyone whoâs had a toddler, or whoâs tried to have a conversation with a parent of a toddler, is probably familiar with the following scenario:
PARENT: So tell me whatâs been up with you.
FRIEND: Well, you know I quit my job at the bankâ
PARENT: (calling) Jakie! Jakie, put that down. (to FRIEND) Sorry, yes. I heard you quit! So where are you now?
FRIEND: Val hooked me up with a friend of hers at GeneriTech. They were looking for a systems consultant.
PARENT: Oh, thatâs fantastic. (calling) Jakie. Jakie! Leave them alone. Yes.
FRIEND: So anyway, Iâve been there a month, andâ
PARENT: (getting up) Iâm sorry, excuse me a moment. (walks off to corral toddler)
You can have a conversation, of course, and you can convey basic information, but itâs hard to do through constant interruptions. From the parentâs side, theyâre always at least half (sometimes more) paying attention to their toddler, lest the little scamp fall into a mud puddle or find the knife collection or post embarrassing pictures to Facebook.
This is what it feels like to try to write these days.
One of the pieces of writing advice I give is that the time spent away from the keyboard is just as important as the time spent typing. Your mind has to be free to be creative, to explore possibilities and build the next scene and the next, to free associate and match weird ideas to your existing plot, to get you excited about what youâre about to write so that when you do sit down, you donât spend that keyboard time just thinking.
(It is okay to just think at the keyboard, but obviously itâs more efficient to think elsewhere and type when youâre at the keyboard.)
This spring, I was writing the end of The War and the Fox, and I was thinking through the final battle scene. It excited me so much that I spent a whole week just turning over possibilities and discarding them, writing a little bit more each day and constantly revising. It felt great.
Itâs hard to get that feeling back when the world feels like a toddler staggering toward a knife drawer and Iâm on the other side of a thick glass barrier and I canât do anything except watch, and maybe sign a petition to have someone go into the other room and divert the toddler, if thatâs even possible.
(I had a list of problems going on in the world while initially writing this draft, but after two days it was already out of date, so just list off whatever insanity is happening right now.)
Itâs a lot to have on oneâs mind. It makes it hard to focus on the stories youâre writing because they seem so insignificant, but also worrying about the above is so stressful that sometimes you just want to play your Match-3 game of choice or your Words With Friends, or watch the latest must-see show and not think about anything.
(Or maybe write a blog post explaining how writing has been harder the last couple years.)
The practical upshot of this is that one of the things that used to come easilyâthinking about and getting excited about a story Iâm writingâdoes not come easily now. Which means that I have to spend energy making it happen. I have to remind myself to think about the story Iâm writing, what happens next, what I want to say, why Iâm excited about writing it. I have been trying to do that this past week with moderate success.
If this advice is helpful to my fellow writers, great. If youâre not a writer, consider this a reminder that while yes, we all need to worry about whatâs happening in the world, we all also need to worry about ourselves. Itâs okay to take a break to do something you enjoy, to remind yourself of why weâre so attached to this messed-up world after all.
  var hupso_services_t=new Array("Twitter","Facebook","Google Plus","Pinterest","Linkedin","StumbleUpon","Digg","Reddit","Bebo","Delicious");var hupso_background_t="#EAF4FF";var hupso_border_t="#66CCFF";var hupso_toolbar_size_t="medium";var hupso_twitter_via = "KyellGold";var hupso_image_folder_url = "";var hupso_twitter_via="KyellGold";var hupso_url_t="";var hupso_title_t="Writing at the End of the World";
Writing at the End of the World was originally published on Kyell's Corner
5 notes
·
View notes
Text
Sergio Ramos: What we learned from his new documentary
Ramos with wife Pilar Rubio and their three children Sergio Jr, Marco and Alejandro
âIn soccer, there are no brothers.â
Sergio Ramosâ mother recalls what her famous son said after breaking his elder brother â and now agent â Reneâs nose in a friendly a number of years ago.
No anecdote better encapsulates the winning mentality of a footballer who is both loved and loathed.
It is one of many revelations from an Amazon documentary about the Real Madrid and Spain captain, which attempts to show his other sides â the family man, the musician and even the world champion horse trainer.
âThat image doesnât always reflect who I really am,â the 33-year-old says at the start of El Corazon de Sergio Ramos (Sergio Ramosâ heart). âI have never shared my private live with anyone.â
This is what we learned about Ramos â warning, spoilers ahead.
âThe worst season everâ
âWhen we opened the doors to Prime Video to make this documentary series, we didnât imagine that it would be the worst season,â Ramos told Esquire.
Filmed over the course of the 2018-19 season, Real, who had won four Champions League titles in five years, finished third in La Liga, were knocked out of the European Cup by Ajax and had three managers.
Early in episode two, before Real are beaten 5-1 at the Nou Camp by Barcelona to signal the end of manager Julen Lopeteguiâs reign, Ramos says: âWeâve never experienced anything like this since Iâve been here.
âWe canât go out with these results, we canât even take our kids to the park.â
He also addresses deliberately picking up a yellow card during Realâs Champions League tie at Ajax, which led to a two-game ban by Uefa and him missing the subsequent 4-1 defeat in the return leg as they crashed out of Europe.
âIt was the one small dark moment in the game,â he says.
Raheem Sterling also gets a mention in one episode after Spain lose 3-2 to England in the Nations League and Ramos is accused of stamping on the Manchester City forward.
âItâs nothing, the guy knows that. I didnât even touch him, yet he claims I stepped on him,â adds Ramos. âWith everything thatâs happened that is the last thing I needed.â
His father âalmost killed himâ over his first tattoo
Ramosâ tattooed back
âI honestly couldnât tell you how many tattoos I have today,â Ramos says.
His body is covered in ink, including images of the Champions League and World Cup trophies etched on his calf muscles.
But his first ever tattoo, he reveals, was a small elf with a football which was inked on his back when he was 14 or 15 years old. âMy father nearly killed me,â he says.
That tattoo is no longer visible â he has since covered it up with a wolf.
Heâs a world champion horse breeder and guitar player
Aside from football, Ramosâ other passions in life are horses and music.
He is a horse breeder, owning the Yeguada SR4 stables in Seville. His favourite stallion, Yucatan de Ramos, which he describes as the âapple of my eyeâ, has been crowned world champion.
Ramos also loves flamenco music and is a keen singer and guitar player, saying that music is a âway of freeing myselfâ.
When told by wife Pilar that he sings well, he replies: âI sing with conviction, but I donât sing well.â
In one episode called âMusicâ, we see Ramos play his guitar live on the Spanish show El Hormiguero.
He has a bromance with Vazquez
Vazquez and Ramos
Spanish winger Lucas Vazquez and Croatia midfielder Luka Modric are the only other Real players to feature in the documentary.
Vazquez and Ramos have special handshakes the pair started creating âwhen we first had aspirations of winning the Champions Leagueâ.
The pair bet on who will score the most goals, which Ramos would have won with his 11 compared Vazquezâs five.
And they love to wind up Ballon dâOr winner Modric.
As Vazquez and Ramos talk about their prospects of winning the Copa del Rey, Modric can be seen speaking on a video call next to them.
âModric is on the phone all day,â says Ramos. âWe give him a hard time, plus he starts talking Croatian very loudly, so we give him an even harder time.â
He practices Panenka penalties⊠a lot
Many of Ramosâ 108 goals for club and country have come from the penalty spot and he favours the âPanenkaâ style chip down the middle of the goal.
Ramos is shown practising the technique long after training has finished.
He says he started using it as he scored in Spainâs penalty shootout win against Portugal in the Euro 2012 semi-finals, just months after he missed a penalty against Bayern Munich in the 2012 Champions League semi-final.
âWe have all copied someone and in this case it was Panenka, often the easiest thing to do is the hardest,â he adds.
Heâs a family man but his isnât his childâs favourite player
His three children Sergio Jr, Marco and Alejandro and wife Pilar are clearly the most important things in Ramosâ life.
We see Ramos play football with his kids in the garden, give them advice and lament being away from his family.
He also reveals that, before he met TV presenter Pilar, he âdreamt of her for three nights in a rowâ, adding: âI thought she was a bit out of my league, but she eventually came around.â
And in the Ramos household, the defender is not his sonâs favourite player, with Sergio Jr choosing Modric instead.
While he may have broken his brotherâs nose when they were younger, Rene is Ramosâ closest confidant.
And going through his vast football shirt collection, which includes those worn by David Beckham, Frank Lampard, Andres Iniesta, Lionel Messi and Roberto Carlos, he holds up a âlegendaryâ one with Reneâs name on the back, from his playing days in a third division side.
Sergio Ramos and brother and agent Rene
Morph.toInit.bundles.push(function() { !function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=2)}([function(e,t){e.exports=React},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(){return this.url}function a(e,t){return e.url.replace("{identifier}",t[1])}var s=r(n(9)),i=r(n(10)),u=r(n(11));e.exports={youtube:{regex:/http(?:s)?://(?:www.)?youtu(?:be.com|.be)/(?:watch)?(?:/?)?(?:.*v=)?(.[^&#]*)/i,url:"https://www.youtube.com/embed/{identifier}",transform:a,component:i.default},twitter:{regex:/^http.+twitter.com/.*/status/(.*)/i,transform:o,component:s.default,cssClasses:"twitter-tweet",componentMount:function(){u.default.twitter()}},instagram:{regex:/^http.+instagr(?:.am|am.com)/i,transform:o,component:s.default,cssClasses:"instagram-media",componentMount:function(){u.default.instagram()}}}},function(e,t,n){"use strict";var r=function(e){return e&&e.__esModule?e:{default:e}}(n(3));Morph.modules["[email protected]"]=r.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}var o=r(n(0)),a=n(4),s=r(n(5)),i=r(n(12)),u=r(n(13));e.exports=o.default.createClass({displayName:"SocialEmbed",getInitialState:function(){var e=this.props,t=e.url,n=e.brandingTool;return{embed:o.default.createElement(s.default,{url:t,brandingTool:n}),showReportButton:!1}},getCaption:function(e){return e?o.default.createElement("figcaption",{className:"sp-c-media-asset__caption gel-brevier"},e):null},componentDidMount:function(){(0,a.getCookiePolicy)()&&this.setState({embed:new u.default(this.props.url,this.props.title),showReportButton:!0})},render:function(){var e=this.state,t=e.embed,n=e.showReportButton,r=this.props.caption;return o.default.createElement("div",{className:"sp-qa-sport-embed-container"},t,n&&o.default.createElement(i.default,{text:"Report"}),this.getCaption(r))}})},function(e,t){e.exports=Morph.modules["[email protected]"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}var o=r(n(0)),a=r(n(6)),s=r(n(1)),i=function(e){return Object.keys(s.default).filter(function(t){return e.match(s.default[t].regex)})},u=function(e){var t=e.url,n=i(t)[0];return o.default.createElement("div",{className:"gs-u-clearfix"},o.default.createElement("a",{className:"sport-social-media-embed__cta gel-long-primer-bold",href:t},o.default.createElement("span",{className:"qa-cta-text gs-o-bullet"},o.default.createElement("span",{className:"gs-o-bullet__icon gel-icon sport-social-media-embed__cta-icon--embed"},o.default.createElement("svg",{viewBox:"0 0 32 32"},o.default.createElement("path",{d:"M12 0v5h11.5l-5 5H0v22h22V17.5l-2 2V30H2V12h14.5l-7.8 7.7 3.6 3.6L27 8.5V20h5V0"}))),o.default.createElement("span",{className:"gs-o-bullet__text gs-u-pl"},o.default.createElement("span",null,"View more on "),o.default.createElement("span",{className:"sport-social-media-embed__cta--embed-type"},n)))))};u.propTypes={url:a.default.string.isRequired},e.exports=u},function(e,t,n){e.exports=n(7)()},function(e,t,n){"use strict";function r(){}function o(){}var a=n(8);o.resetWarningCache=r,e.exports=function(){function e(e,t,n,r,o,s){if(s!==a){var i=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw i.name="Invariant Violation",i}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:r};return n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){"use strict";var r=function(e){return e&&e.__esModule?e:{default:e}}(n(0));e.exports=r.default.createClass({displayName:"LxSocialEmbed__Blockquote",componentDidMount:function(){this.props.componentMount&&this.props.componentMount()},render:function(){var e=this.props,t=e.cssClasses,n=e.title,o=e.url;return r.default.createElement("div",{className:"sp-qa-sport-social-media-embed"},r.default.createElement("blockquote",{"data-instgrm-captioned":!0,className:t},r.default.createElement("a",{href:o},n)))}})},function(e,t,n){"use strict";var r=function(e){return e&&e.__esModule?e:{default:e}}(n(0));e.exports=r.default.createClass({displayName:"LxSocialEmbed__IFrame",componentDidMount:function(){this.props.componentMount&&this.props.componentMount(this)},render:function(){var e=this.props.url;return r.default.createElement("div",{className:"sp-qa-sport-social-media-embed"},r.default.createElement("iframe",{src:e,width:"100%",height:"400",frameBorder:"0",title:"title"}))}})},function(e,t,n){"use strict";var r;e.exports={twitter:function(){requirejs(["//platform.twitter.com/widgets.js"],function(){twttr.widgets.load()})},instagram:function(){requirejs(["//platform.instagram.com/en_GB/embeds.js"],function(){instgrm.Embeds.process()})},facebook:function(){var e=document.getElementsByTagName("script")[0];if(document.getElementById("facebook-jssdk"))return r&&clearTimeout(r),void(r=setTimeout(function(){window&&window.FB&&window.FB.XFBML.parse()},100));var t=document.createElement("script");t.id="facebook-jssdk",t.src="http://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.3",e.parentNode.insertBefore(t,e)}}},function(e,t,n){"use strict";var r=function(e){return e&&e.__esModule?e:{default:e}}(n(0));e.exports=r.default.createClass({displayName:"LxReportBtn",render:function(){var e=this.props.text;return r.default.createElement("div",{className:"gs-u-clearfix"},r.default.createElement("a",{className:"sp-qa-sport-social-media-embed-social-embed__report-button gel-long-primer",href:"/complaints/complain-online"},e))}})},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){return e.replace(/^s*|s*$/g,"")}function a(){var e,t,n;for(t in c.default)if(c.default.hasOwnProperty(t)&&(n=c.default[t],(e=this.url.match(n.regex))&&e.length>0))return i.default.createElement(n.component,{url:n.transform.call(this,n,e),title:this.title,cssClasses:n.cssClasses,componentMount:n.componentMount});return i.default.createElement(u.default,{url:this.url,title:this.title})}function s(e,t){return this.url=o(e),this.title=t,a.call(this)}var i=r(n(0)),u=r(n(14)),c=r(n(1));e.exports=s},function(e,t,n){"use strict";var r=function(e){return e&&e.__esModule?e:{default:e}}(n(0));e.exports=r.default.createClass({displayName:"LxSocialEmbed__Unsupported",render:function(){var e=this.props,t=e.url,n=e.title;return r.default.createElement("a",{href:t},n)}})}]); //# sourceMappingURL=bundle.js.map; }); Source link . More news
via wordpress https://ift.tt/2ZUIkgh
2 notes
·
View notes
Note
Now my siblings are accusing me of âtexting my boyfriendâ as being why Iâm so defensive of my phone. I donât even have a boyfriend lol.
they also keep saying, âwhy are you so private to your own family?â They always hang up on me leaving me feeling stupid and wrong.
-password anon
i think that will pass. all you can do is calmly tell them they're wrong, and if they keep insisting then that's on them. if they wanna be wrong so bad then let them look silly being wrong.
right now you challenged their control over you so they are trying to make you feel bad about it, but i think in time it will pass. i don't think it's a case of you being too private but instead a case of them being too nosy and controlling.
i hope they forget about it soon and move onto something else... they need to show you more respect! I'm sorry you're dealing with this anon...
10 notes
·
View notes
Photo
New Post has been published on https://techcrunchapp.com/dear-annie-woman-is-shattered-by-recent-loss-of-husband-news-sports-jobs/
Dear Annie: Woman is shattered by recent loss of husband | News, Sports, Jobs
Annie Lane, syndicated columnist
Dear Annie: Last month, I lost the man of my dreams, my husband. It hurts so bad without him. I donât know what to do. I miss him terribly. He was my everything for years now. He was my heart and soul. My heart is broken into a million pieces. I have talked with counselors; some help, others donât. We still had so many plans for the future. It just hurts. I want him back but I canât have that. I want to cry and at the same time want to laugh and smile for all the good times we had. I feel so lost and empty without him. I feel like I lost a part of me that day. Is there any advice you can give me? â Grieving Wife
Dear Grieving Wife: I am so incredibly sorry for your loss. As therapist and grief advocate Megan Devine writes in her book âItâs OK that Youâre Not OKâ: âThere is a quiet, a stillness, that pervades everything in early grief. Loss stuns us into a place beyond language.â There are no words to adequately address your pain, but here is my meager attempt.
Youâve suffered a devastating blow. It feels like you lost a part of yourself that day because you did. I wonât attempt to offer you solutions, because your grief is not a problem; itâs the natural reaction to this traumatic, life-altering event. I say all this not to make you feel worse but to make you feel heard. All of your feelings â from desperation, to anger, to numbness, to the whole-body heartache that thrums beneath it all â are valid.
That doesnât mean youâre condemned to a lifetime of suffering, or that you need to endure this alone. I commend you for reaching out to others for support over the past few weeks, and I encourage you to keep doing so. Continue trying out counselors until you find one you like. Eventually, you might even consider joining a grief support group. While the pandemic may make it difficult to meet in person, there are online grief-support communities, such as Grieving.com and GriefInCommon.com.
Lastly, keep holding onto those good memories like a raft. No one can ever take them away.
Dear Annie: I am 32 and living at my childhood home with my mother. I was once away at college and had several mediocre jobs in a few different cities. However, my inability to find a job that paid well enough to sustain my independence resulted in me moving home with my mother a few years ago. I was laid off in May due to COVID-19, but my employment there was rocky anyway.
I look back on certain failures, and Iâm incredibly embarrassed and ashamed. I am desperate to take responsibility for my life and become an adult, but the fear and my inadequacy are overwhelming. I am having difficulty coping. Am I destined to struggle for the rest of my life? â Man-Child
Dear Man: It breaks my heart to hear how you talk to yourself. I can tell from your letter that youâre a thoughtful, emotionally intelligent person. But all the reassurances in the world wonât mean a thing if your depression and anxiety keep getting the last word. So, first and foremost, you must prioritize your mental health, through therapy and any other necessary treatment. And if you feel like you might hurt yourself or just would like someone to talk to, you can call 800-273-8255 any time.
Additionally, taking part in something bigger than oneself is a spiritual salve. I strongly encourage you to volunteer somewhere, whether virtually or in person. You can find opportunities at volunteermatch.org. You have a lot to offer the world. We need you.
Editorâs note: Send your questions for Annie Lane to [email protected]. To find out more about Annie Lane and read features by other Creators Syndicate columnists and cartoonists, visit the Creators Syndicate website at www.creators.com.
Todayâs breaking news and more in your inbox
(function(d, s, id) var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&appId=160808247271356&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); (document, 'script', 'facebook-jssdk'));
0 notes
Text
No Midlife Crisis Here - Christie's Secret
New Post has been published on https://vestedbeauty.com/midlife-crisis/
No Midlife Crisis Here - Christie's Secret
How One Woman Averted a Midlife Crisis by Learning to Put Herself on the List, Too
She had boundless energy and this super-contagious smile. She was smart, always looked cute, and was kind to everyone she met. Oh, and she was on the pom-pom squad and looked so adorable that I kind of wanted to hate her.
Let me clarify. When I met Christie, we were in high school. Weâd both moved to Aurora, Colorado within the past couple of years. I had no idea the move was a major shock to her. (Sheâd moved from Hawaii. The massive snow dumps were the least of the changes she had to adjust to in her new home.) All I saw was this perfect and popular girl. (I was, um⊠not.)
We reconnected recently, and Iâve got to tell you⊠Sheâs even more beautiful now. Itâs not because of her beauty, friendliness, and infectious energy â although five minutes of talking with her confirmed those traits are all absolutely intact more than 30 years later.Â
Now, thereâs a whole new layer of beauty. They say our beauty in youth is a lucky draw from the gene pool. But our beauty as we age is due to the choices we make and the person we decide to become.Â
Itâs my pleasure to introduce you to Christie Kaleo Mattson. She learned one of the most important secrets for creating a fulfilling, fun life at any age.
You Want a Midlife Crisis? Because Thatâs a Great Way to Get One
Christieâs always been a giver. She cares for others 24/7.Â
She runs the daily operations for a business caring for seniors. Her employees love working with her to care for seniors in their homes. Sheâs designed her business to provide maximum freedom for her team. Some go to yoga, taking shifts that work around what feeds their souls. Christie honors their commitment to self-care.
Christieâs mom lives with her. For many families, intergenerational living is the norm. But for many of us, the idea of combining generations under one roof seems like too daunting a challenge to even attempt. While there have been adjustments and challenges in this arrangement, sheâs really glad to have these bonus years with her mom so near.Â
Christie is also part of the Sandwich Generation, caring for her mom while also raising a teenage son. Her husbandâs work often takes him away on outdoor adventures, so she mostly handles everything on the homefront herself.Â
Oh, and sheâs started another business with her best friend, LuckyTwo Boutique. Together, they sell handmade jewelry and refashioned wearable art.Â
If youâre exhausted already, youâre paying attention.
We Often Give Until It Hurts
Thereâs something inside many of us that drives us to take care of everyone who crosses our path. Weâll bake those cupcakes for our childâs school, play chauffeur to take a loved one to an appointment, then work late into the night to make up for the time we take to help others.Â
Our list of responsibilities and to-doâs can grow so long we canât see the end of it.
But itâs too easy to leave one important priority off of that endless list: ourselves.
Youâve probably known women who devote all their time to caring for others until they reach the point theyâre running on fumes. You might even be one of those women facing burnout.
Psychology Today says that burnout is a state of chronic stress that leads to:
Physical and emotional exhaustion
Cynicism and detachment
Feelings of ineffectiveness and lack of accomplishment
For a woman whoâs spent her entire life showing boundless energy, friendliness, and a drive to achieve, itâs like burnout strips them of their essence. They no longer recognize themselves in the mirror, and they grow to hate how they show up in the world.
When Christieâs tank began running empty, she knew she needed to replenish her reserves, and fast. There was too much at stake to just keep running, running, running without putting herself on her list of priorities.
Self-Care for the Midlife Woman
Christieâs made some small and big changes in her life â changes that elevated her levels of happiness in dramatic ways. Actually, what caught my attention and nudged me to interview her for Vested Beauty was this post on Facebook:
Iâll Have What Sheâs Having
You can see why I had to talk with her, right?
Hereâs what I discovered during our conversation about how Christie was learning to take care of herself first rather than⊠never.
var quads_screen_width = document.body.clientWidth; if ( quads_screen_width >= 1140 ) document.write('<ins class="adsbygoogle" style="display:block;" data-ad-client="pub-3668111356682980" data-ad-slot="5676485550" >'); (adsbygoogle = window.adsbygoogle if ( quads_screen_width >= 1024 && quads_screen_width < 1140 ) document.write('<ins class="adsbygoogle" style="display:block;" data-ad-client="pub-3668111356682980" data-ad-slot="5676485550" >'); (adsbygoogle = window.adsbygoogle if ( quads_screen_width >= 768 && quads_screen_width < 1024 ) document.write('<ins class="adsbygoogle" style="display:block;" data-ad-client="pub-3668111356682980" data-ad-slot="5676485550" >'); (adsbygoogle = window.adsbygoogle if ( quads_screen_width < 768 ) document.write('<ins class="adsbygoogle" style="display:block;" data-ad-client="pub-3668111356682980" data-ad-slot="5676485550" >'); (adsbygoogle = window.adsbygoogle
Feeding Her Creative Soul
Christie says, âItâs important to embrace whatever your passion is. My passion, since I was a child, is being creative. I lost it along the way, getting married⊠doing the house thing⊠having a familyâŠ. always working full-time-plus hours. Iâve brought art and creativity back into my life and truly love what it does for my attitude and well being. My mind is filled with creations and designs that I try to find time to make a reality. In due time. I can get lost in creating. Iâm now painting and refashioning one of a kind apparel and selling it online!âÂ
Self-Care for the Body
Christie had been dealing with hip and joint pain. Maybe you know the feeling, too? You go to roll out of bed and need to take a moment because it just hurts. Her best friend was dealing with it, too â tingling and numb hands and the start of some mobility issues. Together, they started taking a liquid collagen product to try to regain their joint health. Within just weeks, Christie found she was able to get out of bed without hip pain. Her skin, hair, and nails also improved â even after years of dying had left her hair brittle. (Sheâs not ready to go gray yet. Her son is 16 and says he doesnât want her to look like his grandmother!)
Owning Herself
Christie says sheâs a work in progress (arenât we all!). âThere will always be something to learn and improve to help reach complete fulfillment⊠is that possible? =)âÂ
One piece of that work is learning to make her voice heard. She says, âIâve put my feelings aside for too long. Our voices do matter. Iâm a pleaser, give endlessly, and always have been. Iâve put othersâ needs before mine for as long as I can remember. My son is older now. He needs me less and less, so I can pay attention to me now and put my passions, health and happiness first. Itâs never been a priority for me until now.Â
As a mom, wife, daughter, and full-time worker, thereâs always someone who needs a piece of you. You know what Iâm talking about. Iâm really just figuring out how to juggle it all and fulfill my needs but still being present for my family and friends.Â
âIf there were five of me, everyone would be happy! Iâm learning now that the happier I am, the happier those around me are.â
Best Advice for Ending a Midlife Crisis?
I always like to ask the women I interview what advice theyâd give to younger women â or to themselves a couple of decades ago. Hereâs what Christie says:
Stand up for yourself and what you believe in. Donât be swayed by everyoneâs opinion of how you should be and what you should do.
There was really nothing holding me back but me.
Sometimes you need a detour but always get back on track. Nothing more important than your overall happiness and well being. The rest will follow along on your positive path.Â
Be proud of who you are, embrace your talents, and donât let life pass you by. Donât just exist. Itâs not about money, itâs about happiness. Itâs about being satisfied inside and out.Â
Christieâs surrounded herself with a small tribe of friends and family who love her and challenge her to be her best self. You can choose whoâs in your tribe.
As a young woman, Christie once had a boss who nicknamed her âDisneylandâ because she has a fun way about her that people love to be around. Even Disney has a dark side, though â and as many women know first-hand, the fun runs out when youâre running on fumes. Nobodyâs going to wave a magic wand or sprinkle fairy dust on us to bring the spark back. Itâs up to us to do what we need to bring life back into our lives.
In the end, our quality of life is what we make of it. Put yourself on the list.
You can find out more about Christie and see her wearable art at LuckyTwo Boutique on Instagram and Etsy.Â
var quads_screen_width = document.body.clientWidth; if ( quads_screen_width >= 1140 ) document.write('<ins class="adsbygoogle" style="display:block;" data-ad-client="pub-3668111356682980" data-ad-slot="5676485550" >'); (adsbygoogle = window.adsbygoogle if ( quads_screen_width >= 1024 && quads_screen_width < 1140 ) document.write('<ins class="adsbygoogle" style="display:block;" data-ad-client="pub-3668111356682980" data-ad-slot="5676485550" >'); (adsbygoogle = window.adsbygoogle if ( quads_screen_width >= 768 && quads_screen_width < 1024 ) document.write('<ins class="adsbygoogle" style="display:block;" data-ad-client="pub-3668111356682980" data-ad-slot="5676485550" >'); (adsbygoogle = window.adsbygoogle if ( quads_screen_width < 768 ) document.write('<ins class="adsbygoogle" style="display:block;" data-ad-client="pub-3668111356682980" data-ad-slot="5676485550" >'); (adsbygoogle = window.adsbygoogle
0 notes
Text
Advice for Complex CSS Illustrations
If you were to ask me what question I hear most about front-end development, Iâd say itâsâHow do I get better at CSS?â And that question usually comes up to some CSS illustration I made, which is something I love to do over on CodePen.
To many, CSS is this mythical beast that canât be tamed. This tweet from Chris made me chuckle because, although ironic, thereâs a lot of truth to it. That said, what if I told you that you were only a few properties and techniques away from creating anything you wanted? The truth is that you are indeed that close.
Iâve been wanting to compose an article like this for some time, but itâs a hard topic to cover because there are so many possibilities and so many techniques that thereâs often more than one way to accomplish the same thing. The same is true with CSS illustrations. Thereâs no right or wrong way to do it. Weâre all using the same canvas. There are simply so many different tools to get those pixels on the page.
While there is no âone size fits allâ approach to CSS illustration, what I can offer is a set of techniques that might help you on your journey.
CodePen Embed Fallback
Time and practice
CSS illustration takes lots of time and practice. The more accurate you want to be and the more complicated the illustration, the longer itâs going to take. The time-consuming part isnât usually deciding on which properties to use and how, but the tinkering of getting things to look right. Be prepared to get very familiar with the styles inspector in your browser dev tools! I also recommend trying out VisBug if you havenât.
Two fantastic CSS artists are Ben Evans and Diana Smith. Both have recently talked about time consumption when referring to CSS illustration.
Dianaâst PureCSS Gaze took her two long weekends to complete. She talks about some of her techniques here and here. âIf you have the time, patience and drive, it is certainly possible,â she says.
I posted a meme-like picture about a cup and Benâs response summed things up perfectly:
I was tempted to create this in CSS when I first saw the tweet but then thought my reply would take about a month.
It takes time!
CSS Illustration pic.twitter.com/vqpQLKTte5
â Jhey đ (@jh3yy) May 10, 2020
Tracing is perfectly acceptable
We often have an idea of what it is that we want to illustrate. This article isnât about design, after all.; itâs about taking an image and rendering it with the DOM and CSS. Iâm pretty sure this technique has been around since the dawn of time. But, itâs one Iâve been sharing the last few months.
Find or create an image of what it is you want to illustrate.
Pull it into your HTML with an <img> tag.
Position it in a way that it will sit underneath your illustration.
Reduce the image opacity so that itâs still visible but not too overpowering.
Trace it with the DOM.
To my surprise, this technique isnât common knowledge. But itâs invaluable for creating accurate CSS illustrations.
See this trick in action here:
Hereâs a timelapse of creating that CSS @eggheadio đ Tweaked the shadows with clip-path after đ ïž đ» https://t.co/XhDRspwwFg via @CodePen #webdev #coding #CSS #animation #webdesign #design #creative #100DaysOfCode #HTML #Timelapse https://t.co/ZQ1hyzcoSA pic.twitter.com/iPf7ksYCGX
â Jhey đ (@jh3yy) May 1, 2020
And try it out here:
CodePen Embed Fallback
Pay attention to responsiveness
If there are two takeaway techniques to take from this article, let it be the âTracingâ one above and this next one.Â
There are some fantastic examples of CSS illustration out there. But the one unfortunate thing about some of them is that they arenât styled â or even viewable â on small screens. We live in an age where first impressions with tech are important. Consider the example of a keyboard illustrated with CSS. Someone comes across your work, opens it up on their smartphone, and theyâre greeted with only half the illustration or a small section of it. They probably missed the coolest parts of the demo!
Hereâs my trick: leverage viewport units for your illustrations and create your own scaled unit.Â
For sizing and positioning, you either have the option of using a scaled unit or percentage. This is particularly useful when you need to use a box shadow because the property accepts viewport units but not percentages.
Consider the CSS egghead.io logo I created above. I found the image I wanted to use and popped it in the DOM with an img tag.
<image src='egghead.png'/>
img { Â height: 50vmin; Â left: 50%; Â opacity: 0.25; Â position: fixed; Â top: 50%; Â transform: translate(-50%, -50%); }
The height, 50vmin, is the desired size of the CSS illustration. The reduced opacity allows us to âtraceâ the illustration clearly as we progress.
Then, we create our scaled unit.
/** Â * image dimensions are 742 x 769 Â * width is 742 Â * height is 769 Â * my desired size is 50vmin */ :root { Â --size: 50; Â --unit: calc((var(--size) / 769) * 1vmin); }
With the image dimensions in place, we can create a uniform unit thatâs going to scale with our image. We know the height is the largest unit, so we use that as a base to create a fractional unit.
We get something like this:
--unit: 0.06501950585vmin;
That looks awkward but, trust me, itâs fine. We can use this to size our illustrationâs container using calc().
.egg { Â height: calc(769 * var(--unit)); Â position: relative; Â width: calc(742 * var(--unit)); Â z-index: 2; }
If we use either percentages or our new --unit custom property to style elements within the container of our CSS illustration, we will get responsive CSS illustrations⊠and all it took was a few lines of math using CSS variables!
Resize this demo and youâll see that everything stay in proportion always using 50vmin as the sizing constraint.
CodePen Embed Fallback
Measure twice, cut once
Another tip is to measure things. Heck, you van even grab a tape measure if youâre working with a physical object!
CodePen Embed Fallback
This may look a little funky but I measured this scene. Itâs the TV combo unit I have in my lounge. Those measurements equate to centimeters. I used those to get a responsive unit based on the actual height of the TV. We can give that number â and all others â a name that makes it easy to remember what itâs for, thanks to custom properties.
:root { Â --light-switch: 15; Â --light-switch-border: 10; Â --light-switch-top: 15; Â --light-switch-bottom: 25; Â --tv-bezel: 15; Â --tv-unit-bezel: 4; Â --desired-height: 25vmin; Â --one-cm: calc(var(--desired-height) / var(--tv-height)); Â --tv-width: 158.1; Â --tv-height: 89.4; Â --unit-height: 42; Â --unit-width: 180; Â --unit-top: 78.7; Â --tv-bottom: 114.3; Â --scaled-tv-width: calc(var(--tv-width) * var(--one-cm)); Â --scaled-tv-height: calc(var(--tv-height) * var(--one-cm)); Â --scaled-unit-width: calc(var(--unit-width) * var(--one-cm)); Â --scaled-unit-height: calc(var(--unit-height) * var(--one-cm)); }
As soon as we calculate a variable, we can use it everywhere. I know my TV is 158.1cm wide and 89.4cm tall. I checked the manual. But in my CSS illustration, it will always scale to 25vmin.
Use absolute positioning on all the things
This one will save you a few keystrokes. More often than not, youâll be looking to absolutely position elements. Save yourself and put this rule somewhere.
/* Your class name may vary */ .css-illustration *, .css-illustration *:after, .css-illustration *:before, .css-illustration:after, .css-illustration:before { Â box-sizing: border-box; Â position: absolute; }
Your keyboard will thank you!
Positioning is a tricky concept in CSS. You can read up on it in the CSS Almanac for more information on how to use it.
Or, have a play with this little positioning playground:
CodePen Embed Fallback
Stick to an approach
This is by far the hardest thing to do. How do you approach a CSS illustration? Where do you even start? Should you start with the outermost part and work your way in? That doesnât work so well.
Odds are that youâll try some approaches and find a better way to go about it. Youâll certainly do a little back-and-forth but, the more you practice, the better youâll get at spotting patterns and developing an approach that works best for you.
I tend to relate my approach to how youâd go about creating a vector image where illustrations are made up of layers. Split it up and sketch it on paper if you need to. But, start from the bottom and work your way up. This tends to mean larger shapes first, and finer details later. You can always tinker with the stacking index when you need to move elements around.
Maintain a solid structure for your styles
That leads us to the structure. Try to avoid a flat DOM structure for your illustration. Keeping things atomic makes it easier to move parts of your illustration. It will also makes it much easier to show and hide parts of the illustration or even animate them later. Consider the CSS Snorlax demo. The arms, feet, head, etc. are separate elements. That made animating the arm a lot easier than if I had tried to keep things together since I could simply apply the animation to the .snorlax__arm-left class.
CodePen Embed Fallback
Hereâs a timelapse shot of me creating the demo:
Attempted to put together a timelapse of the CSS Snorlax we built last night đ
Amusing watching it back! đ» https://t.co/vbVYmFUN5V via @CodePen#webdev #coding #HTML #CSS #webdesign #100DaysOfCode #creative #design #animation pic.twitter.com/0mJtLPRQfP
â Jhey đ (@jh3yy) April 28, 2020
Handling awkward shapes
Thereâs a pretty good article right here on CSS-Tricks for creating shapes with CSS. But what about more âawkwardâ shapes, like a long curve or even an outer curve? In these scenarios, we need to think outside the box. Properties such as overflow, border-radius, and clip-path are big helpers.
Consider this CSS Jigglypuff demo. Toggle the checkbox.
CodePen Embed Fallback
Thatâs the key for creating curved shapes! We have an element much larger than the body with a border-radius applied. We then apply overflow: hidden to the body to cut that part off.
How might we create an outer curve? This oneâs a little tricky. But a trick I like to use is a transparent element with a thick border. Then apply a border-radius and clip the excess, if required.
CodePen Embed Fallback
If you hit the toggle, it reveals the element we are using to go across that corner. Another trick might be to overlay a circle that matches the background color. This is fine until we need to change the background color. Itâs OK if you have a variable or something in place for that color. But, it could make things a little harder to maintain.
clip-path is your friend
You might have noticed a couple of interesting CSS properties in that last demo, including clip-path. Youâll most likely need clip-path if you want to create complex CSS shapes. Itâs especially handy for cutting off bits of elements when hiding parent box overflow doesnât do.
Hereâs a little demo I built some time ago that showcases different clip-path possibilities.
CodePen Embed Fallback
Thereâs also this demo that takes ideas from the âShapes of CSSâ article and re-created with clip-path.
CodePen Embed Fallback
border-radius is your other friend
Youâre going to need border-radius to create curves. One uncommon trick is to use a âdoubleâ syntax. This allows you to create a horizontal and vertical radius for each corner.
Play with this demo to really appreciate the power of border-radius. I advocate using percentages across the board in order keep things responsive.
CodePen Embed Fallback
Shading techniques
Youâve got all the shapes, everything is nicely laid out, and all the right colors are in place⊠but something still looks off. Odds are that itâs a lack of shading.
Shading adds depth and create a realistic feel. Consider this ecreation of a Gal Shir illustration. Gal is fantastic at using shades and gradients to make beautiful illustrations. I thought it would be fun to do a recreate it and include a switch that toggles the shading to see just what a difference it makes.
CodePen Embed Fallback
Shading effects are often created with a box-shadow and background-image combination.
The key thing with these properties is that we can stack them in a comma-separated list. For example, the cauldron in the demo has a list of gradients that are being used across the body.
.cauldron { Â background: Â Â radial-gradient(25% 25% at 25% 55%, var(--rim-color), transparent), Â Â radial-gradient(100% 100% at -2% 50%, transparent, transparent 92%, var(--cauldron-color)), Â Â radial-gradient(100% 100% at -5% 50%, transparent, transparent 80%, var(--darkness)), Â Â linear-gradient(310deg, var(--inner-rim-color) 25%, transparent), var(--cauldron-color); }
Note that radial-gradient() and a linear-gradient() are being used here and not always with perfectly round numeric values. Again, those numbers are just fine. In fact, youâll spend a lot of time tweaking and tinkering with things in the style inspector.
Itâs generally the same working with box-shadow. However, with that, we can also use the inset value to create tricky borders and additional depth.
.cauldron__opening { Â box-shadow: Â Â 0 0px calc(var(--size) * 0.05px) calc(var(--size) * 0.005px) var(--rim-color) inset, Â Â 0 calc(var(--size) * 0.025px) 0 calc(var(--size) * 0.025px) var(--inner-rim-color) inset, Â Â 0 10px 20px 0px var(--darkness), 0 10px 20px -10px var(--inner-rim-color); }
There are certainly times where it will make more sense to go with filter: drop-shadow() instead to get the effect you want.
Lynn Fisherâs a.singlediv.com is a brilliant example of these properties in action. Have a poke around on that site and inspect some of the illustrations for great ways to use box-shadow and background-image in illustrations.
box-shadow is so powerful that you could create your entire illustration with it. I once joked about creating a CSS illustration of a dollar.
In CSS right? đ
#webdev #CSS #animation #webdesign #coding #100DaysOfCode #HTML https://t.co/VmyeySsK83
â Jhey đ (@jh3yy) April 22, 2020
I used a generator to create the illustration with a single div. But Alvaro Montoro took it a little further and wrote a generator that does it with box-shadow instead.
Preprocessors are super helpful
While they arenât required, using preprocessors can help keep your code neat and tidy. For example, Pug makes writing HTML faster, especially when it comes to using loops for dealing with a bunch of repeating elements. From there, we can scope CSS custom properties in a way that we only need to define styles once, then overwrite them where needed.
CodePen Embed Fallback
Hereâs another example that demonstrates a DRY structure. The flowers are constructed with the same markup, but each has its own index class that is used to apply scoped CSS properties.
CodePen Embed Fallback
The first flower has these properties:
.flower--1 { Â --hue: 190; Â --x: 0; Â --y: 0; Â --size: 125; Â --r: 0; }
Itâs the first one, so all the others are based off it. Notice how the second flower is off to the right and up slightly. All that takes is assigning different values to the same custom properties:
.flower--2 { Â --hue: 320; Â --x: 140; Â --y: -75; Â --size: 75; Â --r: 40; }
Animated responsive CSS Leif features in the latest CodePen Spark! âš For those who donât know Animal Crossing, Leif is a green-thumbed Sloth who visits your island đ» Hereâs a timelapse! đč đ» https://t.co/tkHX4nWXp7 via @CodePen pic.twitter.com/naJIrsSlYM
â Jhey đ (@jh3yy) May 19, 2020
Thatâs it!
Go forth, use these tips, come up with your own, share them, and share your CSS masterpieces! And hey, if you have your own advice, please share that too! This is definitely the sort of thing that is learned through lots of trial and error â what works for me may look different from what works for you and we can learn from those different approaches
The post Advice for Complex CSS Illustrations appeared first on CSS-Tricks.
Advice for Complex CSS Illustrations published first on https://deskbysnafu.tumblr.com/
0 notes
Text
Advice for Complex CSS Illustrations
If you were to ask me what question I hear most about front-end development, Iâd say itâsâHow do I get better at CSS?â And that question usually comes up to some CSS illustration I made, which is something I love to do over on CodePen.
To many, CSS is this mythical beast that canât be tamed. This tweet from Chris made me chuckle because, although ironic, thereâs a lot of truth to it. That said, what if I told you that you were only a few properties and techniques away from creating anything you wanted? The truth is that you are indeed that close.
Iâve been wanting to compose an article like this for some time, but itâs a hard topic to cover because there are so many possibilities and so many techniques that thereâs often more than one way to accomplish the same thing. The same is true with CSS illustrations. Thereâs no right or wrong way to do it. Weâre all using the same canvas. There are simply so many different tools to get those pixels on the page.
While there is no âone size fits allâ approach to CSS illustration, what I can offer is a set of techniques that might help you on your journey.
CodePen Embed Fallback
Time and practice
CSS illustration takes lots of time and practice. The more accurate you want to be and the more complicated the illustration, the longer itâs going to take. The time-consuming part isnât usually deciding on which properties to use and how, but the tinkering of getting things to look right. Be prepared to get very familiar with the styles inspector in your browser dev tools! I also recommend trying out VisBug if you havenât.
Two fantastic CSS artists are Ben Evans and Diana Smith. Both have recently talked about time consumption when referring to CSS illustration.
Dianaâst PureCSS Gaze took her two long weekends to complete. She talks about some of her techniques here and here. âIf you have the time, patience and drive, it is certainly possible,â she says.
I posted a meme-like picture about a cup and Benâs response summed things up perfectly:
I was tempted to create this in CSS when I first saw the tweet but then thought my reply would take about a month.
It takes time!
CSS Illustration pic.twitter.com/vqpQLKTte5
â Jhey đ (@jh3yy) May 10, 2020
Tracing is perfectly acceptable
We often have an idea of what it is that we want to illustrate. This article isnât about design, after all.; itâs about taking an image and rendering it with the DOM and CSS. Iâm pretty sure this technique has been around since the dawn of time. But, itâs one Iâve been sharing the last few months.
Find or create an image of what it is you want to illustrate.
Pull it into your HTML with an <img> tag.
Position it in a way that it will sit underneath your illustration.
Reduce the image opacity so that itâs still visible but not too overpowering.
Trace it with the DOM.
To my surprise, this technique isnât common knowledge. But itâs invaluable for creating accurate CSS illustrations.
See this trick in action here:
Hereâs a timelapse of creating that CSS @eggheadio
Tweaked the shadows with clip-path after
https://t.co/XhDRspwwFg via @CodePen #webdev #coding #CSS #animation #webdesign #design #creative #100DaysOfCode #HTML #Timelapse https://t.co/ZQ1hyzcoSA pic.twitter.com/iPf7ksYCGX
â Jhey
(@jh3yy) May 1, 2020
And try it out here:
CodePen Embed Fallback
Pay attention to responsiveness
If there are two takeaway techniques to take from this article, let it be the âTracingâ one above and this next one.Â
There are some fantastic examples of CSS illustration out there. But the one unfortunate thing about some of them is that they arenât styled â or even viewable â on small screens. We live in an age where first impressions with tech are important. Consider the example of a keyboard illustrated with CSS. Someone comes across your work, opens it up on their smartphone, and theyâre greeted with only half the illustration or a small section of it. They probably missed the coolest parts of the demo!
Hereâs my trick: leverage viewport units for your illustrations and create your own scaled unit.Â
For sizing and positioning, you either have the option of using a scaled unit or percentage. This is particularly useful when you need to use a box shadow because the property accepts viewport units but not percentages.
Consider the CSS egghead.io logo I created above. I found the image I wanted to use and popped it in the DOM with an img tag.
<image src='egghead.png'/>
img { Â height: 50vmin; Â left: 50%; Â opacity: 0.25; Â position: fixed; Â top: 50%; Â transform: translate(-50%, -50%); }
The height, 50vmin, is the desired size of the CSS illustration. The reduced opacity allows us to âtraceâ the illustration clearly as we progress.
Then, we create our scaled unit.
/** Â * image dimensions are 742 x 769 Â * width is 742 Â * height is 769 Â * my desired size is 50vmin */ :root { Â --size: 50; Â --unit: calc((var(--size) / 769) * 1vmin); }
With the image dimensions in place, we can create a uniform unit thatâs going to scale with our image. We know the height is the largest unit, so we use that as a base to create a fractional unit.
We get something like this:
--unit: 0.06501950585vmin;
That looks awkward but, trust me, itâs fine. We can use this to size our illustrationâs container using calc().
.egg { Â height: calc(769 * var(--unit)); Â position: relative; Â width: calc(742 * var(--unit)); Â z-index: 2; }
If we use either percentages or our new --unit custom property to style elements within the container of our CSS illustration, we will get responsive CSS illustrations⊠and all it took was a few lines of math using CSS variables!
Resize this demo and youâll see that everything stay in proportion always using 50vmin as the sizing constraint.
CodePen Embed Fallback
Measure twice, cut once
Another tip is to measure things. Heck, you van even grab a tape measure if youâre working with a physical object!
CodePen Embed Fallback
This may look a little funky but I measured this scene. Itâs the TV combo unit I have in my lounge. Those measurements equate to centimeters. I used those to get a responsive unit based on the actual height of the TV. We can give that number â and all others â a name that makes it easy to remember what itâs for, thanks to custom properties.
:root { Â --light-switch: 15; Â --light-switch-border: 10; Â --light-switch-top: 15; Â --light-switch-bottom: 25; Â --tv-bezel: 15; Â --tv-unit-bezel: 4; Â --desired-height: 25vmin; Â --one-cm: calc(var(--desired-height) / var(--tv-height)); Â --tv-width: 158.1; Â --tv-height: 89.4; Â --unit-height: 42; Â --unit-width: 180; Â --unit-top: 78.7; Â --tv-bottom: 114.3; Â --scaled-tv-width: calc(var(--tv-width) * var(--one-cm)); Â --scaled-tv-height: calc(var(--tv-height) * var(--one-cm)); Â --scaled-unit-width: calc(var(--unit-width) * var(--one-cm)); Â --scaled-unit-height: calc(var(--unit-height) * var(--one-cm)); }
As soon as we calculate a variable, we can use it everywhere. I know my TV is 158.1cm wide and 89.4cm tall. I checked the manual. But in my CSS illustration, it will always scale to 25vmin.
Use absolute positioning on all the things
This one will save you a few keystrokes. More often than not, youâll be looking to absolutely position elements. Save yourself and put this rule somewhere.
/* Your class name may vary */ .css-illustration *, .css-illustration *:after, .css-illustration *:before, .css-illustration:after, .css-illustration:before { Â box-sizing: border-box; Â position: absolute; }
Your keyboard will thank you!
Positioning is a tricky concept in CSS. You can read up on it in the CSS Almanac for more information on how to use it.
Or, have a play with this little positioning playground:
CodePen Embed Fallback
Stick to an approach
This is by far the hardest thing to do. How do you approach a CSS illustration? Where do you even start? Should you start with the outermost part and work your way in? That doesnât work so well.
Odds are that youâll try some approaches and find a better way to go about it. Youâll certainly do a little back-and-forth but, the more you practice, the better youâll get at spotting patterns and developing an approach that works best for you.
I tend to relate my approach to how youâd go about creating a vector image where illustrations are made up of layers. Split it up and sketch it on paper if you need to. But, start from the bottom and work your way up. This tends to mean larger shapes first, and finer details later. You can always tinker with the stacking index when you need to move elements around.
Maintain a solid structure for your styles
That leads us to the structure. Try to avoid a flat DOM structure for your illustration. Keeping things atomic makes it easier to move parts of your illustration. It will also makes it much easier to show and hide parts of the illustration or even animate them later. Consider the CSS Snorlax demo. The arms, feet, head, etc. are separate elements. That made animating the arm a lot easier than if I had tried to keep things together since I could simply apply the animation to the .snorlax__arm-left class.
CodePen Embed Fallback
Hereâs a timelapse shot of me creating the demo:
Attempted to put together a timelapse of the CSS Snorlax we built last night
Amusing watching it back!
https://t.co/vbVYmFUN5V via @CodePen#webdev #coding #HTML #CSS #webdesign #100DaysOfCode #creative #design #animation pic.twitter.com/0mJtLPRQfP
â Jhey
(@jh3yy) April 28, 2020
Handling awkward shapes
Thereâs a pretty good article right here on CSS-Tricks for creating shapes with CSS. But what about more âawkwardâ shapes, like a long curve or even an outer curve? In these scenarios, we need to think outside the box. Properties such as overflow, border-radius, and clip-path are big helpers.
Consider this CSS Jigglypuff demo. Toggle the checkbox.
CodePen Embed Fallback
Thatâs the key for creating curved shapes! We have an element much larger than the body with a border-radius applied. We then apply overflow: hidden to the body to cut that part off.
How might we create an outer curve? This oneâs a little tricky. But a trick I like to use is a transparent element with a thick border. Then apply a border-radius and clip the excess, if required.
CodePen Embed Fallback
If you hit the toggle, it reveals the element we are using to go across that corner. Another trick might be to overlay a circle that matches the background color. This is fine until we need to change the background color. Itâs OK if you have a variable or something in place for that color. But, it could make things a little harder to maintain.
clip-path is your friend
You might have noticed a couple of interesting CSS properties in that last demo, including clip-path. Youâll most likely need clip-path if you want to create complex CSS shapes. Itâs especially handy for cutting off bits of elements when hiding parent box overflow doesnât do.
Hereâs a little demo I built some time ago that showcases different clip-path possibilities.
CodePen Embed Fallback
Thereâs also this demo that takes ideas from the âShapes of CSSâ article and re-created with clip-path.
CodePen Embed Fallback
border-radius is your other friend
Youâre going to need border-radius to create curves. One uncommon trick is to use a âdoubleâ syntax. This allows you to create a horizontal and vertical radius for each corner.
Play with this demo to really appreciate the power of border-radius. I advocate using percentages across the board in order keep things responsive.
CodePen Embed Fallback
Shading techniques
Youâve got all the shapes, everything is nicely laid out, and all the right colors are in place⊠but something still looks off. Odds are that itâs a lack of shading.
Shading adds depth and create a realistic feel. Consider this ecreation of a Gal Shir illustration. Gal is fantastic at using shades and gradients to make beautiful illustrations. I thought it would be fun to do a recreate it and include a switch that toggles the shading to see just what a difference it makes.
CodePen Embed Fallback
Shading effects are often created with a box-shadow and background-image combination.
The key thing with these properties is that we can stack them in a comma-separated list. For example, the cauldron in the demo has a list of gradients that are being used across the body.
.cauldron { Â background: Â Â radial-gradient(25% 25% at 25% 55%, var(--rim-color), transparent), Â Â radial-gradient(100% 100% at -2% 50%, transparent, transparent 92%, var(--cauldron-color)), Â Â radial-gradient(100% 100% at -5% 50%, transparent, transparent 80%, var(--darkness)), Â Â linear-gradient(310deg, var(--inner-rim-color) 25%, transparent), var(--cauldron-color); }
Note that radial-gradient() and a linear-gradient() are being used here and not always with perfectly round numeric values. Again, those numbers are just fine. In fact, youâll spend a lot of time tweaking and tinkering with things in the style inspector.
Itâs generally the same working with box-shadow. However, with that, we can also use the inset value to create tricky borders and additional depth.
.cauldron__opening { Â box-shadow: Â Â 0 0px calc(var(--size) * 0.05px) calc(var(--size) * 0.005px) var(--rim-color) inset, Â Â 0 calc(var(--size) * 0.025px) 0 calc(var(--size) * 0.025px) var(--inner-rim-color) inset, Â Â 0 10px 20px 0px var(--darkness), 0 10px 20px -10px var(--inner-rim-color); }
There are certainly times where it will make more sense to go with filter: drop-shadow() instead to get the effect you want.
Lynn Fisherâs a.singlediv.com is a brilliant example of these properties in action. Have a poke around on that site and inspect some of the illustrations for great ways to use box-shadow and background-image in illustrations.
box-shadow is so powerful that you could create your entire illustration with it. I once joked about creating a CSS illustration of a dollar.
In CSS right?
#webdev #CSS #animation #webdesign #coding #100DaysOfCode #HTML https://t.co/VmyeySsK83
â Jhey
(@jh3yy) April 22, 2020
I used a generator to create the illustration with a single div. But Alvaro Montoro took it a little further and wrote a generator that does it with box-shadow instead.
Preprocessors are super helpful
While they arenât required, using preprocessors can help keep your code neat and tidy. For example, Pug makes writing HTML faster, especially when it comes to using loops for dealing with a bunch of repeating elements. From there, we can scope CSS custom properties in a way that we only need to define styles once, then overwrite them where needed.
CodePen Embed Fallback
Hereâs another example that demonstrates a DRY structure. The flowers are constructed with the same markup, but each has its own index class that is used to apply scoped CSS properties.
CodePen Embed Fallback
The first flower has these properties:
.flower--1 { Â --hue: 190; Â --x: 0; Â --y: 0; Â --size: 125; Â --r: 0; }
Itâs the first one, so all the others are based off it. Notice how the second flower is off to the right and up slightly. All that takes is assigning different values to the same custom properties:
.flower--2 { Â --hue: 320; Â --x: 140; Â --y: -75; Â --size: 75; Â --r: 40; }
Animated responsive CSS Leif features in the latest CodePen Spark!
For those who donât know Animal Crossing, Leif is a green-thumbed Sloth who visits your island
Hereâs a timelapse!
https://t.co/tkHX4nWXp7 via @CodePen pic.twitter.com/naJIrsSlYM
â Jhey
(@jh3yy) May 19, 2020
Thatâs it!
Go forth, use these tips, come up with your own, share them, and share your CSS masterpieces! And hey, if you have your own advice, please share that too! This is definitely the sort of thing that is learned through lots of trial and error â what works for me may look different from what works for you and we can learn from those different approaches
The post Advice for Complex CSS Illustrations appeared first on CSS-Tricks.
source https://css-tricks.com/advice-for-complex-css-illustrations/
from WordPress https://ift.tt/3fyrAzv via IFTTT
0 notes
Link
Written by Tharmini Kenas In partnership with Does thinking about money freak you out? You get constant reminders from your parents and numerous pieces of advice from older relatives on how to manage your money. But, where and how do you start? Perhaps you have even attempted to use a budgeting app but eventually gave up as its way too complicated to keep on track. Is there an easier option? Use your âsuperpowerâ. If you are part of the younger generation of adults growing up surrounded by technology, use that to your advantage. According to the Future of Money Study, young people today are already comfortable with getting computer-based advice for investing, saving and spending. So, itâs a no-brainer to use computer-based solutions to start managing your money your own way! Here are four ways to take control of your money without stressing out: 1. Automate your savings Saving money takes time and effort. Unfortunately, if you spend first and save later, we have bad news for you. You will struggle to save as you might have spent all your money. Hence, the best way is to pay yourself first once you get your paycheck. How much should you save each month? According to professional money management expert and best-selling author Dave Ramsey, 10-15% of your monthly income would be a good start. To make sure you never miss the allocated 10-15% of your monthly salary, set a recurring deduction from your salary account to your savings account. Voila! Sit back and watch your savings grow steadily. 2. Automate your investments with a robo advisor Most people are left confused with the various investment advice they have heard, read or been given. You are told to take risks, but not too much risk. You are told to diversify but never over-diversify. You read about an investor who lost all his money and there are investors who make millions out of it. Hereâs an easy way to dip your toes into investment: robo advisors. Like the name suggests, you would not be dealing with humans. You are investing your money using robots. A robo advisor uses artificial intelligence (AI) to select investments, allocate and re-balance your investment portfolio automatically based on your risk preferences and financial goals. If you lack the time and the expertise to invest, robo advisor platforms such as StashAway is all you need to get going. Take note that investments are best for the long-term and you should still do your own research. 3. Track your savings and spending automatically Are you spending a big chunk of money on online streaming sites that you barely use? Are you shopping unnecessarily every month, as soon as your pay is in? Let the computer do the tedious job of keeping tab on this and you can focus on getting to your goals instead. Once you have a clear picture of where your money is going, itâs easier to figure out what you are doing right or wrong. The big question is: How can you track every single detail every single day? Download the app With financial apps such as HeyAlfred, all you need to do is download the app and let the app do the tedious work for you. This app can track every single detail, every single day. For instance, if you plan to save RM1,000 for a holiday, the app will assess your finances and help find hidden savings in places youâll never think to look. By linking your bank accounts and e-wallets to this app, you can effortlessly keep track of every transaction you make. The app will even break down your spending into categories and makes it easy for you to see where you spend your money the most or the least. 4. Get help from a personal finance buddy online Asking other people for money advice can be troublesome. If you are shy or uncomfortable to share something as personal as finance with your family or friends, all you need is Alfie. Alfie is an AI chatbot within the HeyAlfred app that dishes out tips and insights based on your own spending. You can ask Alfie questions about your current account balance and how much you spent on bills last month. Alfie will even prompt you when it detects overspending, so youâll always have someone to keep you in check. Tracking your personal finance may not be the most exciting thing to do, but Alfie sure makes it fun. The chatbot will give you your bank statement in an easy form, make snarky comments (only if you need it!), and also respond in memes and gifs. Itâs almost like chatting to a real friend. What is HeyAlfred? HeyAlfred is a chat-based, artificial intelligence (AI) app that helps users to stop wasting money and start making smart financial decisions. With your consent, the app will automatically sync your bank accounts, e-wallets, recurring bills and other assets and liabilities to provide you with personalised insights. You will be able to interact with Alfie, the friendly AI that makes it all the more fun and interactive. This is how HeyAlfred can make personal finance easy for you The first of its kind in Southeast Asia, HeyAlfred uses bank-grade encryption to access your transactions data in a secure environment. HeyAlfred helps by: Automatically syncing banking transactions Linking investment portfolios Expense tracking Simple budgeting tool Responding to your queries regarding your spending and balances Download HeyAlfred and worry no more about your finances! (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&appId=428626330554993&version=v2.9"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); HEROKITA.com | Digital Talents On Demand Source link
0 notes
Note
I'm afraid of getting my luggage stolen at the airport, got any advice?
This may also sound dumb but I have not flown in several years and have no idea what to do after getting off the plane....
while i think it's unlikely that you'll get your luggage stolen, i think one thing to help ease your worries is to make your suitcase extremely recognizable. like get one in an uncommon color and put lots of stickers on it. that way you can recognize it immediately!
after you get off the plane, you follow the signs in the airport for where to go. if you are arriving in a different country they'll have you go through customs to get your passport checked and stamped. then you make your way to the luggage area to pick up your bag! (that is if you have checked luggage). there will always be signs that point you in the right direction once you get off the plane. and if you are lost you can always ask staff for directions!
wishing you luck with your travels! đ«Ą
11 notes
·
View notes
Note
@spider-jaysart @momma-alghul
It just keeps getting better XD
(Cracks knuckles) I have some more in mind if you pleaseâŠ..
- One time when Chris got sick with a Kryptonian flu, Jake stood by his bedside, basically being a nurse to him. During which, Jake attempt replicating his Fatherâs chicken soup recipe (one thatâs passed down generations from his Grandmother Maryâs side) withâŠadequate results in taste but disastrous for the kitchen. Jon and Jake took nearly to minutes, even with super speed to tidy it up. Also included in Jake being a nurse for Chris were marathons of their favorite TV shows, video game contests, drawing sessions, and other stuff Chris can do without compromising his bed rest. By the next morning, Chrisâ fever finally broke as Jake was laying his head on his friend like a pillow, both of them peacefully asleep
- Their go to theme songs for their team would be The Beatlesâ âTwo Of Usâ and Queenâs âYouâre My Beat Friendâ
- When theyâre both in high school and both start crushing on specific girls (For Chris it is a contemporary version of Thara Ak-Var, in this AU New Krypton exists and is a far more peaceful neighboring planet with Earth than in canon; Jake meanwhile, itâs with a girl named Meredith, I Headcanon her as being the woman he married and had a son with at the epilogue of Nightwing New Order), they both give each other dating advice and tips, with varying degrees of success and equally degrees of embarrassment for them.
- They are both experts at comforting each other when the other has a nightmare. For Chris, his nightmares involve rejection from his adoptive family and the harsh and cruel treatment from his birth father General Zod. For Jake, at first, they were simple fears of losing his loved ones and being unable to do anything to help. After a brutal encounter with Victor Zsasz and his âŠ.very wicked scheme involving Bludhavenâs street orphans, he became a recurring figure for Jakeâs nightmares. For both, nothing like comfort hugs, talks and even some lighthearted playful roughhousing wonât fix.
Starburst Duo (Chris Kent and Jake Grayson) Friendship Headcanons?
@paladin-of-nerd-fandom65
Jake and Chris love making stickers together sometimes whenever they visit eachothers house. They always decorate the Starburst headquarters walls with them when they finish making them. They also made a sticker of the Starburst duo title logo. They love to stick that one anywhere outside while out on patrol. (Just like how Miles does with his stickers in the Spider verse movie when he's outside)
They always have thumb wars for the last slice of pizza. Jake always wins, though Chris is learning to get better at it.
Chris really loves eating pretzels, and because of this, Jake always makes sure to have a bag of them in the kitchen at his house so that he can enjoy them whenever he comes over to visit
Jake introduced Chris to the Beatles songs. They are now Chris' favorite band. He just loves listening to their songs all the time, especially while he's outside just hanging out or while he's out on patrol.
They both went to an Ariana Grande concert one time and enjoyed the heck out of it. They even wore shirts with the lyrics from their favorite song "Thank u next" while also wearing glow in the dark necklaces and bracelets for the dark. They took a lot of photos that day, they even got a selfie together with Ariana and got an autograph from her as well.
They both one time tried to heat up homemade pizza with their powers (Chris with his heat vision and Jake with his Starbolts) in the Grayson apartment to see if it would bake faster, since they were both really hungry and were really craving pizza at that moment. This resulted in them both creating a wreck in the kitchen. Once Dick and Kory both came back home from a mission, they made sure that the young two cleaned everything up in the kitchen. Jake and Chris both learned from this mess and never tried to bake anything with their powers in the house again
Chris has a small hobby for planting things sometimes in the Kent farm. Sometimes when Jake comes over to visit, he'll try to teach him how to plant some of the things there like flowers or vegetables and fruits.
Thanks for the ask, Buddy!đ Hope you like them!
25 notes
·
View notes