symfony2 assetic: unexpected extra files and how I dealt with them.


The first time I used assetic for symfony2, I got unexpected results. Assetic
seemed to be including more javascript files than I had in my js directory. I experienced
this on Ubuntu 12.04, and I use gedit as my editor.

Here was my js directory:

Here was my code:
{% javascripts ‘@AcmeHelloBundle/Resources/public/js/*’ %}
<script src=”{{ asset_url }}”></script>
{% endjavascripts %}

My expected result:

<script src=”/production/Symfony/web/app_dev.php/js/addff24_part_1_one_1.js”></script>
<script src=”/production/Symfony/web/app_dev.php/js/addff24_part_1_three_2.js”></script>
<script src=”/production/Symfony/web/app_dev.php/js/addff24_part_1_two_3.js”></script>

My actual result:
<script src=”/production/Symfony/web/app_dev.php/js/addff24_part_1_one_1.js”></script>
<script src=”/production/Symfony/web/app_dev.php/js/addff24_part_1_one_2.js”></script>
<script src=”/production/Symfony/web/app_dev.php/js/addff24_part_1_three_3.js”></script>
<script src=”/production/Symfony/web/app_dev.php/js/addff24_part_1_three_4.js”></script>
<script src=”/production/Symfony/web/app_dev.php/js/addff24_part_1_two_5.js”></script>
<script src=”/production/Symfony/web/app_dev.php/js/addff24_part_1_two_6.js”></script>

So what happened? Why did assetic link to six files instead of three?  I went back to the directory and clicked “View -> Show Hidden Files”

Here are the six files that were actually in my directory:

To fix the problem, I deleted all the .js~ files, then ran the following commands:

Cleared my symfony cache:
sudo rm -rf app/cache/*

Regenerated the javascript cache:
sudo  php app/console assetic:dump

Problem solved.

Categories: Symfony2

Use PHP & YQL to find out what city a zip is from


<?php
$_GET['zip'] = '16601';
//Validate the zip
$zip = str_replace(" ", "", $_GET['zip']); //remove white-space
if (!ctype_alnum($zip)) {
    die("Enter alpha-numeric numbers only");
}
if (strlen($zip) > 7) {
    die("Zip query is too long");
}
$zip = urlencode($zip);
$url = "http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20google.geocoding%20where%20q%3D%22$zip%22&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys";
$xml = file_get_contents($url);
$location = new SimpleXMLElement($xml);
//var_dump($xml);
//var_dump($location);
$status = (string)$location->results->json->Status->code;
if ($status !== '200') {
    die('Could not get location');
}
$country = (string)$location->results->json->Placemark->AddressDetails->Country->CountryName;
switch ($country) {
case "USA":
case "Canada":
    echo (string)$location->results->json->Placemark->address;
    break;

default:
    echo 'false';
}
Categories: experimental scripts

Site5 hosting is great


I started hosting with Site5 for my production sites and I love it. I’m using VPS4, which gives you 4 processors and 2gb of ram. I chose the dallas option.The total is about $124.00 a month. Support was a main selling point for me. I tested Site5’s support system pretty well, and usually within a few hours someone always fixed my problems. I tested site5 for about a month before I made the great leap from my previous VPS (PowerVPS).

Site5 also upgraded me from their lowest VPS wich is $53 for 756mb of ram, to the level 4 within 2 hours (which is good).

Categories: Uncategorized

yui compressor example


yui-compressor –type css /home/batman/Dropbox/production/alpha/httpdocs/css/bd.css -o combo.css –charset utf-8

Categories: CSS

Print Meida CSS – Check List

October 25, 2010 Leave a comment

Print Friendly Page
(dark / black backgrounds won’t print)
font-size:100%;
serif-font
avoid floating
colors to black
display none for pages you don’t to show

css code
<link rel=”stylesheet” href=”css/master.css” type=”text/css” media=”screen”>
<link rel=”stylesheet” href=”css/print.css” type=”text/css” media=”print”>

You can combine these two into one
@media screen {} //anything between these brackets is screen
@media print {} //nest the print rules

Categories: CSS

Finished Site Check List – CSS

October 25, 2010 Leave a comment

Finished Site Check List

CSS Usage – FireFox Addon (Detects Unused Css Rules)
Validate CSS
Validate HTML
Increase Font Size
Test WithOut Images – (White Text On White Background)
Turn Off CSS

Cross Browser Testing
Test Agreed Devices
http://www.browsercam.com
https://browserlab.adobe.com

Measure Page Load
http://www.webpagetest.org – specifically tests IE
http://tools.pingdom.com/fpt/

FireFox
Y!SLOW

Reduce Image Sizes
Add width and height to inline images (Improves Speed.. but presentational?)

Categories: CSS

CSS header – for neatness

October 12, 2010 Leave a comment

/* ——————————–
Site:
CSS author:
Updated:
Updated by:
———————————–*/

/* ———————————
brief description
———————————–*/

Categories: CSS
Follow

Get every new post delivered to your Inbox.