#placeholder name acc GO!!!! | Explore Tumblr Posts and Blogs

bluenightcomedies · 6 months

Text

uuuugh i keep procrastinating cuz i wanna make new refs n' arts n' all for us all but art slow so fuggit placeholder pinned abt the system better pinned with comm details, other accs, etc later :3 will reopen for commissions once arty verifies me! as a whole we're legally deaf and disabled! we can all draw but have diff styles/preferences :3 body is 30 (eugh i don't like admitting that) so am adult BUT we don't wanna be involved in nsfw art so pls respect that⭐ We can't get a formal diagnosis due to various real life issues, so we're not going to claim any particular diagnosis, but we can't exactly ignore the symptoms and stay masked forever. We're going to stay out of syscourse as much as possible, of course. 🌙 each alter has an assigned emoji so ppl can tell us apart easier if needed, use em as our tags too (when we remember) note- using they/them for any of us fine too!⭐

(doesn't include alters that rarely or never front) ⭐star emoji = Blue! she/her pls~ guess i'm the honorary host cuz i front most. uhhh... nothing rly too fancy i can say abt myself, i'm p affectionate and love y2k art and hanging out, i try to be as nice as i can >w< my art's usually sketchbooky, with thin lines and soft colors/shading!

💠this blue gem/flower emoji is Azure! she/her, she's kinda new to the system. looks n' acts a lot like me but uh... more childish i guess? very silly, very 'cringe culture is dead'. loves to rp, say silly things, n' cling to people. hyperfixates on Dot Hack (RIP) her art looks like mspaint x3 🌙 (Writing for myself since I'm available.) The name's Lune, hence moon emoji, and I use she/her pronouns as well. Formerly "Starry" but people kept confusing me with Blue due to her star symbolism. Used to be the designated mask, I'm glad I don't have to do that anymore... Sometimes I re-mask out of habit so if something sounds like me but wasn't marked as an alter, it probably is me. I have a flat tone and chronic paranoid anxiety so uh... Let me know if I come across as rude, I usually don't mean to. I enjoy doing research and organizing information, so I'm often the one to fact-check things or find guides and how-to's for the system. My art's very bold and colorful, and friends describe it as 'angular'. Clashes with my personality, huh? 🗝️key emoji = Sylverwynd! he uses he/him! he's super laid back and chill, i've never seen him upset or anything, but he's rly long-winded talks... kinda poet-y? he loves reading and talking abt lore and myths so he'll pop in if ur talking abt something he likes or if he has trivia 2 share! fave genres r horror n' fantasy he's still experimenting w/ style but likes drawing rly soft

❌cross emoji= Laceburner! it/its or they/them pronouns! tbh i'm not used to it/its pronouns but Lace wanted em; it's very uh... emotionally empty i guess? aroace, agender, can't socialize or empathize v well. it usually fronts when the rest of us are tired or in pain cuz it just ignores all that. likes 2000's scenemo aesthetics though which is surprising but ye idk how to describe its style, but it's trying to mimic emo art n' likes bright colored lines with dark bg/colors 🗡️the dagger is Kal! he/him pronouns, he gets angry and stressed abt things really easy but he gets too hostile abt it so he tries to not front too much; need to find him a way to de-stress n' chill out... when he's not mad at smth he's a good sympathetic listener imo, still swears and talks all rough tho hasn't drawn much yet but does rly harsh lines and fast/messy sketches when he does (and gets riled up by mistakes =w=;)

❤️heart is Weiss! genderfluid, goes by any pronouns, usually uses whatever they like at the time x3 has a hard time fronting but tries to. flirty, loves dumb jokes, overly confident... (we worry they'd get us in trouble sometimes cuz the shit they want to say) loves demon and monster-related stuff! still experimental style but uses bold colors and thick rough lines a lot, may get suggestive (forbidden from outright nsfw, don't ask >:c) btw ur always welcome to direct asks @ someone specific >w< we just might take a while to respond

#pinned post #pinned intro #plural artist #furry artist #system stuff

17 notes · View notes

threeais · 8 months

Text

remaking my intro post here. cause uhm, i dunno!!!!!!

I WILL UPDATE THIS SOON MAYBE!!!!. [i also dont know how to make this look fancy im sorry]

im kiv, i also go by longbai, paige, atlas and juno

i will only reveal my age if i trust you enough.

i make/write/draw aus, im obssesed with them and will ramble abt them if given the chance.

my art/writing reqs are: open! [writing iz NOT open]

current hyperfixations???: SDRA2/DRA, wordgirl, touhou, kkhta, generation loss, lobcorp, milgram, object show and anything slightly unsettling or just shit i find cool ^_^

i draw whatever i want, [its mostly aus lmaooo]. you guys can ask abt them, i dont mind!!!. i also have many fankids and ocs, [also sdra2 ocs!]

[ some socials below

instagram: kivanc.ela

twitter: ela_vanc

tumblr: this acc and uh my alt is @kivved [i might change the name of it soon..] ]

DNI IF: you are a gr00m3r, s3xual1z3 minors/make s3xual jokes about minors, support sssniperwolf, or are just weird in general

you can read below if you want but herez the au mazterpozt:

current au list below [although its just the aus i can remember rn]

if a au is marked in red, this means its a au i prefer talking about MORE than the other aus inculded here, although just a important warning of somekind; ALL OF MY AUS ARENT HERE this is just a few. [sorry for caps ;-; ]

-Betrayed au

-Disaster au

-NTPYW [Not The Participant You Wanted] au

-If You Seek Nikei au

-Operation V.O.I.D au

-Ais Never Forget au

-Loop au

-Lab [Oratory] au

-Perfection au

-Dreamcatcher/Saviour au

-SDA:RH [Super DanganRonpa Another: Revived Hope] au

-YTWUL/Your Turn With Utsuros Luck au

-False Hope au

-Fatal Insanity au

-Expirement au

-D.O.F/Deal Of Fate au

-Bloom au

-TODE [Town Of Divine Eternity] au

-RTBD [Roleswap / Talentswap: Broken Despair] au

-GTFY au

-DeRealization au

-Turkish au [yeah this exists]

-Future Line au

- FreakShow au [placeholder name for now]

WOO THATS ALOT? thats not even. 1% of my aus. but yeah thanks for reading i guess ???!?? idk im not that good at explaining myself :[

#kiv rambles #introduction #intro post #kiv rambles #kivs #updated: 11/11/2023 #kivs intro post

18 notes · View notes

m0ther-of-p3arl · 1 year

Text

soooo i'm thinking of writing an au

just gonna throw that out there so yall won't be surprised if i randomly throw a fic or seven in your faces <3

FOR REFERENCE: this is gonna be a long post of me talking about shit i wanna write, it's mostly for my future self to look back and so i have all my thoughts in one place (i'm unorganized ok) and im publishing it so it's easier to find, but this is really mostly for my personal benefit in the future but if you all find it interesting yay thats great :)

anyhow

if i /do/ write an au, and that's a big if as my irl friends know about this acc and the teasing i could endure would be /endless/, it would be:

empires s1, with maybe some traffic characters thrown in- i don't feel like wc meshes very well with empires (else i would add it), unless the witchcraft witches were like at gem's academy or s2 shubble's witch school (OOOH that's an idea in and of itself lol

probably flower husbands based, or maybe mean gills, as they're slowly clawing up my mcyt ship tierlist... i'll have to think a bit on that one, but scott will most likely be the main character, cuz he was my very very first exposure to the wonderful world of empires and mcyt in general (found him through lauren, watched ep 1 of empires s2 and was hooked)

only very loosely based on canon events, i'd more be wanting to play around with the characters. therefore, out of the 3 ideas i have (more on that in a bit) i'd be more inclined to pick the more modern-day ones- though there would be fantasy elements of course like babe its empires

i have 3 main ideas that i feel like i could use- i'll put em in a poll if yall wanna vote, more info on each of them underneath

so yeah the first two are awfully similar- the main difference being that in the first option, the characters would be teachers, and in the second, students. imma go through all these a lil more in-depth, as i have ideas for all of them and i wanna see which one you all would rather read and i shall weigh that in on which one i'll (possibly) (ALLEGEDLY) write

