Latest Entries »


Text-Pastry
BracketHighlighter
LiveReload
Color Highlighter
Can I Use
Live Style
HTML CSS JS Prettify
Emmet

Check those plugin links – if you miss one !

Checkout www.online-utility.org


I try their Sort feature for one of my quick tasks, Check it our http://www.online-utility.org/text/sort.jsp, They also have more tools too… :)

Utilities provided :

Analyze words, sentences, structure or style of any text
Learn, teach or research English language
Write easily readable texts in English
Perform math calculations (from simple to complex)
Convert various measurement units
Convert images from one format into another
Get keyword suggestions for English language websites
Perform various backlink (inlink, inbound link) analysis
Perform Internet searches of best websites, or of best websites in specific categories

VisualWget


VisualWget is a download manager that use Wget as a core retriever to retrieve files from the web. You can think of VisualWget as a GUI front-end for Wget that give you all of Wget functionalities (e.g. download resuming, recursive download) plus little management features such as download queue (prioritizing), speed limit and scheduler.

When retrieving a file, VisualWget gather some necessary informations by communicating with Wget, then compute and display a progress bar, speed and ETA within a jobs list that you can easily see and estimate an overall progress by yourself.

Download this VisualWget from here – VisualWget

Wget is a free and very powerful file downloader that comes with a lot of useful features including resume support, recursive download, FTP/HTTPS support, and etc. In “The Social Network” movie, Mark Zuckerberg is seen using the Wget tool to download all the student photos from his university to create Facemash. Wget is a command line tool which can be a bit difficult to use for some basic users.


The Events Calendar : Using this plugin, The Next and Previous links only show up when there are events in the future (next) or past (previous). If there are no future events, that link will not show up. This prevents wild goose chases. To get said link to appear, just add an event in the future for it to point to! Does that make sense?

Ok, now i have to force the plugin to show next or prev month ? ! ? what can i do , copy the following code in your functions.php file and your done.

class ForceMonthViewPagination {
	public function __construct() {
		add_filter( 'tribe_events_the_next_month_link', array( $this, 'next_month' ) );
		add_filter( 'tribe_events_the_previous_month_link', array( $this, 'previous_month' ) );
	}

	public function next_month() {
		$url = tribe_get_next_month_link();
		$text = tribe_get_next_month_text();
		$date = TribeEvents::instance()->nextMonth( tribe_get_month_view_date() );
		return '<a href="' . $url . '" rel="next">' . $text . ' »</a>';
	}

	public function previous_month() {
		$url = tribe_get_previous_month_link();
		$text = tribe_get_previous_month_text();
		$date = TribeEvents::instance()->previousMonth( tribe_get_month_view_date() );
		return '<a href="' . $url . '" rel="prev">« ' . $text . ' </a>';
	}
}

new ForceMonthViewPagination;

Alphabetize and sort lists online


The Alphabetizer is a tool to alphabetize and sort lists online, using your computer or mobile device. This web tool, and educational resource, provides sorting functions including the ability to: do abc or alphabetical order, remove HTML, capitalize and lowercase words and phrases, ignore case, order names, sort by last name, add numbers, letters and roman numerals to lists, and more. Visitors can use this gadget on their tablets, phones and computers to help with homework or business or just for fun! Oh, and it’s free!

http://alphabetizer.flap.tv/

Working SSH via – WinSCP


WinSCP

  1. Install and run WinSCP
  2. Go to Preferences (Ctrl+Alt+P) and click on Transfer, then on Add. Name the preset.
  3. Set the transfer mode to binary (you don’t want line conversions)
  4. Set file modification to “No change”
  5. Click the Edit button next to File Mask and setup your include and exclude files and folders (useful for when you have a .git/.svn folder present or you want to exclude build products from being synchronized).
  6. Click OK
  7. Connect to your remote server and navigate to the folder of interest
  8. Choose an empty folder on your local machine.
  9. Select your newly created Transfer settings preset.
  10. Finally, hit Ctrl+U (Commands > Keep remote directory up to date) and make sure “Synchronize on start” and “Update subdirectories” are checked.

From then on, WinSCP will keep your changes synchronized.

Work in the local folder using SublimeText. Just make sure that Sublime Text is set to guess the line endings from the file that is being edited.

Angular $scope debug in browser console


Open your browser console and try this :

scope = angular.element(‘[ng-controller=yourAngularControllerName]’).scope();


Its possible to take full page screen shot with firefox browser without using any adons – just using console to take the screen shot.

to take screen shot you need to use

1. Press Shift+F2 – > This will bring you console
2. Type Command : screenshot filename_toSave_screenShot –fullpage

Once you give this command it will make screenshot and save in your default download folder.

Visual Web Ripper


Visual Web Ripper is a powerful visual tool used for automated web scraping, web harvesting and content extraction from the web.

For those people who work manual data entry works, or doing same jobs on web page for many times – you can try this software to extract data easily and more faster then you think…

Checkout the site http://www.visualwebripper.com/


Google Play error message “Insufficient Storage Available” While you have storage available [ FREE ], here is the solution: ,

