James D Morgan
 Digital Underground with Tinfoil Hats 
doing some #webdev #coding tonight. Some simple stuff really https://github.com/ke5mkt/ad5u
James D Morgan
 Digital Underground with Tinfoil Hats 
Let me just show @Haakon Meland Eriksen (Parlementum) and @Adam Robertson this right quick and then y'all can carry on... #coding

Image/photo
Adam Robertson
  
background-size: cover  is good if you want the image to fit into your div no matter what size, but it can sometimes cut the image off.
You can also do background-size: contain  which will keep the image at scale, but wont always cover your div. If you use contain be sure you have background: url(blabla) no-repeat;   set, or it will repeat.
James D Morgan
 Digital Underground with Tinfoil Hats 
Looks like I need a refresher course on #gimp and photo manipulation... #coding
Adam Robertson
  
Nowadays I just set the background image with CSS rather than trying to resize my images pixel-perfect:

.header {   background: url('../images/header-image.jpg')  no-repeat; background-size: cover; height: 200px; width: 100%;  }
James D Morgan
  
no-repeat! That's what I forgot!  smh. I bet it'll work now. I already decided on the CSS route but haven't sat down to do it yet. Thanks guys!
James D Morgan
  
Just git pushed it out right quick and it appears to be working. \o/ Thanks y'all so much.
James D Morgan
 Digital Underground with Tinfoil Hats 
Working as a web dev already! One is charity work that will look good on a portfolio and the other is revamping a very old site for a friend who will pay me with a raspberry pi!

#coding
James D Morgan
  
For those interested the original is KD5MHM - Jamboree on the Air Support Home and you can follow the revision along at


ke5mkt/ad5u

Image/photo

ad5u - a redo of an old website
Haakon Meland Eriksen (Parlementum)
  
clapping hands sign

The point of SGML/XML/HTML was to allow device independent transfer of information between people, since an author cannot rely on a reader having the same device or software, which is still true.

Presentation was and is left to the reading device, but as authors we now can give hints about how a document should be presented, but the reading device or the reader can still disregard these hints. However, what happens when no hints are given? The reading device makes a decision, and this might be horribly wrong if your design stray from common browser defaults.

We now have a split between semantics and presentation, i.e. what is a paragraph - HTML - and what is red paragraph - CSS. I will highly recommend to take control of all HTML elements in your CSS file, i.e. give all of them a default hint.

You can quickly create a default CSS file by looking at and including hints for all the elements from
https://www.w3.org/community/webed/wiki/HTML/Elements . You then have a template CSS file, which you can tune to each project in no time.
James D Morgan
  
Oh I agree. The original page was full of style nonsense and I am in the process of cleaning it all out.

In this project I am cheating and using bootstrap for CSS.

James D Morgan
 Digital Underground with Tinfoil Hats last edited: Sat, 08 Jul 2017 14:39:01 -0700  
Learning to be a web developer has been a little bit of a challenge. Sure I have to learn all the coding, formats, languages and lingo and etc but that is all part of the game. The challenge for me is in the hardware that I have. I do have a small netbook but it is basically a disaster. The Lemote Yeeloong is a good computer for DIY projects in computer engineering and blood pressure escalation but it is not (yet) a good production machine.

The only other "computer" that I have is a Chromebook. Yes, I understand about Google spying on me and how that I ought not use this piece of spyware but I don't have the money to spend on a new computer. I am just a poor boy. Add to that at the time I got the Chromebook I didn't want to spend the time to find an older computer from somewhere and spend hour upon hour trying to make the thing work for what I needed it to do. So I made a choice and sacrificed privacy and anonymity to "git 'er done."

Now for those that don't know a Chromebook is not a "real" computer. It is basically a internet interface device. Think of it as a big mobile phone without the phone part. My particular device has a 4GB processor and only 16GB of onboard memory. It is designed to be used online. While it will do somethings offline it is at it's best in an online environment.

Now back in the day when @Carolus Rex first allowed me to play around on his server I didn't even have a computer and a huge portion of the stuff I did on his server was actually done through either a mobile phone or a tablet. Doing this taught me a lot of things. It taught me firstly, that I can do more with a phone than most people can do with their fancy iCrap, and it taught me that if I set my mind to it I can do almost anything.

Fast forward a couple of years and now I am working to become a web developer and for the time being all that I really have to work with is this mid-to-low level Chromebook. How in the name of all that is holy am I going to be able to the job of a webdev without having a real computer?

While doing a Google search on how to do this I ran across an article where a guy setup his iPad with a full IDE. He did this so that he can work uninterrupted. I guess he had the iPad already setup in such a way that it would be distraction free.  But anyway he set up the IDE on the iPad and worked for a month uninterrupted. He says that his month of working only with the iPad was one of his most productive.

Well hell, I thoughts to myself, if he can set up an iPad then I should be able to setup a Chromebook. It wasn't really all that hard. I already had a text editor on this thing that works offline but I need more toys. I decided to go what geeks call "native." I am taking classes online to eventually work online to build the online world so why not do it all online. I have found ways of using all the usual geek toys online without installing them onto the Chromebook. These are things like Firefox, Emacs, Pidgin, Blender, etc etc. I even found a thing online called Cloud9 where I can have a full working Linux IDE in the cloud. I can use git through this. I haven't figured out how to SSH into a server yet but I don't have a server to SSH into so that is ok for now but I am confident that when the time comes that I'll be able to figure it out.

