robinmujician

Thanks A, Samus and DY40, I'll definitely look into design patterns and play around with variable scope. Regards, R.

Hi there, I'm fairly new to php and I've got a question about the overall structure of php programs, with particular reference to declaring variables and using them in functions. I've read that an important part of programming is planning, and that that includes making a list of all variables to be used in a progam. It makes sense to me to begin a program by declaring/defining all the variables to be used, as doing so provides a clear reference and also just seems like the 'logical' thing to do, as it gets that part of the 'to do' list sorted from the offset. The trouble is, that if the program contains functions, then of course these functions don't have access to the declared variables. Making all variables global would solve this, but that can't be right! The other alternative I can think of is to simply list the variables as part of a comment. I'm curious to know how experienced php programmers deal with this. The reason it came to my attention is that I was writing a function that made use of a long array, and it occured to me that functions were meant to be neat and compact, and the long array definition looked out of place. Maybe the answer is to use a database...? Regards, Robin.

This might be a bit of a tall order, but I'm stuck and need some help. I'm working on a site for someone who is very keen to have a hover zoom effoect on his images. I'm using Worpdress with ng gallery. I'd like the effect to apply to singlepic view in ng gallery. My PHP and JS skills are fairly rudimentary, but I've found a couple of scripts which look like they might do the job: http://thecodeplayer.com/walkthrough/magnifying-glass-for-images-using-jquery-and-css3 and http://www.mind-projects.it/projects/jqzoom/ The trick is to get them to apply to the ng gallery display template which looks like this: <?php /** Template Page for the single pic Follow variables are useable : $image : Contain all about the image $meta : Contain the raw Meta data from the image $exif : Contain the clean up Exif data from file $iptc : Contain the clean up IPTC data from file $xmp : Contain the clean up XMP data from file $db : Contain the clean up META data from the database (should be imported during upload) Please note : A Image resize or watermarking operation will remove all meta information, exif will in this case loaded from database You can check the content when you insert the tag <?php var_dump($variable) ?> If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?> **/ ?> <?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($image)) : ?> <a href="<?php echo $image->imageURL ?>" title="<?php echo $image->linktitle ?>" <?php echo $image->thumbcode ?> > <img class="<?php echo $image->classname ?>" src="<?php echo $image->thumbnailURL ?>" alt="<?php echo $image->alttext ?>" title="<?php echo $image->alttext ?>" /> </a> <?php if (!empty ($image->caption)) : ?><span><?php echo $image->caption ?></span><?php endif; ?> <?php endif; ?> The code from the first JS uses a background image, which might be harder to tweak/implement. I can see that the ability to make this work is within my grasp, but a serious stretch on my ability, so any help would be very much appreciated. Regards, Robin

I'd definitely like to do this as career eventually! I'm getting more comfortable with css and HTML, and even learned a bit of PHP. The learning curve is not smooth though - like learning any subject I guess there's periods of obvious growth, then times when it's all being integrated and it seems like not much is happening. Re the text, I tried the trick of doubling the size of the image and using css to shrink it, but the original text was so bad that it didn't make enough of a difference. It may not be perfect, but the "text image" made by CoolText is considerably smoother than what I did in PS!

Thanks again guys. I've just found an online logo maker called "cool text."(http://cooltext.com/). It generates pngs of text, and what I don't get is how when I zoom in on my browzer, the quality remains smooth, which is how I would expect a vector image to behave. Anyone care to explain? R

Hi there, I've hit a bit of a brick wall with my web design learning curve. Seems like every site needs a good logo, and I'm really confused about how to produce them. I've got photoshop, and know the basics of how to use it, but it seems the resolution of the text it produces is just too low to look good on the web. For example I want to make a logo/banner/what's it actually called? like this: What I need to know, is how would a pro go about producing something like this? I'm aware of the distinction between vector and raster graphics, and I can produce svgs using Inkscape. I want to avoid this solution though, because i use wordpress, and the svg support is unreliable, and I want my logos to display on all browsers. I've heard that other programs like Indesgn are better because they use vector graphics for text, but I don't know if that means that files are saved as svgs? I'm guessing there must be a fairly easy solution since so many websites have perfectly good logos, and they can't all be svgs? Is it maybe jsut a case of learning more about PS, including all the anit-aliasing options? or using only smaller sized text? Or what? Any help much appreciated, Robin.

Thanks again everone. I tried inkscape, but then wordpress wouldn't let me upload svgs. Then I fixed that but the theme "responsive for wordlpress" still wouldn't have it. I've learned loads though, so really appreciate your input. Teodora: I'm woking on my laptop using xampp so no link yet. Your first solution seems to work fine though.

