A Quick Shoutout to…

…A great website that I’m currently using to learn more about Code.

Along with Codecamedy, which I think I’ve already mentioned, I’ve been using a site called Codeschool – mostly to learn basic Javascript and Ruby. The two websites complement each other really well, because Codecamedy gives you longer projects and longer sections to code to work with, while Codeschool encourages you to think outside the box and allows for several different options to get to the final result, which is closer to how you would write your own project.

I think my next step will be Rubeque, which is where you’re presented with small exercise and problem to solve with Ruby, which seems like the next step to being able to write something original.

Advertisements

Revisiting Some Web Design

Much earlier this year, after attending Madlab’s Intermediate WordPress Course as taught by all-round amazing dude Mike Little, I got the opportunity to completely rebuild my Dad’s company website, dewrisk.co.uk, using WordPress’s 2014 theme and custom CSS. Though I’d learned a lot on the course, there were still a few formatting issues with the site. So when I was asked to go back and update a few things, it was a really good opportunity to go back, look at what I had done and try to make a few improvements. I’m sure there’s plenty more that I could do with some experience, but I wanted to record and share a few things that I’ve learned today.

By googling and reading about the WordPress forums, I also learnt a few really useful pieces of code for functions that I previously didn’t realise you could do with CSS – such as preventing long words from hyphenating at the end of a line (note, according to the forum thread that I got this from, it seems these rules are quite specific to WP 2014 theme, but the WP forums are pretty extensive so I’m sure someone there will be able to help with other themes):

.entry-content,
.entry-summary,
.page-content,
.nav-links,
.comment-content,
.widget
 {
   -webkit-hyphens: none;
   -moz-hyphens:    none;
   -ms-hyphens:     none;
   hyphens:         none;
}


I also learned how to stretch the page to fit wide screens, previously the theme seemed to be formatted for square screens, and would sit awkwardly on the left. This piece of code (which came from this post) moved the header all the way across, whilst keeping the theme responsive in differently sized browsers.

.site,
.site-header {
    max-width: 100%;
}

I also found a useful plugin called Delete All Comments, which automatically stops the comment form from appearing at the end of posts or elsewhere – obviously it can be turned off manually within the dashboard anyway but this just gives me some piece of mind, especially now the website has a blogpost section and well as the original few pages.

There’s a few more things I’ve like to test on the site as I’m learning, but this all seems like a good update so far.