https://youtu.be/Xm4BObh4MhI - 12HR+ YouTube Coding Bootcamp!
https://youtu.be/G3e-cpL7ofc - HTML and CSS Full Course - Beginner to Pro (2022)
Showing posts with label CSS. Show all posts
Showing posts with label CSS. Show all posts
Monday, May 16, 2022
Learn HTML - 12 Hours!
Monday, April 25, 2022
Friday, September 17, 2021
Thursday, September 16, 2021
Monday, May 10, 2021
Two of these Things are Not Like the Others - Two of these Things Do NOT Have Correct Code
I received this email today and noticed how the first two sections are centered while the second two sections are not. I chalk this up to not reviewing the email prior to sending it. As a technical writer, I'm constantly trying to make sure I don't have typos or errors in the documentation I create and then distribute. I have this quote taped to the outside of my cubicle at work:
I do my best proofreading after I click Send.
This email is an example of why that saying exists.
Wednesday, August 19, 2020
484 Genres in MusicBrainz
From https://musicbrainz.org/genres, except I changed the ul tags to ol tags because I wanted to have a count because UL = unordered list (bullets) while OL = ordered list (numbers).
The links below are broken...
The links below are broken...
Genre List
These are all the genres currently available for use in MusicBrainz.
To associate a genre with an entity, tag the entity with the genre name.
Is a genre missing from the list? Request it by adding a style ticket.
- acid house
- acid jazz
- acid rock
- acid techno
- acoustic blues
- acoustic rock
- afoxê
- afrobeat
- alternative country
- alternative dance
- alternative folk
- alternative hip hop
- alternative metal
- alternative pop
- alternative punk
- alternative rock
- ambient
- ambient dub
- ambient house
- ambient techno
- americana
- anarcho-punk
- aor
- arena rock
- art pop
- art rock
- atmospheric black metal
- audiobook
- avant-garde
- avant-garde jazz
- avant-garde metal
- avant-garde pop
- avant-prog
- bachata
- ballad
- barbershop
- baroque
- bebop
- bhangra
- big band
- big beat
- black metal
- blackened death metal
- blackgaze
- blue-eyed soul
- bluegrass
- blues
- blues rock
- bolero
- bolero son
- bongo flava
- boogie rock
- boogie-woogie
- boom bap
- bossa nova
- bounce
- breakbeat
- breakbeat hardcore
- breakcore
- breaks
- britpop
- broken beat
- brutal death metal
- bubblegum pop
- cajun
- calypso
- candombe
- canterbury scene
- cantopop
- celtic
- celtic punk
- chamber pop
- champeta
- changüí
- chanson
- chicago blues
- chillout
- chiptune
- christian rock
- christmas music
- chutney
- city pop
- classic blues
- classic country
- classic jazz
- classic rock
- classical
- classical crossover
- club
- comedy
- comedy rock
- compas
- conscious hip hop
- contemporary christian
- contemporary classical
- contemporary folk
- contemporary gospel
- contemporary jazz
- contemporary r&b
- contra
- cool jazz
- country
- country blues
- country folk
- country pop
- country rock
- coupé-décalé
- cowpunk
- crossover prog
- crust punk
- cumbia
- cumbia villera
- cyberpunk
- d-beat
- dance
- dance-pop
- dance-punk
- dancehall
- dark ambient
- dark electro
- dark folk
- dark wave
- death metal
- death-doom metal
- deathcore
- deathgrind
- deathrock
- deep house
- delta blues
- descarga
- desert rock
- detroit techno
- digital hardcore
- disco
- doo-wop
- doom metal
- downtempo
- dream pop
- drill
- drill and bass
- drone
- drum and bass
- dub
- dub techno
- dubstep
- dungeon synth
- east coast hip hop
- ebm
- edm
- electric blues
- electro
- electro house
- electro swing
- electro-funk
- electro-industrial
- electroclash
- electronic
- electronic rock
- electronica
- electronicore
- electropop
- electropunk
- emo
- emocore
- enka
- ethereal
- euro house
- eurodance
- europop
- experimental
- experimental rock
- fado
- filk
- flamenco
- folk
- folk metal
- folk pop
- folk punk
- folk rock
- freak folk
- free improvisation
- free jazz
- funk
- funk carioca
- funk metal
- funk rock
- funk soul
- funky house
- fusion
- future garage
- future jazz
- futurepop
- g-funk
- gabber
- gangsta rap
- garage
- garage house
- garage punk
- garage rock
- glam
- glam metal
- glam rock
- glitch
- goa trance
- goregrind
- gospel
- gothic
- gothic metal
- gothic rock
- grebo
- grime
- grindcore
- groove metal
- group sounds
- grunge
- guaguancó
- guajira
- guaracha
- happy hardcore
- hard bop
- hard house
- hard rock
- hard trance
- hardcore hip hop
- hardcore punk
- hardcore techno
- hardstyle
- harsh noise
- harsh noise wall
- hauntology
- heavy metal
- heavy psych
- heavy rock
- hi-nrg
- hip hop
- hip house
- honky tonk
- horror punk
- horrorcore
- house
- idm
- illbient
- indie
- indie folk
- indie pop
- indie rock
- indietronica
- indorock
- industrial
- industrial metal
- industrial musical
- industrial rock
- industrial techno
- instrumental
- instrumental jazz
- instrumental rock
- irish folk
- italo-disco
- j-pop
- j-rock
- jazz
- jazz blues
- jazz fusion
- jazz rap
- jazz rock
- jazz-funk
- joik
- jungle
- k-pop
- kawaii metal
- kayōkyoku
- kizomba
- klezmer
- krautrock
- latin
- latin jazz
- latin pop
- latin rock
- leftfield
- line dance
- lo-fi
- lounge
- lovers rock
- madchester
- mainstream rock
- maloya
- mambo
- mandopop
- martial industrial
- maskanda
- math rock
- mathcore
- medieval
- melodic black metal
- melodic death metal
- melodic metalcore
- melodic rock
- melodic trance
- mento
- merengue
- metal
- metalcore
- miami bass
- microhouse
- milonga
- min'yō
- mincecore
- minimal
- minimal techno
- minimal wave
- modern blues
- modern classical
- modern country
- motown
- mpb
- musical
- neo soul
- neo-progressive rock
- neo-rockabilly
- neo-traditional country
- neofolk
- nerdcore
- new age
- new jack swing
- new romantic
- new wave
- nightcore
- no wave
- noise
- noise pop
- noise rock
- noisecore
- non-music
- norteño
- northern soul
- nu jazz
- nu metal
- nueva canción
- occult rock
- oi
- old school death metal
- old-time
- opera
- orchestral
- outlaw country
- p-funk
- pachanga
- polka
- pop
- pop metal
- pop punk
- pop rap
- pop rock
- pop soul
- pornogrind
- post-bop
- post-classical
- post-grunge
- post-hardcore
- post-metal
- post-punk
- post-rock
- power electronics
- power metal
- power pop
- powerviolence
- production music
- progressive
- progressive folk
- progressive house
- progressive metal
- progressive rock
- progressive trance
- psy-trance
- psychedelic
- psychedelic folk
- psychedelic pop
- psychedelic rock
- psychobilly
- psytrance
- punk
- punk rock
- queercore
- r&b
- ragga
- ragga hip-hop
- ragga jungle
- ragtime
- raï
- ranchera
- rap rock
- rapcore
- rave
- red song
- reggae
- reggaeton
- rhythmic noise
- ritual ambient
- rock
- rock and roll
- rockabilly
- rocksteady
- romantic classical
- roots reggae
- rumba
- ryūkōka
- salsa
- samba
- schlager
- screamo
- shibuya-kei
- shoegaze
- singer-songwriter
- ska
- ska punk
- skacore
- slow waltz
- sludge metal
- smooth jazz
- smooth soul
- soca
- soft rock
- son cubano
- son montuno
- soul
- soul jazz
- southern rock
- southern soul
- space rock
- speed garage
- speed metal
- spoken word
- steampunk
- stoner metal
- stoner rock
- street punk
- surf rock
- swamp pop
- swamp rock
- swing
- symphonic black metal
- symphonic metal
- symphonic prog
- symphonic rock
- symphony
- synth-pop
- synthwave
- tango
- tech house
- technical death metal
- techno
- teen pop
- thrash metal
- thrashcore
- timba
- traditional country
- trance
- trap
- trap edm
- tribal ambient
- tribal house
- trip hop
- turntablism
- uk drill
- uk funky
- uk garage
- underground hip hop
- vallenato
- vaporwave
- viking metal
- visual kei
- vocal house
- vocal jazz
- vocal trance
- waltz
- west coast hip hop
- west coast swing
- western swing
- yacht rock
- yé-yé
- zamrock
- zeuhl
- zouk
- zydeco
Thursday, August 13, 2020
Chuckle
From https://uiowa.referrals.selectminds.com/jobs/search/1914592, it makes me chuckle when I see the "New York" as an "example" location for the University of Iowa Jobs page… maybe "Iowa City" or "Iowa" would be a better example?
This is the line of code to change:
This is the line of code to change:
<input type="text" aria-label="Location (e.g. "New York")" placeholder="Location (e.g. "New York")" value="" class="search_input font_bold jLocInput ui-autocomplete-input ui-autocomplete-loading placeholder" name="location_geo" id="location_geo" autocomplete="off">
Wednesday, August 12, 2020
Friday, January 10, 2020
Ivan Jenic is Busy!
Editor's Note: Someone needs to fix the HTML in the red boxes as well as the purple box because the "alt" tag should not be seen.
Friday, October 18, 2019
Get The Same Great Service Closer To Home
I noticed the following about an email I received yesterday:
- The subject of the email is displayed in both the email preview and the actual email (green arrow).
- The "Get The Same Great Service Closer To Home" text in the red box in the email preview does not display in the actual email (red arrow)
- The "This message contains graphics. If you do not see the graphics, click here to" is displayed in both the email preview and the actual email (purple arrow)
If
Customer Zip Code is (a list of zip codes in the Iowa City area, including 52317,
Then
do not display the "Get The Same Great Service Closer To Home" text in the email body
Else
do display the "Get The Same Great Service Closer To Home" text in the email body
I have realized that when I think about design choices that someone else made or that I'm trying to make at work, it's a rabbit hole and, when I realize that's where I am, I need to jump out of the rabbit hole before I get too deep.
Tuesday, October 1, 2019
Friday, September 6, 2019
Who Tests the Code Before the User?
Who allows their code to be published where the internal tags that identify the content type field names to display in the browser? I would be embarrassed! I would also test what my code will look like to the user before I published it! I do that now with the documentation I create for disaster recovery and for Knowledge Management.
Monday, August 19, 2019
Crazy BAD CSS Code
 |
| The red arrows point to where the size of the graphic is set. |
 |
| This is what the story looks like in "Print Layout" mode in Firefox |
 |
| This is what the story looks like when the text size is set to 50% - the graphic remains HUGE!! |
Monday, July 29, 2019
The First of 70
Today is my first day back at work after a much-needed and well-deserved vacation. We were in Elkader from Friday, 7/19, through Sunday, 7/21. On Monday, 7/22, Karen, Megan, Alex, and I headed north to Wisconsin Dells, WI, where we stayed at the Wilderness Resort. We did a lot of fun things up there including, but not limited to:
So, to begin, this is the preview of an email that was in my inbox. I thought it would be a good post on this blog because CSS is an area of interest to me because of my work with the Disaster Recovery documentation and Knowledge Management projects. I am not proficient with CSS - I borrow, beg, and retrofit more than I write fresh original CSS rules so any opportunity to learn is one I will embrace. The problem with the screen capture below is that, somehow, the actually CSS code displays in the email preview, which should not happen.
- the "Original Ducks" tour
- the Tommy Bartlett show
- lots of good food at:
- Honker's
- Denny's
- Moosejaw
- Monk's
- lots of water slides and lazy rivers and a wave pool
So, to begin, this is the preview of an email that was in my inbox. I thought it would be a good post on this blog because CSS is an area of interest to me because of my work with the Disaster Recovery documentation and Knowledge Management projects. I am not proficient with CSS - I borrow, beg, and retrofit more than I write fresh original CSS rules so any opportunity to learn is one I will embrace. The problem with the screen capture below is that, somehow, the actually CSS code displays in the email preview, which should not happen.
Tuesday, May 7, 2019
Ironic Subject for this Email
The subject of the email I received from Lazer 103.3 - a radio station in Des Moines, IA, is "Don't Bust!" It's ironic because, as you can see below, the email is 'busted' because of the errors in the multiple red boxes.
Thursday, April 18, 2019
Tuesday, February 26, 2019
Wednesday, December 26, 2018
So Why?
I have 10 find and replace "actions" I want to run within Dreamweaver CC 2018. I remembered that I can save those "actions" as a .dwr file so that I do not need to manually do these 3 steps x 10:
However, I noticed in the Save and load search queries section, the two icons with the red square in the screen capture below were not present:
I thought that was odd. So, I looked directly below it and saw this text:
Thus, I followed those instructions.
Now, when I open that window, I see the two icons in the upper-right of the window:
However, having done that, I do have a question about the tone of this part of the help text:
WHY?!? Why was the default changed? Who decided that? What was the reasoning? Was it determined that not many users were actually using this functionality? Is there any sort of repercussion for enabling the option? WHY!?!?!?
- set the Find value
- set the Replace value
- set any additional options
However, I noticed in the Save and load search queries section, the two icons with the red square in the screen capture below were not present:
By default, saving and loading search queries is not enabled in Dreamweaver CC 2017 and 2018 versions. However, if you really need to be able to save and load search queries, then complete the following steps to enable this feature.
-
On Windows:
- Open the Registry Editor - In the Start Menu, either in the Run Box or the Search box, type regedit and press Enter.
- Navigate to the following location: HKEY_CURRENT_USER\SOFTWARE\Adobe\Dreamweaver CC 2017\Advanced Find And Replace
- Right click and create a new string value with ShowHiddenOptions=TRUE.
- Close the Registry Editor.
Note: If you cannot find Advanced Find and Replace in your Windows Registry Editor, clear your Dreamweaver preferences, and open Dreamweaver again.
Thus, I followed those instructions.
However, having done that, I do have a question about the tone of this part of the help text:
By default, saving and loading search queries is not enabled in Dreamweaver CC 2017 and 2018 versions. However, if you really need to be able to save and load search queries...
WHY?!? Why was the default changed? Who decided that? What was the reasoning? Was it determined that not many users were actually using this functionality? Is there any sort of repercussion for enabling the option? WHY!?!?!?
Tuesday, August 28, 2018
Top 10 Avengers Fight Scenes
When I have a desire to learn something, I research it. I saw the following video & thought it'd be cool to list the "Top 10 Avengers Fight Scenes" but starting with 10, going down to 1. After doing the research, I now know how and because of that, I have a feeling that, I will
use it in my daily work as a technical writer within my disaster
recovery documentation and knowledge management projects.
Here's the video.
Here's the fruit of my labor.
- Iron Man v. Loki
- Hawkeye v. Black Widow
- Vision's Birth
- Loki v. Hulk
- Captain America v. Ultron
- Hulk "I'm Always Angry"
- Avengers v. Ultron
- Iron Man v. Thor
- Hulk v. Thor
- Surprise!!!
Here's what I did to achieve my desired results.
- Opened Google.com and entered this search string: li html tag counting down
- This was my result.
- Clicked the first result.
- This was the first result.
- Clicked Try It Yourself
- This was the page that opened.
- This is where it got interesting. In the Try It Yourself window, I entered the following.
- When I pasted that code into the Blogger HTML editor, I didn't see the same result as shown above. Instead, in the Blogger HTML editor, I entered the following.
- That's how I got the list above to display starting with 10, going down to 1.
Thursday, July 12, 2018
Two Ideas in One Post
Here's a familiar fact to anyone who has paid attention to this blog: I was laid off from Pearson in January 2016. After a job search, I landed at the Health Care Information Systems (HCIS) department at the University of Iowa as a Senior Technical Writer. I love my job! I have zero issue working from 6 AM until 4 PM, 5 days a week, because I LOVE what I do. I have two big projects - disaster recovery documentation & Knowledge Management - that energize me daily about my work. I work with my favorite Help Authoring Tool - RoboHelp - on a daily basis, coding HTML, CSS, and JavaScript (sometimes) in Dreamweaver. I have great co-workers that sit near me, a great manager who "gets" a lot of my soapbox talk about content reuse, and a great CIO who "gets" a lot of my soapbox talk about content reuse - truly, in some regards, I have the means to have an excellent end to my career as a technical writer. When I think about my future, I think about working here for 20 years, which would put me as retiring on March 28, 2036 and taking that a step further, I would be 66 on that date.
That is why news articles like this one - University of Iowa faces off with children's hospital contractor in court today Judge calls this the last chance to make their case - make me nervous. I'm hoping that the resolution to the lawsuit does not impact me.
The second idea that is interrelated with being ecstatic to work in HCIS is how crappy the job market might be, if solely judging it upon CorridorCareers.com, as shown below:
That is why news articles like this one - University of Iowa faces off with children's hospital contractor in court today Judge calls this the last chance to make their case - make me nervous. I'm hoping that the resolution to the lawsuit does not impact me.
The second idea that is interrelated with being ecstatic to work in HCIS is how crappy the job market might be, if solely judging it upon CorridorCareers.com, as shown below:
The only job that looks remotely interesting is the Writer / Editor job in the U of I College of Education, but, in full-disclosure mode, the salary & job duties are not aligned with my skills & career history - thus, I'm not interested.
Subscribe to:
Posts (Atom)