I am not sure why I am sharing this except to say that anything is possible if you set your mind to it. Sure, it sounds cliche but it is cool when you finally figure out that it is truth.
#coding #newLife
Maria Karlsen
  
@Beni Grind  I didn't say new. I said old used :-).
Beni Grind
  
@Maria Karlsen I know. I just confirmed that I think that's the way to go. Sorry if I didn't express this clear enough... ;)
James D Morgan
  
I used to spend a lot of time with old used machines. I have actually only bought one computer and two mobiles phones in all of my life. Everything else has been someone else's hand-me-downs.
James D Morgan
 Digital Underground with Tinfoil Hats 
In The Manhut #coding. Plan on hitting it hard and long today. The Mrs is with her Mom and I didn't get much done this week. #newLife
James D Morgan
 Digital Underground with Tinfoil Hats 
#boolean logic in JS today's #Coding lessons. UGH! I might have to watch these videos again. Slightly confused.
James D Morgan
 Digital Underground with Tinfoil Hats 
All rightie boys and girls- I have made it to the JavaScript portion of the Udemy Web Developer Bootcamp. I have now made it through the HTML-CSS-Bootstrap portions of two different courses. I didn't quite make it through the JavaScript portion when I was doing the freeCodeCamp class. I like the Udemy course much much better than the other. #coding
Haakon Meland Eriksen (Parlementum)
  
Probably no murders in tonight's show. They've must have killed off everyone in that village by now.
James D Morgan
 Digital Underground with Tinfoil Hats 
About to head into The Manhut for some more #coding lessons. I have learned a lot and am excited.
James D Morgan
 Digital Underground with Tinfoil Hats 
Some more #coding lessons done during lunch. Now learning #bootstrap.
James D Morgan
 Digital Underground with Tinfoil Hats 
I'm about 1/5 of the way through the Web Developer Bootcamp. My confidence is going up and feeling a little more comfortable about #coding.
Haakon Meland Eriksen (Parlementum)
  
Well done! :-)
James D Morgan
 Digital Underground with Tinfoil Hats 
It took the instructor 17 minutes to go thru a CSS exercise that took me 1 1/2 hours to do. I learned a lot but that's depressing #coding
Mike Macgirvin
  
I'm certain I could humiliate people that don't play guitar, but that isn't the point. All such endeavors require a lot of practise before they flow quickly and smoothly. Don't measure your achievements against those who have years of practise in a particular field. Measure them against what you (yourself) could have achieved yesterday or last week.
giac hellvecio
  
I started playing the guitar, I'm learning ... I have a universe of things to learn, but I play better than I was playing at the end of november ... and I've already created 2 mini songs. I am the best to play my 2 compositions \o/ because  are mine.
JRandal
  
I have to remind myself of this when I work out.
James D Morgan
 Digital Underground with Tinfoil Hats 
Kind of wishing this css class had a phone-a-friend option right now. Trying to target a specific <p> within a specific <div> and my brain has seized-up. #coding
Haakon Meland Eriksen (Parlementum)
  
If you need more on the topic, search for "css selectors intermediate" or "css selectors advanced", perhaps with the words "tutorial" or "explained" at the end. :-)
Haakon Meland Eriksen (Parlementum)
 
Too early in the morning for me, especially without coffee - you had found the solution already. smiling face with open mouth and tightly-closed eyes

#fixed
James D Morgan
 Digital Underground with Tinfoil Hats 
I finally decided to use my about to expire udemy coupon to take #Python :From Zero to Hero Course. #coding
James D Morgan
 Digital Underground with Tinfoil Hats 
Well only got on about an hour of #coding tonight. I'll try again tomorrow. Going to be in Houston this weekend so may not get much done while I am there.
James D Morgan
 Digital Underground with Tinfoil Hats 
I need to make the koala black, open a new channel for hubzilla, and add a bunch of stuff but here is where I am so far with the profile page: https://codepen.io/ke5mkt/full/pPXJvM/

Image/photo

#coding
James D Morgan
 Digital Underground with Tinfoil Hats 
It ain't much but I did some more playing #coding. Simple stuff really. https://codepen.io/ke5mkt/full/QveWRg/
James D Morgan
 Digital Underground with Tinfoil Hats 
Ok so I was in a playing mood today. I took my "tribute page" assignment and added some columns and added some buttons that link to my social media stuff. The buttons have little icons on them!  I know it is silly but I am kind of excited by it. #coding my way to a #new life "jazzed up tribute page"
Mike Macgirvin
  
Wish he'd make up his mind about the hair style and lipstick.
James D Morgan
  
I actually had to turn in assignment so I figured that I had better change the picture. I was just using that page as a template to play around with because I am lazy and had a headache but now that you mention it... as this is for play maybe I will put the other back up.
James D Morgan
 Digital Underground with Tinfoil Hats 
I did not get much studying done yesterday because I got caught up in homesteading chores. (The chickens needed more furniture and accessories.) So after a terribly rough night with a sick wife I am now up early and sore at the computer working on some lessons. #coding my way to a #new life
James D Morgan
  
Thank you. She was feeling better yesterday but she crashed during the night and coughed and fidgeted all night long. I am letting her sleep right now
Haakon Meland Eriksen (Parlementum)
  
Good she has you. :-)
Maria Karlsen
  
I do hope she'll get well soon. And that you stay well.