TreeRoot
-
how many fonts should i use in a website?
I would use whatever will make your design look good while not hindering performance. If you're embedding fonts or pulling them from a resource such as google web fonts or typekit, you need to be careful not to overdo it as the more fonts you a…
-
Is it ok to build a WordPress theme as an HTML template first, and then turn it into a theme?
That's a good way to go because you can make sure you'll only include what you'll need and no extra cruft. You may also want to consider using a bare-bones WordPress theme as a foundation to assist you with the transition. I had to do…
-
Website feedback
FYI, you have a PHP notice being echoed on your "Servicii" page. PHP notices, warnings, and errors should never been shown to your visitors. I see you're using Bradley, Oswald, Oswald Light, Calibri, Lucida Sans, and Arial in various…
-
Testing local server with MAMP/wordpress on external device?
I can't give you anything specific to MAMP PRO, but I can tell you how I got this working with a localhost/development copy of Apache. This page helped me figure out a way to accomplish this: http://www.dd-wrt.com/wiki/index.php/DNSMasq_Local_…
-
Seriously Though: What is the Best Way to Enque JavaScript?
@siouxfan45 Yes, WordPress will queue JavaScript in the header by default, but the first link I pointed to circumvents that and forces it in the footer. @scottnix The methods I posted do go against the grain, but they do appear to work without an i…
-
Seriously Though: What is the Best Way to Enque JavaScript?
I prefer to load it myself using this technique: http://beneverard.co.uk/blog/wordpress-loading-jquery-correctly-version-2/ I also push all queued scripts to the footer: http://www.kevinleary.net/faster-wordpress-move-javascript-files-footer/
-
Slow time to first byte in Wordpress
Keith, I wouldn't suggest "just" disabling it, but also replacing it with Quick Cache. Also, browsing page-to-page, it didn't feel like the pages were cached. There was a delay going back and forth, so I'm wondering if your …
-
How to safely test code updates in pages involved in online payment?
As traq said, use the paypal sandbox. But I'd recommend testing against the sandbox using a local dev copy. Also, when you make any significant change and port it over to your real live checkout page, I do suggest you perform a real test transa…
-
Slow time to first byte in Wordpress
Are you running a cache plugin such as Quick Cache, W3 Total Cache, or WP Super Cache? If not, try doing so, then retest your TTFB. Nevermind the above, as I see you are indeed running W3 Total Cache (didn't see your link there). I was runni…
-
Batch compression or optimization or reduce white spaces of.css .js and .html code
Here's a windows app that uses YUI that allows you to drag, drop, and compress a whole bunch of files at once: http://yuilibrary.com/forum/viewtopic.php?p=262 It can even append an extension to make something such as style.css and scripts.js s…
-
WordPress - Do something immediately after new user registration..
This wordpress plugin has "post-registration" redirect functionality that says "You can add your own code logic before and between any of the plugin's normal redirect checks if needed." http://wordpress.org/extend/plugins/pe…
-
Social widgets on websites that don't harm performance?
Implement the social icons asynchronously so that it doesn't affect load times. INDEPENDENT JAVASCRIPT: http://socialitejs.com/ https://github.com/dbushell/Socialite/ - This loads the stuff async, and if you visit the page you'll see it …
-
How to take "responsive screenshots"
If you have any of these mobile or tablet devices at your disposal, they may have internal screenshot capabilities. For instance, just do a google search for something such as "how take screenshot with iphone" or "how take screenshot …
-
Making a form responsive
Try applying box-sizing (use border-box) to your inputs, then play with the widths (trying 100% instead of 90%): input, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
-
Feedback & compatibility help welcome
@Qoopido Soft reloads loads everything faster, although when I visited your site using Chrome (just directly loading your URL) the slideshow, nor the middle-right section loaded. The activity spinner just went on for over 10 seconds. I eventually s…
-
Feedback & compatibility help welcome
Looks good. Nice color scheme. The slideshow did take a long time to load (3+ seconds) when I tried it in Chrome and IE9. The middle-right block isn't loading anything in IE9. Also your contact form overlay is problematic in IE9. After pressi…
-
Essential Things to Place in HEAD?
Language attribute on your "html" tag. Discovery "link" to your rss feed (if you have one). meta "viewport." Unique meta description for every page. rel canonical tag.
-
For responsive design are there any caveats for using 1170px as the base container width?
If you're using a percentage-based grid, then it probably doesn't matter. http://cssgrid.net/ is a pretty good one.
-
Extra indent when viewing source code in browser
You may be seeing tabs and not spaces. Most text editors have a setting to show tabs as X-number of spaces. For instance, let's say your text editor is set to show a tab as 2 spaces while a browser source viewer would render a tab as 4 spaces.T…
-
Long "Wait Time" in Wordpress
Both sites load slow for me as well, but the latter is especially worse. For the first site, based on the source code, it doesn't look like you're actually using caching--There's no cache comment at the end of your source code. As f…
-
Any Known Issues with ie9 and @media? - Desktop showing Mobile Version
If you're on Windows, you can use IETester to test various IE versions and your @media queries: http://www.my-debugbar.com/wiki/IETester/HomePage
-
jQuery animation flickers during scroll (Please Help)
I didn't experience a flicker with your example. Perhaps you need to throttle your scrolling event so that it doesn't fire too often. Take a look at this to learn more about throttling: http://benalman.com/projects/jquery-throttle-debounce…
-
Line-height not working inside span
Three options: 1) use a div instead of a span, 2) add "display: block" to force it to act like a block element, or 3) add "display: inline-block" to make it act like an block element while continuing to flow inline alongside its …
-
Setting a Div height to the window viewport size
It seems to me you're looking for something like a responsive, fullscreen background slideshow. Something like this: demo: http://buildinternet.com/project/supersized/slideshow/3.2/demo.html info: http://buildinternet.com/project/supersized/ …
-
Wordpress Integration (Help!)
I think scottnix is right on the money. You should be installing WordPress in your root folder and running everything off that. Before going to your site I assumed you were running something that would make that difficult, such as integrated third-p…
-
Why don't browsers have scroll-to-top feature?
Are you asking as a user or a web designer? If it's the prior, then you can just download something like the "Scroll To Top Button" chrome extension. Scroll to top for mobiles is just there for usability reasons (no Ctrl+Home option)…
-
Help connecting dots
I'm no jQuery guru, so I'm sure this could be cleaned up, but this should accomplish your goal: $('article h1').addClass('pointer').click(function() { var $article = $(this).parent(), $siblings = $(this)…
-
advice on the correct way to use a css sprite
Question 1 & 2: Depends on the file size. If it's reasonable, say 70kb or below, I'd do one image. Compress the file as much as possible. If it's a PNG, use a compression service such as http://tinypng.org/ If it's 32-bit, …
-
my eyes hurt...
First, you should get a doctor to check out your eyes. If you wear glasses, you may need to get your eyes checked to see if you need a new prescription. Also, make sure you're using an anti-glare screen. Try some eyedrops, such as Systane or Ge…