teachers: scott is a teacher/the headmaster (i'll decide which later) at empires university (PLACEHOLDER NAME i swear i will come up with a better one) (probably) and jimmy is a new teacher who's just come onto the scene. he continually messes things up and scott is fed up with him and so they have a CHAT but obviously scott is traumatized by something in his past probably xornoth related or relating to one of the death games (life series) and jimmy is just CUTE but scott doesn't realize it and scott goes on being dumb about it and there is ANGST and such

students: basically the same general plot, but scott lives with horrible parents and jimmy becomes a reprieve and they become like best friends but they both have a secret crush on eachother (like in trust au omdsfksjdlkf go read it right now stop reading this rambling post and go read trust au SO GOOD SLDKFJ its by @/thetomorrowshow) and eventually scott is living at jimmy's house full time (jimmy has a cod tank in his room bc ofc) and then stuff happens heehhehehe no spoilers but again: ANGST

the main deal with these is there's ANGST (but also fluff because the two go hand in hand)

war: this is the main different one sooo it's set in the original empires world, but the cod empire and rivendell have been at war for decades and scott and jimmy hate each other but THEN they like meet one day and neither realizes who the other is until too late because they've never seen each other in real life and it's blasphemy and they like each other and all that yadayadayada ANGST

ummmmm anyway that's my fucking long rambling post done good graciousness this is the longest post i've ever done- anyway let me know (or don't, again, for my personal benefit) which one you would rather read and if any of them sound engaging at all- personally, i'm leaning towards students or war over teachers, i was full-in students but now i have so many great ideas for the war one- god i'm so messed up

that will be all

farewell

11 notes · View notes

cousticks · 6 months

Note

🦇🦇🎃🎃🎃🎃🦇 Trick or treat!!! 🦇🦇🎃🎃🎃🎃🦇

so I guess in this game, we can give anything

I give you..

(crab sticks!! cause it sounds like your name lol)

-- it's also dazai's fave food I think 🤭🤭

anyways..hmmm

your posts are great, your tags are interesting

you overfed me with your oda post (still recovering from that lol)

and uhhh..hmmm..

what does white hill road mean?

^^ no pressure ask btw! im just interested hehe.

🎃🦇🦇🎃🎃 Happy Halloween! 🎃🦇🦇🎃🎃

also why did a blog like you follow me on your side acc?

dang I'm flattered 😂 feel free to unfollow anytime bro.

(I'm still going to haunt you now as casper the friendly ghost tho because of what you did to my oda fixation lol) << ur posts killed me.

have a good day. step on a lego :)

oh, a trick or treater!! giving me a treat! and what a nice one too. i'll go find a lego to step on, just for you.

ahah, I originally followed mostly because I wanted more mutuals in general, but your cursed edits are entertaining so I've stuck around! expect more oda-related posts as i work through untold stories, probably.

as for "white hill road," that's my main timeline Dazai tag! a lot of my character tags are "placeholder" tags, as I'm waiting until I find the right song for them. dazai and chuuya's main timeline tags are both from Deaf Havana songs! Dazai's is Speeding Cars, and the phrase 'white hill road' is taken from it. I just think the lyrics are very Dazai.

ps. a treat, for u

#asks? answered. hotel? trivago.#casper the friendly ghost

5 notes · View notes

elementalbeans · 3 months

Text

ok so- HI! my name is Joel, my main acc is @artist-bakedbean

so this roleplay blog is a hella work in progress. so much so that I don't even have all my characters here! I didn't have time to draw them so I painstakingly downloaded Gatchalife (and died mentally) and re-designed four of my OCs so far. there are going to be more and at some point, I AM GOING TO DRAW THEM. just remember that every Gatcha photo is a placeholder. i think one person that i roleplayed with these characters in the past, i changed some of the backstories and what not as well as probably just doing a factory reset. basically, these are whole-ass new characters. also, all of my elemental demons are polyamourous- i made them that when i first made the characters before i found out i myself was poly and i feel like it would be interesting as it would be part of their demon race. also when i add more oc's the relations will change for most so always check through

Name: titanium

Age: 21

nationality: Russian-Japanese

sexuality and gender: bisexual, genderfluid (depends on the day or feeling but generally she/they)

height: 5 feet

relations: siblings are Pyro, Levin

magic: elemental demon, ice facts: her left arm is robotic, she wears oversized clothes and carries around a parasol due to being hella sensitive to the sun (not exactly albino, just extremely sensitive skin), she has a lab in her room and she knows very high-tech stuff, including pills that can swap your biological gender for 24 hours and her robotic arm. she owns a bar and works there alone. she can speak fluent japanese and russian but cant comprehend english, so she cheats and made a translator that helps her speaking and listening, her writing and reading suck tho. lore: her and her family moved around a lot when growing up. they lived in Russia, her fathers home country, till she was about 10, when they moved to Japan due to her father's work, which was her mother's home country. she was made fun of a lot in japan. when she was 14 they moved to america. she was also bullied there. around this time she was flying around and got hit in the face with a bird, causing her to fall, her arm caught into two rocks of a cliff and ripped her arm off. in highschool she would try so hard to have her crush like her which caused her to basically be fake and lie to herself. during prom she thought that her crush asked her out because of liking her but in reality her crush had poured a bucket of glue all over her.

Name: Pyro

Age: 26

nationality: Russian and Japanese

sexuality and gender: straight and cis (he/him) height: 6 feet tall

relations: siblings are titanium, Levin

magic: elemental demon, fire facts: he really loves to read, he dresses in full drag every once in a while because he likes feeling pretty, he writes books in his free time, lore: didn't have much negativity in his life growing up. As he grew up he would already study English, and he grew up helping Titanium with reading some of her work and translating it for her. at one point he was trying to comfort titanium while she was having a panic attack, causing him to accidentally get hit in the eyes with shards of ice due to titanium getting startled. he has a large scar on his eye that he's insecure about, causing him to cover it with an eyepatch.

Name: Levin

Age: 23

nationality: russian-japanese

sexuality and gender: gay and cis (he/him) Height: 6'6

relations: siblings: titanium, pyro

magic: elemental demon, electricity facts: hes a hardcore history nerd, like if you ask about any major historical thing he will know everything about it, hes not too much of a fan of playing basketball even with his height but he adores watching it. hes kinda like Denki Kaminari as he can charge phones and other devices lore: levin was always a prankster. he would always flicker the lights in the house to freak out his parents. he never really did well in school growing up, its not that he was dumb, he was just not interested in it besides history classes. he was highly social and when he heared about what happened to titanium during prom he comforted her immediately.

#oc rp #new rp #ask blog

1 note · View note

baggebo-the-silly-goober · 6 months

Text

i made a website :33 its for my comic!!!!!!!!!!!!!!!!!!!!!

its on neocities so i coded myself, pls follow it if you have an acc!! im trying to make a comic :3 you dont have to tho! https://baggebo-the-goober.neocities.org/

the 2 comics are: train station (this is a placeholder name dont judge k)-three kids from different universe be silly and go insane and do adventures :3 the goobers-creatures called goobers inhabit earth with humans (WHAT HAPPENS NEXT WILL SHOCK YOU!!1!!!!) ill keep you updated!! please reblog if you can :3

1 note · View note

hella1975 · 2 years

Text

you ever just write something so blatantly self-indulgent that it's just laughable? that's me with this jjk fic i've started

#like the plot makes NO sense it is literally just me going 'this is where we are dont ask me how we got here bc i have no answers'#and like it's to the point even the characters feel ooc but im just giggling over here like idc idc #i have a VISION and it's gonna happen no matter what i have to break to get there #babygirl i can produce fic so detached from the original media that you can only recognise it through character names #that's probs me being dramatic seeing as im always convinced that everything i write is senseless and stupid and ooc #but i know for SURE that it's definitely heightened with this fic #and who cares! im having fun #*chanting* sss trio fix-it fic sss trio fix-it fic sss trio fix-it fic sss-#jjk #shoko's memories #< that started as a placeholder but i acc really like it so we'll run with it for now

52 notes · View notes

milkcrates · 3 years

Text

Getting To Know You

tagged by @lanyuan (and also i think by @rinielle FOREVER ago, sorry this took so long <3) thank u both!!

why did you choose your url?

oh i love this question WELL because (slaps milkcrate) this bad boy can hold so much nostalgia in it :') toronto storefronts my beloved:

like. look at all those milkcrates holding up those funky hats and fresh produce. they are so ugly. i adore them

any side-blogs? if you have them, name them and why you have them.

this used to be a sideblog! but after a while i made a new acc to make @milkcrates my main bc i was a lot more active here. my old one's on hiatus and it will continue to be for... a long time, probably

how long have you been on tumblr?

since 2014!

do you have a queue tag?

yeah it's just 'q' lol. i'm so bad at remembering to queue things up tho so it's very inconsistent

why did you start your blog in the first place?

i wanted to interact w the fandom more! scary at first but now i'm 🥰🥰🥰 at all of u. everyone is so sweet and lovely and talented

why did you choose your icon/pfp?

i like it when 19th century paintings are a mood (it's jove decadent by ramon casas for anyone wondering!)

why did you choose your header?

i think it's just a desktop background that i slapped on there as a placeholder when i first made my blog. i always mean to change it to something cql-related and never get around to it. maybe one day i'll draw something for it but for now it'll stay boring

what’s your post with the most notes?

ppl seemed to vibe with wangxian angst!

how many people do you follow?

283 currently

have you ever made a shitpost?

hmm not rlly? i've made many a shitpost in the privacy of my dm's, which doesn't count, but i'm too embarrassed to actually post them lmao. if ur curiosity is piqued just dm me abt baguetteverse and i'll bless u with some dumb dumb content

how often do you use tumblr each day?

um umm too much probably

did you have a fight/argument with a blog once?

nope! i'm just chillin in my little corner here

how do you feel about ‘you need to reblog this post’?

don’t like those. if it's something i care about, i'll find a better post with less guilttripping

do you like tag games?

yes! sleepover vibes! sort of! it's sweet <3

do you like ask games?

in theory yes, but i haven't reblogged any yet bc this is still just a wee little blog

which of your mutuals do you think is tumblr famous?

omg i don't even know. my image of tumblr is just like. a swamp. and we're all frogs on our lily pads chirping at each other

do you have a crush on a mutual?

no. but also. i'm a Little Bit in love with literally anyone who's been even slightly nice to me on more than one (1) occasion lmao blowing kisses to u all <3

i think this game has been going around for quite a while so i'm not sure who's been tagged already, but: @curiosity-killed @valvalbread @shards-of-divinity @fantasiavii @hearteyeswangji only if you want!! as always feel free to ignore and have a lovely day <33

#thank u for tagging me leo!!#also wow u have a Gift for urls literally all of urs are chefs kiss hahaha #tag games #not cql #long post

15 notes · View notes

itsdiamondeyesuniverse · 4 years

Photo

So everybody knows that you can't delete groups otherwise it'll flash blue, but i just hate those squares so much, it's extra unnedeed thing that pisses me off, extra effort of adding them + i've seen a square like that that was like 700 polys, sometimes half the poly of the mesh is those squares, this is insane, so not everyone can even use them correctly. So i've found a working way that allows to make only the groups that you need, which is one in most cases, and no flashing blue. This is info for those who make new mesh packages, you can fix existing flashing blue this way as well though. Lots of text as i’m trying to explain everything, but the tip itself is super simple.

Excuse me if it was explained anywhere else, but all the tutorials i've seen teach to make the squares, exept for Bloom's but i was still getting flashing blues and similiar glitches. You can say that this is based on Blooms tutorial, which is to edit "numoverrides" and all that to reflect correct number of groups and names of the mesh, which is something that comes to mind if you have experience working with clothing groups, but unlike clothes the mesh will flash blue if you do it. Bloom mentioned that only if you update the mesh in existing package again then it will flash, but if you don't then it wont. I know that i mess things up all the time so ofc i updated the mesh and got flashes, but i'm not sure if not updated meshes weren't flashing for me too. So i was about to give up and use the damned squares, but i thought something tbh i can't even remember what exactly and why, but i looked at Raven's toddler accessory mesh and for some reason decided that it was the SHPE's that you need to edit (probably cos you need to make toddler acc from scratch wich means that it’ll have “body” group and their meshes don’t flash so they had to fiddle with something in there) I edited the SHPEs on my currently flashing mesh and surprise - it was fixed. So it was the SHPE that caused flashing! After that i tested again for days, and to this point i’ve made and tested many meshes using this method i.e. i wouldn't have done it if it wasn't actually working. And you can update them without flashing too.

Situation 1. Just remove extra groups.

Say original mesh had 3 groups: "frame", "rim" and "lens". You only need one group "frame", so you set "numoverrides" to 1 and delete "rim" and "lens" lines in XML and after that delete the lines by the same name from SHPE (no need to "fix TGI" or anything, just hit "commit").

Situation 2. Renaming the group.

You have this one group mesh "frame" but want something more neutral as a name, i choosed "acc" as i always refer like that in my mind. Rename "frame" to "acc" in both XML and SHPE.

Situation 3. Adding the group.

You have this one group mesh "acc" but with this particular acc you could go with 2 groups. Set "numoverrides" to 2 in XML, then add "acc2" subset in XML , after that clone line "acc" in SHPE and name new line "acc2" (no need to "fix TGI" or anything, just hit "commit").

Templates

To convert as much people as possible to at least try this method i'm sharing my template meshes and recolor packages from which i make all accs now and haven't had a single problem with. I’ve tried all i could to make them flash-blue with no success, never thought that i would wait to see flashing blue glitch :D

The mesh is for toddler-adult, i must say that i prefixed it with "DEU” as i followed Raven's tutorial at the moment and it said to do it i didn't give it much thought, the toddler mesh not prefixed though as i think i added it later or something. So don't use it if it bothers you and you can always just use the recolor packages. There's some random things as placeholders in GMDC made only for visual guide with this "acc" group i use, so just import the base body for your age/gender in MS and name your mesh “acc” and post this in comments:

ModelName: acc

Opacity: -1

HasTangentArray:

NumSkinWgts: 3

I've made 15 clone-template recolor packages to go with one group mesh. They have "acc" subset. Ages from todller to adult, note that PU and CU set to female only and i only have adult XMLs in there as i prefer to manually set gender to 3 or age to 58, you can of course set them right away and it will generate those extra resources, just a heads up. Some random clothing categories that were in glasses by default. Also they are in standart glasses bin (F). All TXMTs type set to "SimStandartMaterial". Not reflective. Doesn't morph with face.

Also ofc feel free to rename the groups in those packages however you wish or rename one and make your own template-copies of it.

HOW TO USE

DO NOT SHARE THOSE PACKAGES AS FINAL ACC DOWNLOAD IT WILL CAUSE CONFLICTS IF SOMEONE ELSE ALSO SHARES SAME FILES AND THEY END UP IN ONE GAME AT THE SAME TIME! ONLY GENERATE NEW PACKAGES WITH THOSE FILES! This are reusable packages that you put somewhere in your WIP folder and copy-paste/clone the mesh and recolor files themselves (like right click - copy) to a folder with whatever you're working with and then “Fix Integrity” on the meshes and link recolor file to them. Make your Bodyshop project with those template recolors and then delete them from your Downloads folder. To clear it up: keep the original files somewhere, just copy-paste them when you need them, you can reuse them endlessly. Example: you have 3 accs, make folders 1,2,3 and copy-paste in each of them the meshes you need + recolor templates named 1,2 and 3. Fix integrity on mesh 1 and link it to rec file 1, then fix integrity on mesh for acc 2 and link rec file 2 to it and so on. If you still don't understand how to use those files you can ask me to explain further, just keep in mind that you do have to know how to make accessories in the first place, i won't be explaining that.

Download Templates

#sims 2 tutorial #sims 2 tip

33 notes · View notes

techcrunchappcom · 4 years

Photo

New Post has been published on https://techcrunchapp.com/clemson-vs-miami-prediction-pick-odds-point-spread-line-football-game-live-stream-kickoff-time/

Clemson vs. Miami: Prediction, pick, odds, point spread, line, football game, live stream, kickoff time

No. 7 Miami travels to face No. 1 Clemson in Death Valley on Saturday in a top-10 battle sure to have implications on the ACC title and College Football Playoff races. There wasn’t much hype for the Tigers-Hurricanes game when the schedule was released in the preseason, but the impressive start by UM has made this early-season showdown one of the biggest games of the year — not only in the ACC but in all of college football.

After all, the ACC doesn’t get a ton of matchups between teams ranked in the top 10. This is the first such game since the 2017 ACC Championship Game when Clemson beat Miami 38-3, and only the 17th meeting between AP top 10 teams in the ACC in the league’s history.

Want more college football in your life? Listen below and subscribe to the Cover 3 College Football podcast for top-notch insight and analysis beyond the gridiron.

That adds an extra layer of intrigue to the perception portion of Saturday night’s events, as the quality not only of Clemson, the five-time ACC champs, and Miami, the most exciting 2020 contender so far, will carry implications that extend to the entire league.

There’s going to be a ton of talent on the field in Clemson with much of the nation’s eyes on the game. Let’s take a closer look at what to expect in this top-10 showdown as well as make some expert picks both straight up and against the spread.

Storylines

Clemson: The events of last Saturday had so much for college football fans to digest that Clemson’s win against Virginia likely appeared routine and without worry or concern. After all, when eight ranked teams lose in the same day, there’s enough carnage around the country to focus on without getting distracted by a 41-23 Tigers victory. But in that game, we saw evidence of a Clemson team that is still very much rounding into form and far from the final product that we expect will be competing for a national championship. The defensive line is down multiple starters and the offense is still waiting for wide receivers not named Amari Rodgers to step up and help fill the absences of Tee Higgins and Justyn Ross. It wouldn’t be a big deal most years, as Clemson has been known to plan its season to peak around championship time in December and January, but most years don’t feature a top-10 opponent in the fourth game of the season. The Tigers are being tested with a championship-like setting weeks before they are used to hitting that championship gear, and the results will be telling for what’s ahead — particularly with a date against Notre Dame in South Bend coming up in early November.

Miami: How will Miami stand up against the champs? The Hurricanes offense has thrived against UAB, Louisville and Florida State, but going head-to-head against Clemson’s talented front and the best defensive coordinator in football in Brent Venables is going to be a tough test for Rhett Lashlee and D’Eriq King. Keeping Clemson’s defense off-balance with tempo and hitting on enough explosive plays is going to be the key to hanging in this heavyweight fight, because no matter how disruptive the Quincy Roche and Jaelen Phillips-led defensive line may be, there’s only so long you can go before Trevor Lawrence and Travis Etienne are going to find the end zone. Dabo Swinney prefers to let his defense lead when Clemson faces ranked opponents in the regular season, but most of those ranked opponents have not had the No. 1 offense in the ACC ranking No. 12 nationally with a 499 yards per game average.

Viewing information

Date: Saturday, Oct. 10 | Time: 7:30 p.m. ET Location: Memorial Stadium — Clemson, South Carolina TV: ABC | Live stream: fuboTV (Try for free)

Game prediction, picks

Clemson’s defense might not be mature enough (yet) to fulfill the full “Big Game Dabo” playbook of letting the defense lead the way, but he’s got the best backfield duo in the country to anchor what should be a patient rushing attack. In fact, it’s experience in big games on big stages like this that will ultimately be the difference, as Trevor Lawrence and Travis Etienne can lean on handfuls of different games and situations for mental advantages against a Miami team that is still on its way back to the top of college football. I expect Clemson to establish the run and lean on it to avoid mistakes and keep D’Eriq King off the field. Pick: Clemson (-14)

Which college football picks can you make with confidence in Week 6, and which team will pull off a shocking upset? Visit SportsLine to see which teams will win and cover the spread — all from a proven computer model that has returned over $4,200 in profit over the past four-plus seasons — and find out.

require.config("baseUrl":"https://sportsfly.cbsistatic.com/fly-957/bundles/sportsmediajs/js-build","config":"version":"fly/components/accordion":"1.0","fly/components/alert":"1.0","fly/components/base":"1.0","fly/components/carousel":"1.0","fly/components/dropdown":"1.0","fly/components/fixate":"1.0","fly/components/form-validate":"1.0","fly/components/image-gallery":"1.0","fly/components/iframe-messenger":"1.0","fly/components/load-more":"1.0","fly/components/load-more-article":"1.0","fly/components/load-more-scroll":"1.0","fly/components/loading":"1.0","fly/components/modal":"1.0","fly/components/modal-iframe":"1.0","fly/components/network-bar":"1.0","fly/components/poll":"1.0","fly/components/search-player":"1.0","fly/components/social-button":"1.0","fly/components/social-counts":"1.0","fly/components/social-links":"1.0","fly/components/tabs":"1.0","fly/components/video":"1.0","fly/libs/easy-xdm":"2.4.17.1","fly/libs/jquery.cookie":"1.2","fly/libs/jquery.throttle-debounce":"1.1","fly/libs/jquery.widget":"1.9.2","fly/libs/omniture.s-code":"1.0","fly/utils/jquery-mobile-init":"1.0","fly/libs/jquery.mobile":"1.3.2","fly/libs/backbone":"1.0.0","fly/libs/underscore":"1.5.1","fly/libs/jquery.easing":"1.3","fly/managers/ad":"2.0","fly/managers/components":"1.0","fly/managers/cookie":"1.0","fly/managers/debug":"1.0","fly/managers/geo":"1.0","fly/managers/gpt":"4.3","fly/managers/history":"2.0","fly/managers/madison":"1.0","fly/managers/social-authentication":"1.0","fly/utils/data-prefix":"1.0","fly/utils/data-selector":"1.0","fly/utils/function-natives":"1.0","fly/utils/guid":"1.0","fly/utils/log":"1.0","fly/utils/object-helper":"1.0","fly/utils/string-helper":"1.0","fly/utils/string-vars":"1.0","fly/utils/url-helper":"1.0","libs/jshashtable":"2.1","libs/select2":"3.5.1","libs/jsonp":"2.4.0","libs/jquery/mobile":"1.4.5","libs/modernizr.custom":"2.6.2","libs/velocity":"1.2.2","libs/dataTables":"1.10.6","libs/dataTables.fixedColumns":"3.0.4","libs/dataTables.fixedHeader":"2.1.2","libs/dateformat":"1.0.3","libs/waypoints/infinite":"3.1.1","libs/waypoints/inview":"3.1.1","libs/waypoints/jquery.waypoints":"3.1.1","libs/waypoints/sticky":"3.1.1","libs/jquery/dotdotdot":"1.6.1","libs/jquery/flexslider":"2.1","libs/jquery/lazyload":"1.9.3","libs/jquery/maskedinput":"1.3.1","libs/jquery/marquee":"1.3.1","libs/jquery/numberformatter":"1.2.3","libs/jquery/placeholder":"0.2.4","libs/jquery/scrollbar":"0.1.6","libs/jquery/tablesorter":"2.0.5","libs/jquery/touchswipe":"1.6.18","libs/jquery/ui/jquery.ui.core":"1.11.4","libs/jquery/ui/jquery.ui.draggable":"1.11.4","libs/jquery/ui/jquery.ui.mouse":"1.11.4","libs/jquery/ui/jquery.ui.position":"1.11.4","libs/jquery/ui/jquery.ui.slider":"1.11.4","libs/jquery/ui/jquery.ui.sortable":"1.11.4","libs/jquery/ui/jquery.ui.touch-punch":"0.2.3","libs/jquery/ui/jquery.ui.autocomplete":"1.11.4","libs/jquery/ui/jquery.ui.accordion":"1.11.4","libs/jquery/ui/jquery.ui.tabs":"1.11.4","libs/jquery/ui/jquery.ui.menu":"1.11.4","libs/jquery/ui/jquery.ui.dialog":"1.11.4","libs/jquery/ui/jquery.ui.resizable":"1.11.4","libs/jquery/ui/jquery.ui.button":"1.11.4","libs/jquery/ui/jquery.ui.tooltip":"1.11.4","libs/jquery/ui/jquery.ui.effects":"1.11.4","libs/jquery/ui/jquery.ui.datepicker":"1.11.4","shim":"liveconnection/managers/connection":"deps":["liveconnection/libs/sockjs-0.3.4"],"liveconnection/libs/sockjs-0.3.4":"exports":"SockJS","libs/setValueFromArray":"exports":"set","libs/getValueFromArray":"exports":"get","fly/libs/jquery.mobile-1.3.2":["version!fly/utils/jquery-mobile-init"],"libs/backbone.marionette":"deps":["jquery","version!fly/libs/underscore","version!fly/libs/backbone"],"exports":"Marionette","fly/libs/underscore-1.5.1":"exports":"_","fly/libs/backbone-1.0.0":"deps":["version!fly/libs/underscore","jquery"],"exports":"Backbone","libs/jquery/ui/jquery.ui.tabs-1.11.4":["jquery","version!libs/jquery/ui/jquery.ui.core","version!fly/libs/jquery.widget"],"libs/jquery/flexslider-2.1":["jquery"],"libs/dataTables.fixedColumns-3.0.4":["jquery","version!libs/dataTables"],"libs/dataTables.fixedHeader-2.1.2":["jquery","version!libs/dataTables"],"https://sports.cbsimg.net/js/CBSi/app/VideoPlayer/AdobePass-min.js":["https://sports.cbsimg.net/js/CBSi/util/Utils-min.js"],"map":"*":"adobe-pass":"https://sports.cbsimg.net/js/CBSi/app/VideoPlayer/AdobePass-min.js","facebook":"https://connect.facebook.net/en_US/sdk.js","facebook-debug":"https://connect.facebook.net/en_US/all/debug.js","google":"https://apis.google.com/js/plusone.js","google-platform":"https://apis.google.com/js/client:platform.js","google-csa":"https://www.google.com/adsense/search/async-ads.js","google-javascript-api":"https://www.google.com/jsapi","google-client-api":"https://apis.google.com/js/api:client.js","gpt":"https://securepubads.g.doubleclick.net/tag/js/gpt.js","newsroom":"https://c2.taboola.com/nr/cbsinteractive-cbssports/newsroom.js","recaptcha":"https://www.google.com/recaptcha/api.js?onload=loadRecaptcha&render=explicit","recaptcha_ajax":"https://www.google.com/recaptcha/api/js/recaptcha_ajax.js","supreme-golf":"https://sgapps-staging.supremegolf.com/search/assets/js/bundle.js","taboola":"https://cdn.taboola.com/libtrc/cbsinteractive-cbssports/loader.js","twitter":"https://platform.twitter.com/widgets.js","video-utils":"https://sports.cbsimg.net/js/CBSi/util/Utils-min.js","waitSeconds":300);

#clemson #football #miami #point #prediction #spread #stream #Sports

0 notes

holytheoristtastemaker · 4 years

Link

A nice list of HTML, CSS and JavaScript How Tos with basic concepts for everyday use. Feel free to comment your own approaches :)

Disabling everything with CSS

CSS

.disabled { filter: grayscale(1); pointer-events: none; }

View on JSFiddle here.

Split an array into chunks without mutability

const array = [1, 2, 3, 4] const size = 3 const new_array = array.reduce((acc, a, i) => { i % size ? acc[parseInt(i / size)].push(a) : acc.push([a]) return acc }, [])

or even shorter:

const new_array = array.reduce((acc, a, i) => i % size ? acc : [...acc, array.slice(i, i + size)], [])

Remember, start using const, if you need to change its value then use let and avoid as much as possible var. View on JSFiddle here.

Saving and loading dates

Save your datetime always in UTC ISO and load it to the user interface using local ISO. Use native widgets to avoid facing date format preferences (middle endian, little endian, etc) HTML

$button_save.onclick = () => localStorage.setItem('datetime', $input.value && new Date($input.value).toISOString()) $button_load.onclick = () => $input.value = localStorage.getItem('datetime') && toLocalISOString(new Date(localStorage.getItem('datetime'))) .slice(0, -8) function toLocalISOString(d) { const offset = d.getTimezoneOffset() return new Date( d.getFullYear(), d.getMonth(), d.getDate(), d.getHours(), d.getMinutes() - offset, d.getSeconds(), d.getMilliseconds()).toISOString() }

View on JSFiddle here. I recommend using sessionStorage and localStorage. Do not abuse cookies if they are not strictly necessary. If you need more local storage you can use IndexedDB.

Select HTML table columns by clicking on the headers

document.querySelectorAll('th').forEach($th => $th.onclick = event => { document.querySelectorAll(`td:nth-of-type(${event.currentTarget .cellIndex + 1})`) .forEach($td => $td.classList.toggle('selected')) })

Remember, onclick always overwrites the previous function (in case there was any), use addEventListener() for multiple functions. View on JSFiddle here.

Rename when destructuring

We are going to rename time property while sorting our array of objects. JS

let times = [ {name:'dog', time: '10:23'}, {name: 'laundry', time: '09:34'}, {name: 'work', time: '11:00'}] times.sort(({ time: a }, { time: b }) => a < b ? -1 : a > b ? 1 : 0)

Remember, sort() changes the orginal array. View on JSFiddle here.

Autocomplete dropdown

Have you ever used autocomplete dropdowns from jQuery UI or Bootstrap third party options? A complete heavyweight mess. Luckly, we got a couple of years ago an awaited solution: Native HTML5 Autocomplete dropdown with datalist. A lightweight standard supported in all devices. HTML

View on JSFiddle here. Save your tooling time and dependency, use as few libraries and frameworks as possible!

Real easy responsiveness with CSS Grid

CSS Grid is the easiest, cleanest and powerful way to deal with responsiveness, a completely new approach baked in the last years and ready to use. CSS Grid changes how you used to layout your documents, instead of divitis (plenty of divs) and JavaScript to change div positions depending on screens (what Bootstrap does nowadays), you can use pure CSS grid layouts with just the meaningful divs and independently of document source order. You don’t need to touch HTML or JavaScript, you don’t need Bootstrap or even complex CSS rules, what you see in your CSS is what you get on your screen. HTML

<div class="grid"> <div class="name">Name</div> <div class="score">Score</div> <div class="skills">Skills</div> <div class="chart">Chart</div> </div>

CSS

.grid { display: grid; grid-template-areas: "name" "score" "skills" "chart"; } @media only screen and (min-width: 500px) { .grid { grid-template-areas: "name skills" "score skills" "chart chart"; } } .name { grid-area: name; } .score { grid-area: score; } .skills { grid-area: skills; } .chart { grid-area: chart; }

View on JSFiddle here. I would recommend you to do these examples. Fall in love with Grid Templates like I did ❤

Move parts of the user interface without loss of interaction

HTML

<ul> <li> <button id="up">Up</button> <button id="down">Down</button> </li> <li>Nothing</li> <li>Nothing</li> </ul>

document.querySelector('#up').onclick = e => { const $li = e.target.parentElement if ($li.previousElementSibling) $li.parentElement.insertBefore($li, $li.previousElementSibling) } document.querySelector('#down').onclick = e => { const $li = e.target.parentElement if ($li.nextElementSibling) $li.parentElement.insertBefore($li.nextElementSibling, $li) }

Remember, target is what triggers the event and currentTarget is what you assigned your listener to. View on JSFiddle here.

HTML input time with 24 hours format

Rely on native HTML widgets without depending on third party libraries. However, sometimes there are some limitations, if you have ever dealt with an HTML input time you know what it is about, try to set up maximum or minimum hours/minutes and/or change from 12 hours format to 24 hours and viceversa. By now, a good solution to avoid headaches is to use 2 inputs of the type number and a pinch of JS. HTML

CSS

div { background-color: white; display: inline-flex; border: 1px solid #ccc; color: #555; } input { border: none; color: #555; text-align: center; width: 60px; }

document.querySelectorAll('input[type=number]') .forEach(e => e.oninput = () => { if (e.value.length >= 2) e.value = e.value.slice(0, 2) if (e.value.length == 1) e.value = '0' + e.value if (!e.value) e.value = '00' })

Remember, == double comparation for equality and === triple one for equality and type. If you want to check whether a variable is undefined or not, simple use triple compartion a === undefined and the same for null. If you want to check whether it exists or not use typeof a != 'undefined'. View on JSFiddle here.

Loop n times without mutable variables

[...Array(10).keys()] .reduce((sum, e) => sum + `<li>${e}</li>`, '')

also like this:

[...Array(10)] .reduce((sum, _, i) => sum + `<li>${i}</li>`, '')

View on JSFiddle here.

Horizontal and vertical center

Forget about any complicated way, just use Flexbox and set up horizontal center and vertical center in the container. CSS

body { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; } div { background-color: #555; width: 100px; height: 100px; }

View on JSFiddle here.

Asynchronous fetch

Using fetch() with asyncronous functions. JS

async function async_fetch(url) { let response = await fetch(url) return await response.json() } async_fetch(‘https://httpbin.org/ip') .then(data => console.log(data)) .catch(error => console.log('Fetch error: ' + error))

View on JSFiddle here. Note, as you have noticed I don’t write the ; semicolon, that’s perfectly fine, in JavaScript the ; is not mandatory, it doesn’t matter if you write it or not, the JS engine is going to check it and insert it if needed, just be careful with new lines that start with ( parentesis and avoid return with the value in a diferent line.

Footer with right and left buttons

HTML

<footer> <div> <button>Button A</button> <button>Button B</Button> </div> <div> <button>Button C</button> <button>Button D</button> </div> </footer>

CSS

footer { display: flex; justify-content: space-between; position: fixed; bottom: 0; left: 0; right: 0; }

View on JSFiddle here.

Scroll into view

I have created n boxes (divs) with random colors to select one of them randomly and make it visible on the viewport. Every time you rerun the code you will see in your screen the selected box regardless of its position. JS

document.querySelector(`div:nth-child(${random})`).scrollIntoView()

View on JSFiddle here.

Flattening arrays of objects

array = alphas.map(a => a.gammas.map(g => g.betas) ).join()

If you want to see other different approaches using forEach with concat and with push check this link (I did also some time consuming test using jsPerf). View on JSFiddle here. Remember, in case you want to flat arrays of arrays you can do it easily with flat().

[1, 2, [3, 4, [5, 6]]].flat(Infinity)

Nesting arrays of objects

Returns an array of n elements filled with content: JS

let get_array = (n, content) => Array(n).fill(content)

Returns an object with a name property that has a content value:

let get_object = (name, content) => Object.defineProperty({}, name, {value: content})

3 levels of arrays with objects (nested)

a = get_array(3, get_object('b', get_array(6, get_object('c', get_array(3, {}) )) ))

View on JSFiddle here.

Array without duplicate values

const array = [1, 2, 3, 3, 3, 2, 1]

The Set strategy:

[...new Set(array)]

The filter strategy (easier to figure out but slower):

array.filter((elem, index) => index == array.indexOf(elem))

View on JSFiddle here. Remember, Array.from(iterableObj) = [...iterableObj]

HTML input with units

HTML

CSS

span { background: white; border: 1px solid #e8e8e8; } input { background: inherit; outline: none; border: none; padding: 0 5px; }

View on JSFiddle here.

Responsive background loop video

HTML

CSS

video.landscape { width: 100vw; height: auto; } video { width: auto; height: 100vh; }

Remember, you can add as many sources as you want to support different video formats. View on JSFiddle here.

How to print specific HTML content

If you want to print a specific HTML content, for example everything inside a div tag or a tag element with a particular identifier, you can use window.print() in a new window with just the content you want to. It’s easy but tricky, we would like an accessible print method for any HTML element but there aren’t. Don’t forget to add/link some CSS in your new window otherwise you will get the default style from your browser. JS, HTML, CSS

function print(content) { let win = window.open() win.document.write(` <html><head> <title>Report</title> <style> div { display: inline-flex; width: 200px; height: 200px; justify-content: center; align-items: center; background-color: #e9a9c7; color: #39464e; } </style> </head><body>` ) win.document.write(content) win.document.write('</body></html>') win.print() win.close() }

View on JSFiddle here. Note, the write method is synchronous, however sometimes window tries to print before write has finished, it happens only in some browsers ¬¬, therefore trying to avoid this we have added a setTimeout(). Yeah, no quite elegant but among all the different ways, it is the shortest that works across all updated browsers so far.

View, hide, type and generate password

Love to make things as simple as possible xD A hint just inside the input, then a button to show the password and finally another button to generate random passwords. HTML

View or hide password: JS

$view_password.addEventListener('click', e => { e.currentTarget.classList.toggle('view') if (e.currentTarget.className.includes('view')) $password.setAttribute('type', 'text') else $password.setAttribute('type', 'password') })

Set a random password and make sure it’s shown:

$generate_password.addEventListener('click', () => { $view_password.classList.add('view') $password.setAttribute('type', 'text') $password.value = Math.random().toString(36).slice(-8) })

View on JSFiddle here. Note, I personally name selector’s const starting with a $.

Infinite previous and next selection

Select each element in a selection loop. If you go forward as soon as you finish the list of elements you will start selecting from the beginning and the same if you go in opposite direction. HTML

<button id="previous">Previous</button> <button id="next">Next</button> <ul> <li></li> <li class="selected"></li> <li></li> <li></li> <li></li> </ul>

document.querySelector('#next').addEventListener('click', () => { const $selected = document.querySelector('.selected') const $next_element = $selected.nextElementSibling if (!$next_element) $next_element = $selected.parentElement.firstElementChild $selected.classList.remove('selected') $next_element.classList.add('selected') })

Remember, use nextElementSibling and previousElementSibling (DOM elements) instead of nextSibling and previousSibling (DOM objects). A DOM Object can be anything: comments, insolated text, line breaks, etc. In our example nextSibling would have worked if we had set all our HTML elements together without anything between then:

View on JSFiddle here.

Responsive square

I have seen many weird ways to create responsive squares, that’s why I would like to share an easy one. Go to the JSFiddle link below and play resizing the result window. CSS

div { width: 60vw; height: 60vw; margin: 20vh auto; background-color: #774C60; }

View on JSFiddle here.

Circle area defined by mouse click

We are going to define the area of a circle depending on where we click within a box area. We can handle this using JavaScript events, a little bit of basic maths and CSS. Width and height are igual, it doesn’t matter which we will set for our maths: JS

const width = e.currentTarget.clientWidth

Absolute position of the mouse cursor from the circle center:

const x = Math.abs(e.clientX — offset.left — width / 2) const y = Math.abs(e.clientY — offset.top — width / 2)

The maximum will tell us the percent of the circle area:

percent = Math.round(2 * Math.max(x, y) * 100 / width) $circle.style.width = percent + '%' $circle.style.height = percent + '%'

Text Overwriting

Well, maybe you are thinking that you can just turn on your Insert key from your keyboard but what If you don’t have it or if you want to always have an overwriting mode (independently) while typing in some specific inputs and textareas. You can do it easily. JS

$input.addEventListener('keypress', function(e) { const cursor_pos = e.currentTarget.selectionStart if (!e.charCode) return $input.value = $input.value.slice(0, cursor_pos) + $input.value.slice(cursor_pos + 1) e.currentTarget.selectionStart = e.currentTarget.selectionEnd = cursor_pos })

View on JSFiddle here.

Counter with a reset using closures

Set up a basic counter with a closure and some external accessible options. JS

Remembler, a closure just let you keep recorded and protected your variables. View on JSFiddle here.

Infinite scroll

Have you ever seen those automatic "Load More" while you scroll down? Did you see them on Tumblr for images, Gmail for messages or Facebook? Cool, isn’t it? The infinite scroll is an alternative for pagination and it’s everywhere. It optimizes the user experience loading data as the user required it (indirectly). You get faster loading process for pages, web, apps and it just loads what you need instead of the whole bunch. You don’t need to add extra interactions, buttons or widgets because it comes with the normal reading behaviour that you are used to: scroll down with the mouse or with the finger in a touchable screen. JS

const $ol = document.querySelector('ol') function load_more() { let html = '' for (var i = 0; i < 5; i++) html += '<li></li>' $ol.innerHTML += html } $ol.addEventListener('scroll', function() { if ($ol.scrollHeight — $ol.scrollTop == $ol.clientHeight) load_more() })

View on JSFiddle here. Just notice in the example above that we could make it more efficient creating nodes and using appendChild().

Material icons

HTML

View on JSFiddle here.

Basic CSS transition using box-shadow

Our CSS will change if the mouse is over the element with an ease-in-out transition effect (slow start and end). We are filling up the element with an inner shadow (inset) CSS

i { transition: all 0.5s ease-in-out; box-shadow: 0 0 0 75px #E94F37 inset; } i:hover { box-shadow: 0 0 0 4px #E94F37 inset; color:#E94F37; }

View on JSFiddle here.

Export HTML table to CSV file

Imagine you have an HTML table and you want to download it as a CSV table. HTML

<table> <tr><th>Name</th><th>Age</th><th>Country</th></tr> <tr><td>Geronimo</td><td>26</td><td>France</td></tr> <tr><td>Natalia</td><td>19</td><td>Spain</td></tr> <tr><td>Silvia</td><td>32</td><td>Russia</td></tr> </table>

First of all, you need to transform from HTML to CSV: JS

let csv = [] let rows = document.querySelectorAll('table tr') for (var i = 0; i < rows.length; i++) { let row = [], cols = rows[i].querySelectorAll('td, th') for (var j = 0; j < cols.length; j++) row.push(cols[j].innerText) csv.push(row.join(',')) } download_csv(csv.join('\n'), filename)

After that, you can download it using Blob and a link:

let csvFile = new Blob([csv], {type: 'text/csv'}) let downloadLink = document.createElement('a') downloadLink.download = filename downloadLink.href = window.URL.createObjectURL(csvFile) downloadLink.style.display = 'none' document.body.appendChild(downloadLink) downloadLink.click()

View on JSFiddle here.

Keyboard events

Use event.code to get a human readable way of knowing which keys are pressed. Use event.key if you want to distinguish between capital letter or not, and avoid browser shortcuts, i.e: Ctrl + P (print) JS

document.onkeydown = event => { switch (event.code) { case ‘ArrowDown’: $div.style.top = `${parseInt($div.style.top || 0) + step}px` break case ‘KeyR’: if (event.altKey) $div.style.top = 0 break } }

View on JSFiddle here.

Short selectors like jQuery

Using JavaScript is some kind of annoying when you have to select DOM elements, in those cases we could miss jQuery because vanilla JavaScript is simply too long. JS

// Select one element (first one) document.querySelector('#peter') document.querySelector('.staff') document.querySelector('.staff').querySelector('.age') // Select all elements document.querySelectorAll('.staff')

We don’t like to repeat things when we are coding, if you define the next code at the beginning of your JavaScript you will be avaliable to do it similar even better than jQuery.

function $(selector) { return document.querySelector(selector) } function $$(selector) { return document.querySelectorAll(selector) } Element.prototype.$ = function(selector) { return this.querySelector(selector) } Element.prototype.$$ = function(selector) { return this.querySelectorAll(selector) }

Now you can write our example shorter:

// Select one element $('#peter') $('.staff') $('.staff').$('.age') // Select all elements $$('.staff')

It’s easy to keep in mind because $ behaves like jQuery with CSS selectors and $$ does the same but it allows you to select multiple elements. The first one return the element and the second one a list of elements. Just one more thing, you cannot use jQuery with this code because jQuery use $ too, if you need it you have to change the $ in our code for another thing, ie: qS. Remember, in JavaScript we have something better than classes: prototype. It doesn’t matter if you use class, under the hood is using prototype.

Which is the different between property and attribute?

A property is in the DOM; an attribute is in the HTML that is parsed into the DOM. HTML

document.body.onload = foo

Avoid switch statement when you don’t need logic

Arrays are faster, in the next example if you want to now which is the nineth month you can just code months[9]. JS

const months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']

0 notes

kikidoyaluhme · 7 years

Text

ok so this is a guide on how to twitter rp i know there’s one or two out there but there still seems to be a lot of people asking how it works so i’mma make a hella detailed one with screen shots and everything !!! i hope this is good enough for yall and helps you in your future twitter rp endeavours !!! it’d be rad if you could give this a lil like or reblog too !!!

ok so to begin: you’ve found a lit twitter rp, you’ve sent in your app & you’ve been accepted. now what do you do ??? well, just like a regular tumblr rp, you make your account. but obviously, it’s a twitter acc. obviously if you’re reading this, you’ve never been in a twitter rp before but if you don’t even have a personal twitter, then you’ll need to sign up. if you click here, you’ll see the sign up page.

(fill in all your details and follow the instructions as you go along, i’m gonna skip this part because i already have many twitter accs and i doubt you’ll need help here because it’s pretty much like every other registration for social media)

moving on, so you have your account. click the little icon in top right corner, [click here to see an example] (if it’s a new account it’d be an egg not an icon), then click “settings”, right at the top of that page in front of your eyes, it should say “username” and then a space for you to enter your username. now, twitter asks you to think up a username when you sign up so if you thought of a @ name for your character then that you’re happy with then you can skip this part. if you wanna change it or you added some random @ as a placeholder while you got your account set up then continue reading...

USERNAMES:

this is kinda fun because you get to think of some wacky names of if you can’t think of anything you can go with the usual old tumblr style “jfcname.” but twitter rp is kinda memey and wildt so people go with things like “DAB4KiARA”, “KiARATHEFOOL”, “KiARA4PREZ”, “WET4KiARA”, “LETKiARALiVE”, “KiARATHESCAMMER” and so on and so forth. the username is usually in capital letters, except for the “i”, i still don’t understand why people do that lmao but i just roll with it. so anyway, you have your username -- it’s available, you’ve entered your password when prompted now go back to your profile.

ICONS & SCREEN NAMES:

basically the icons are the easy part, just go to tumblr and search your fc’s name and icons. so if i was playing a kendal jenner fc i’d search “kendall jenner icons” and i’d pick one i liked and set it as my icon.

click edit profile. (x)

then click “change your profile photo”. (x) click upload photo and then it’ll take you to your files where you can pick from the photo(s) you saved. resize it, click apply and you’re done with your icon.

now your screen name. (x) you can have your screen name as your character’s name if you want, however most people add a celebrity’s name or a tv/movie character’s name. maybe someone your character relates too or someone you love or someone your character loves. the possibilities are endless. my character’s screen name was peter pan because he rly loves disney movies.

BIO/HEADER:

in that little section for a bio you can write anything you want, but people usually add funny tweets from celebrities or the texts from last night twitter acc. (@TFLN) and for the header, this is quick and easy, normally people go two ways - making a funny popular meme their header or something aesthetic-y. just google “twitter headers” for an aesthetic-y header.

now you’re done setting up your account, so pull up the rp main and follow the twitter account -- and if anyone else has their account in, follow them too. only follow people the main is following, obviously.

INTERACTING:

ok so the rp has opened and the admins have given you and the others a little bit of time to plot beforehand. so compose a tweet, press “n” on the keyboard if you’re on a computer. if you’re talking ooc, make sure to add an “/” before you type away just so people know and get to introducing yourself/asking for plots: (x) ps. please don’t judge my lame, nerdy ass example ooc tweet :/

if you get a bunch of likes, dm them & if you get some dms, reply... duh. make sure you add “/” to tell people it’s ooc. in the ooc dms, people will take the time to tell each other about their characters and then you’ll maybe plot a connection out.

now here’s the fun part: the admin has now told everyone they can start tweeting in character, so go for it !!! the tl will be fast so make sure to tweet a lot but also reply to other people’s tweets. most people will start off with a “selfie” and the caption will probably be something from “texts from last night” but as the rp progresses they’ll use an indirect compliment from another character in the rp. speaking of selfies; make sure to rt and fave everyone’s -- it’s just common courtesy now !!!

dming in character has gotten a lot better because twitter took away the character limit, you can start a para and make it as long as you want because, like said, there’s no limit! go wildt !!! you’ll know someone is dming you in character because there won’t be a “/” beforehand. also, i think i mentioned this up there, but twitter rps are kinda memey so it’d be a good idea to save a bunch of memes for reaction pics etc. just don’t be too memey bc that’s kinda annoying lmao.

ETC;

so anyways that was long rip but i hope you have a better understanding of twitter rp now. click here to be redirected to a fcs for twitter rp masterlist. click here for tfln’s (text from last night) twitter acc.

#rpt #rph #twitter rp #appless rp #how to twitter rp #this took so long pls reblog :(#~

68 notes · View notes

junker-town · 6 years

Text

6 college football teams nobody really wants to play right now

The Top Whatever is a weekly ranking of only the teams that must be ranked at this exact second.

1. UCF. Still undefeated, still champs, can still go to Disney any time they want, haters.

Actually, this brings me to a terrifying point about Orlando and UCF: this exactly the city and team someone would have designed as an eight-year-old. UCF’s first shot at designing a mascot? Something an eight-year-old would make.

Their all-aluminum stadium that looks like an Lego Technic set and at one point included such childish oversights as “whoops, we forgot the water fountains?” Also clearly the work of an eight-year-old.

Being undefeated, yet unable to eat at the big kids’ table? Also a very Orlando thing, especially this year, when they could win the rest of their games and still not get any closer to the playoff because of their conference and schedule. But we got straight A’s! Yes, it’s third grade math, though, and Alabama is out here doing differential equations in their sleep.

That is not your fault, UCF. That’s just where you’re at in a very unfair world. Some consolation: no other team is both 20 minutes from Splash Mountain and in a community where you can pay traffic tickets in fruit snacks.

2. Clemson. Remember when Clemson won a close game at Texas A&M earlier this year? It was a 28-26 squeaker, definitive evidence of a lot of things people wanted to assume from one college football game.

For instance, after the Texas A&M game, Clemson’s starter was clearly Kelly Bryant and not upstart Trevor Lawrence, the Tiger secondary had serious issues, and Travis Etienne and the rest of the run game were going to struggle. A&M, meanwhile, was just two points away from joining the elite, and Jimbo Fisher’s $70 million guaranteed salary was already worth it.

It’s November now. Clemson’s run game has razed much of the ACC, averaging 265 yards a game and giving luxurious protection for Lawrence, the starting QB. The defense hasn’t allowed anything close to the yardage A&M earned in College Station that night and has only allowed one team to hit triple digits both rushing and passing in a single game. That was NC State, and Clemson won, 41-7.

Texas A&M just lost to Auburn, a team desperate to fire its coach with a gigantic buyout.

No one is getting anything from Clemson this year, not on the ground, not through the air, and not in turnovers or easy possessions from their offense. They move like a service academy on the ground, defend like an Alabama, and are grooming their next wunderkind QB in practice sessions everyone else calls “live conference games.” The ceiling for this team is theoretical, at an altitude high enough to require powerful telescopes to see.

Oh, and they’re not even close to that ceiling yet.

3. Alabama.

pic.twitter.com/wpRw6yIFbr

— Evil Greg Byrne (@EvilADByrne) November 5, 2018

I dunno. That’s Alabama, the team so unchallenged, other teams are resorting to desperate measures like “flying helmet-first into the apparently adamantine testicles of the immortal quarterback.”

Tua Tagovailoa described the hit by LSU as “right in the goodies,” and he had to come out for a minute. He had a mediocre night, at least on the Tagovailoa curve: 344 yards total offense, two passing TDs, one rushing TD, and his first interception of the season, which still worked out nicely for the Tide.

It is terrifying how far Alabama has come since Nick Saban’s arrival, but especially terrifying when the quarterback position is taken into account. Alabama won a national title with glorified placeholders like Greg McElroy at the helm, then turned to the workmanlike A.J. McCarron to run a standard pro-style offense for another pair of titles.

Someone named Jacob Coker won a national championship? I think that happened, though if anyone says there was anything particularly memorable about Jacob Coker, they are either a.) lying or b.) talking to Jacob Coker.

The final pivot is the really mindbending one. Alabama switched to what looked a lot like a spread run game, started a quarterback who was nothing like his predecessors in Jalen Hurts, and ran him to another shot at a national title before switching to the next coming of Football Jesus himself in Tagovailoa.

Switching styles of offense is one thing. It’s something teams don’t do much, much less without a head coaching change. But doing that in three or possibly four different variations over the course of a decade, with five or six differently styled players, all without losing momentum?

That’s something that would kill lesser regimes. It’s evidence that Alabama’s talent level is so absurd it can sustain decisions that have destroyed other teams. It’s also evidence that Saban, for all the jokes about how much he hates changing anything, is actually brilliant at managing change.

They’re all so good at it, in fact, that Tua’s worst night of the year ended up bottoming out somewhere around other starting QBs’ best. Play your best game, and you might see eye-to-eye with Alabama’s worst. GOOD LUCK.

4. Utah State. The Aggies are a combination of two things no one wants a piece of: overdue and over.

Utah State is overdue in the sense that injuries and bad luck limited their production in 2015 and 2016. Rollover points aren’t real, but they might be for Utah State, a team on an eight-game win streak in which they’ve averaged over 50 points a game and destroyed everything in their wake.

They’re over in the sense that they are literally over, beating the spread by 13 points a game in 2018.

Most of that is due to the players, but some credit should also go to offensive coordinator David Yost for his aggressive schemes, play calling, and hair.

Utah State's Offensive Coordinator David Yost has turned the Aggies into an offensive juggernaut. This is how he did it. https://t.co/wpdAEOiMmF pic.twitter.com/lshCR4GQLE

— The Salt Lake Tribune (@sltrib) October 19, 2018

Mostly his hair, tbh.

5. Michigan. The 127 Hours of teams. Play Michigan, and they’re going to take a limb and immobilize you. Not in a super flashy way, no, but brutally enough to let you know: you live out here now, and you’re not going anywhere.

Ultimately, to get away, your team will have to cut its arm off with a pocket knife. Only Notre Dame brought one this year, but fortunately, Brian Kelly regrows limbs like a starfish.

6. Iowa State. The Cyclones switched to freshman QB Brock Purdy after a loss to TCU on September 29th. Since then, Iowa State has upset Oklahoma State in Stillwater, dealt out one of the most lopsided asskickings of the year against West Virginia, and fended off a frenetic Texas Tech for a win.

They also beat Kansas, which was a team effort. We say that to differentiate the team win from Hakeem Butler getting KU’s coach fired with a single play. That was an individual effort, and Butler deserves credit for that.

Hakeem Butler just #Mossed a KU defender. Then #GetOffOfMe!! pic.twitter.com/i6uB71cLDa

— Sage Rosenfels (@SageRosenfels18) November 3, 2018

Is it possible to burn someone so badly it gets their boss fired? The evidence here seems to speak for itself.

No one wants to play Iowa State right now, and no one should, because after years of joking about how playing in Ames is a recipe for disaster — without a lot of real evidence to back that up — that reality has arrived. Don’t go to Ames. There are no funny accidents out there anymore, just dark, sinister farm country, where good teams actually do go to die at the hands of a gifted freshman QB and the Big 12’s best scoring defense.

0 notes

techcrunchappcom · 4 years

Photo

New Post has been published on https://techcrunchapp.com/clemson-vs-miami-prediction-pick-odds-point-spread-line-football-game-live-stream-kickoff-time/

Clemson vs. Miami: Prediction, pick, odds, point spread, line, football game, live stream, kickoff time

Want more college football in your life? Listen below and subscribe to the Cover 3 College Football podcast for top-notch insight and analysis beyond the gridiron.

Storylines

Viewing information

Date: Saturday, Oct. 10 | Time: 7:30 p.m. ET Location: Memorial Stadium — Clemson, South Carolina TV: ABC | Live stream: fuboTV (Try for free)

Game prediction, picks

#clemson #football #miami #point #prediction #spread #stream #Sports

0 notes