1. Go Settings
2. Apps/Applications [Manage Applications]
3. Go “All” tab
4. Go to [ Google Service Framework ] and “Clear Data”
5. Go to [ Google Play Store ], then “Clear Data” and then select “Uninstall Updates”, and click “Force Stop”(optional)
6. Shut down Your Phone
7. Power on your Phone

– This solved my Problem, if you have still get the issue check for other solutions.


* First Open Youtube Playlist page URL in your browser

* Now Open console to inject jQuery into youtube.com site

@console write the following code – if your youtube links is https

var element1 = document.createElement("script");
element1.src = "https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js";
element1.type="text/javascript";
document.getElementsByTagName("head")[0].appendChild(element1);

if your youtube playlist URL page loading from http use this code

var element1 = document.createElement("script");
element1.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js";
element1.type="text/javascript";
document.getElementsByTagName("head")[0].appendChild(element1);

* Now wait for few sec/millisecond, to load jQuery. Then type following command to test jQuery is there

 
jQuery(body)


If you see the code execute without error – your success to inject jQuery. You can do fun with jQuery now.

* Now put the following code to get the playlist URLS in console

jQuery('.pl-video-title-link').each(function(){ console.log('https://www.youtube.com'+jQuery(this).attr('href'))});

youtube-playlist-urls

CSS reset Code


HTML tags – Css Reset codes you can used in your style.css

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


Example of current dates array:

array(4) {

[0]=> string(10) "2012-02-01"

[1]=> string(10) "2012-02-02"

[2]=> string(10) "2011-02-03"

[3]=> string(10) "2011-03-04"

[4]=> string(10) "2011-04-05"

}

Example of what I need returned if in “Year View”

array(2) {

[0]=> Array(2) {

[0]=> string(10) "2012-02-01"

[1]=> string(10) "2012-02-02"

}

[1]=> Array(3) {

[0]=> string(10) "2011-02-03"

[1]=> string(10) "2011-03-14"

[2]=> string(10) "2011-04-18"

}

}

Here is the same expected result but in “Month” view mode

array(3) {

[0]=> Array(3) {

[0]=> string(10) "2012-02-01"

[1]=> string(10) "2012-02-02"

[2]=> string(10) "2011-02-03"

}

[1]=> Array(1) {

[1]=> string(10) "2011-03-14"

}

[2]=> Array(1) {

[1]=> string(10) "2011-04-18"

}

}

SOLUTION:


$years = Array();
$months = Array();
foreach($dates as $d) {
list($y,$m) = explode("-",$d);
$years[$y][] = $d;
$months[$y."-".$m][] = $d;
}
$years = array_values($years);
$months = array_values($months);

var_dump($years,$months);


As a responsive web developer you will need to check your web coding with mobile or other devices, but its hard to inspect + fix things on mobile and there is no way to check mobile touch features and other issues without mobile device, and this can be done via Mobile emulation

I found one good working solution for Mobile emulation for web

Checkout the link https://developers.google.com/chrome-developer-tools/docs/mobile-emulation – Download the app and setup and follow their instruction – you will get this working..

mobile_emulator

Save lots of my time – how about yours ???

WordPress WYSIWYG Editor fill with Default Text



add_filter('default_content', 'om_editor_content');

function om_editor_content( $content ) {
	$content = "Default Content will go here...";
	return $content;
}



When Community gives you many help – its your responsibility to give some back to them.

I know many people write blog, many help via email or IM, or forum, But i think experts with FREE time can join

http://stackexchange.com/ – to answer the questions people are asking !

This will be lot of fun – solving different issues found from many people. I know there are people – who love to take challenges try join and solve issues.


Million Dollar Question ?

YES !! Its is

But the answer is simple :

Believe in Yourself and Keep Moving.


Copy this code into your functions.php theme file.


function replace_admin_howdy( $wp_admin_bar ) {
 $my_account=$wp_admin_bar->get_node('my-account');
 $newtitle = str_replace( 'Howdy,', 'Hi, Welcome back!', $my_account->title );
 $wp_admin_bar->add_node( array(
 'id' => 'my-account',
 'title' => $newtitle,
 ) );
 }
 add_filter( 'admin_bar_menu', 'replace_admin_howdy',25 );

List item – List style disc – COLOR


ul {
    list-style: none;
    padding:0;
    margin:0;
}

li { 
    padding-left: 1em; 
    text-indent: -.7em;
}

li:before {
    content: "02022";
    color: red;
    font-size: 16px; /* or whatever color you prefer */
}

Customize WordPress FEED


remove_all_actions( 'do_feed_rss2' );
add_action( 'do_feed_rss2', 'sp_events_feed_rss2', 10, 1 );

function sp_events_feed_rss2( $for_comments ) {
$rss_template = get_template_directory() . '/feed-sp_events.php';
if( get_query_var( 'post_type' ) == 'sp_events' and file_exists( $rss_template ) )
load_template( $rss_template );
else
do_feed_rss2( $for_comments ); // Call default function
}

Reference : http://codex.wordpress.org/Customizing_Feeds

Follow

Get every new post delivered to your Inbox.