... What I don't want is for the text to jump away from the image... Unless it does so "gracefully!" Media queries sound scary, although I could probably get my head around them eventually. Amazing how something so simple seeming can get so complicated!

Hi Teodora, Your original code was what I was looking for, just my idea changed! I may be trying to use a sledgehammer to crack a nut here. My original idea was to use photoshop to make a logo like this: or this: I didn't notice until I changed the background that the resolution was awful. Then I read up and learned that PS is no good for this kind of thing since it uses raster(?) graphics. So it seemed better to use html and css for better resolution, especially if the screen is enlarged. What I don't want is for the text to jump away from the image. So I probably should just go with your original answer and use a fixed font size, although not sure how to keep it all together with the "stacked" version. The trouble is that as a novice, I don't have the overview of what the different options are, and experience to know which is best in a particular situation. It might well be that something like this should be done as an image, but with a different program to PS. I'm curious to know how more experienced people would go about creating this kind of logo. Sorry to ramble, and thanks again, Robin.

Thanks for all your advice. Teodora's code works a treat, and seems like the most simple solution. The plot thickens though as I go further down the rabbit hole and try to make a simple logo work in a responsive theme. Can anyone suggest how to style this code: <div id="logo"> <img src="logo_image" alt="logo_image"> <h2>display logo text</h2> </div> so that the text automatically has the same height as the image, even when the window is resized? Also, how about this version? <div id="logo"> <img src="logo_image" alt="logo_image"> <h2>display<br>logo<br>text</h2> </div> Thanks in advance for any further advice, Robin.

I'm not liking CSS today. Several hours later and what I imagined would be a really simple thing to do still eludes me. I want to align text vertically against an image for a logo, so even if the text is not as tall as the image, it will have the same amount of space above and below it. Here's my basic code: <html> <head> <style type="text/css"> #logo{ height:100px; width:960px; } #logo h2{ display:inline; font-size:72; color:red; text-shadow:1px 1px 2px black; padding-left:5px; } </style> </head> <body> <div id="logo"> <img src="my image" alt="image for logo"> <h2>Text to align vertically</h2> </div> </body> </html> Can someone please help? Regards, Robin.

It's a Bl$%^y mine field! For some reason, even with og:width and height set to 90, my image (200x200) shows up on my home page feed as 156x156. It's too big and it looks silly. I don't see why I can't just upload a 90x90 and have done with it!

Aaargh! I've spend days trying to get control of how my posts appear when I paste a link into my FB status. I've learned about og meta tags, and put a link rel image_src as well as og:image. I can display the image I want, but it's too large. I've read that og images have to be at least 180x180, so I've chosen 200x200. FB shrinks this to 156x156, but I'd like it smaller - say 90x90. Anyone know how to do this? Please? Webdesign is a RABBIT HOLE!

Hi there. I want to insert a testimonial snippet below the image on the following page: http://www.robinandrews.net/devonmathstuition but I can't work out how to do it. My css skills are rather rudimentary... The markup for main content is below. Any help much appreciated. <div class="entry-content"> <p><img class="alignright size-full wp-image-18" style="width: 250px; height: 250px;" alt="Maths Tuition in Devon - Totnes, Torbay, Buckfastleigh, Newton Abbot, Marldon etc." src="http://www.robinandrews.net/devonmathstuition/wp-content/uploads/sites/2/2013/02/arithmeticimage.jpg" width="250" height="250" /></p><h4 style="display: inline;">Frazzled by Fractions?<br />Puzzled by polygons?<br />Have no fear, Robin is here!<br /></h4><h2 style="display: inline;"><ul style="margin-top: 10px;"><li>Exam preparation for SATs, GCSE, A-level <br />and 11+</li><li>Confidence building</li><li>Identifying and filling “gaps” in learning</li><li>Qualified and experienced teacher (BEd Hons)</li><li>Clear and friendly teaching style</li><li>Current CRB</li><li>Take the trauma out of learning maths!</li></ul></h2><div class="vcard" id="hcard-Robin-Andrews"><h3 style="text-align: center;"><span class="org">Devon Maths Tuition</span><br /><a class="email" href="mailto:mathstuition@robinandrews.net">email: mathstuition@robinandrews.net</a><br /><span class="tel">Tel: 07717 252766</span></h3></div>

Thanks guys. It's good to know that other people feel the same way sometimes, and I appreciate the supportive attitude of many people in the business who are willing to give their time and energy to helping others. It's interesting what you say about specialising. I think if I had to chose I'd go for coding. I've got a very long way to go, but I've made a start and I enjoy it. Regards, Robin