Jump to content


Most Liked Content


#831 Top Best Quality Bootstrap Admin, Dashboard and Wordpress Themes And Templates

Posted lok123 on 10 June 2013 - 06:47 PM

Top  Best Quality Bootstrap Admin, Dashboard and Wordpress Themes And Templates:

1) Ace - Responsive Bootstrap Admin Template : (Demo| More Info | Free Download)

Posted Image
Ace (v1.1) is a lightweight, feature-rich and easy to use admin template based on the latest version of Bootstrap. Compatible with bootstrap V2.2.x and V2.3.x
2)Unify - Responsive Bootstrap Website Template: (Demo | More Info | Free Download)

Posted Image
Unify is an incredibly beautiful and fully responsive Bootstrap Template for any type of creative professionals. Template comes with developer friendly and easy to customizable code. It works on all main web browsers, tablets and phones.
Current upgraded release is v1.2 and much more new amazing features are coming soon in the next updates. Enjoy using Unify Template!
You are eligible to free download of all future updates once you purchased Unify!
3) KALLYAS - Responsive Multi-Purpose WordPress Bootstrap Theme : (Demo| More Info | Free Download)

Posted Image
Kallyas is an ultra-premium, highly-responsive Wordpress Theme built for today websites with bootstrap framework. It’s super flexible, clean design (and code), without no modesty, one of the most complete theme ever created. It has the latest techologies and trends and it can be used in a huge variety of domains. It’s also a great deal!!
4)Core Admin Bootstrap Template: (Demo | More Info | Free Download)

Posted Image
Core Admin is best bootstrap admin template compatible with bootstrap V 2.1.x,2.2.x,2.3.x
5) Metronic - Responsive Admin Dashboard Bootstrap Template :
(Demo | More Info| Free Download)


Posted Image
Metronic is a responsive admin dashboard template powered with Twitter Bootstrap Framework for admin and backend applications. Metronic has a clean and intuitive metro style design which makes your next project look awesome and yet user friendly. Metronic comes with a huge collection of plugins and UI components and it works in all major web browsers, tablets and phones.
    Full List : http://enbeeone3.com...-and-templates/


#488 Pure CSS3 GUI icons (experimental)

Posted nirajan on 18 July 2012 - 11:14 AM

An experiment that uses pseudo-elements to create 84 simple GUI icons using CSS3 and semantic HTML. Shared as an exercise in creative problem solving and working within constraints. This is not a “production ready” CSS3 icon set.

The HTML is very simple and it relies on CSS3 pseudo-elements rather than extraneous HTML elements.

Posted Image

Pseudo-elements provide many possibilities to developers interested in writing semantic HTML

Demo: Pure CSS GUI icons


#483 How to get JSON data easily using jQuery [AJAX]

Posted nilambar on 06 July 2012 - 01:41 AM

AJAX is such a powerful technique which helps for creating fast and dynamic web pages. It allows web pages to be updated asynchronously by exchanging small amounts of data with the server behind the scenes. This means that it is possible to update parts of a web page, without reloading the whole page. And to implement AJAX, you cant believe how jQuery has made that easy. There is now no need of writing browser dependent Ajax code. jQuery will take care of that.

While retrieving data from server side through ajax, we can use different various types of datatypes like html, text, xl, json, etc. I want to show here an short and simple example of using ajax and jquery and you will me amazed how easy that is. Lets grab the twitter feed of an id in the json format using ajax and jQuery. I have used $.getJSON for simplicity. You can use $.ajax in more flexible way with more parameters.

$.getJSON("https://twitter.com/statuses/user_timeline.json?screen_name=nilambar&count=5&callback=?",
function(data){
var output ='';
$.each(data, function(i,item){
t_text = item.text;
t_time = item.created_at
t_source = item.source;
output+= '<p>' + t_text+'<em>'+t_time+'</em> via '+t_source+'</p>' ;
});
$('#tw').html(output);//replacing html in the output div
});

DEMO
In this example, there is only two parameters in $.getJSON function. Other required parameters in the ajax call will be handled by jQuery itself. One is the URL to be called and other is the callback function which will be called after successfull ajax event. After getting JSON response, $.each is used to access it and make output text ready. Then the html is replaced in the div.

So if you are planning to use AJAX in your application and you are cosidering to use javascript library then jQuery would be one of your best options. Its easy. Go and try it.

Taken from here : How to get JSON data easily using jQuery


#996 Best Social Commerce Script and Mobile Apps (Fancy Clone Script)

Posted nirajan on 20 July 2016 - 07:39 PM

I understand developing own platform is better for the long run but when you are looking to save your time, good e-commerce script can help you. It's better if the system is built on popular framework, any developer can learn and help update/upgrade easily.

I am searching for good PHP social e-commerce script ( Fancy Clone/Waleno clone /Polyvore clone ) also with a multi-shop feature. I saw few social commerce scripts online but not complete.

Can anyone recommend Best Social Commerce Script and Mobile Apps ?

Thanks.


#988 Taboola Clone or MGID clone Script In PHP

Posted nirajan on 02 June 2016 - 10:49 AM

we have taboola clone for videos only http://vidinterest.tv/publisher  :)


#871 HTML5 Game Framework

Posted nirajan on 17 September 2013 - 06:57 AM

10 free HTML5 Game Engines/Frameworks

http://www.detechter...inesframeworks/


#840 Ace - Responsive Admin Bootstrap Template

Posted nirajan on 11 August 2013 - 08:18 AM

Ace - Responsive Admin Template

Posted Image


Ace (v1.1.2) is a lightweight, feature-rich and easy to use admin template based on the latest version of Bootstrap.

Posted Image

New version (v1.1.2) released:
  • Profile page with 3 styles
  • Inline editable plugin with 4 new custom editables (image, wysiwyg, spinner & slider)
  • Tag input
  • Select2
  • RTL (right to left) support
  • Enhancements and bug fixes
  • Updated documentation and examples
  • Updated libraries and plugins

New version (v1.1) released:
  • LESS files added
  • Mustache template files added with support for JS (Mustache.js/Hogan.js) and PHP
  • Wysiwyg editor
  • Markdown editor
  • Treeview element
  • Updated plugins and libraries
  • A few bug fixes and enhancements

The initial release (v1) comes with the following features:
  • 4 Different theme colors
  • Responsive design
  • Documentation

  • HTML pages including:

    • Dashboard with stats, charts and recent events
    • UI elements
    • Buttons
    • Treeview
    • Form elements
    • Wysiwyg editor
    • Wizard
    • Customizable widgets
    • Image gallery
    • Pricing tables
    • Invoice
    • User profile
    • Login, register and forgot password
    • Error 404 and error 500 pages
    • And a few other

  • Custom elements and plugins including:

    • Pure CSS3 checkbox, radio and On/Off switch elements (not available in IE8)
    • File input control
    • Simple color picker

  • Bootstrap, jQuery UI and third party plugins and elements including:

    • jQuery 2.0.3
    • jQuery UI 1.10.3 (Custom Build)
    • Twitter Bootstrap 2.3.2
    • FontAwesome 3.2.1
    • Google "Open Sans" Font
    • jQuery Flot Charts 0.8.1
    • jQuery Sparklines 2.1.2
    • Easy Pie Chart 1.2.1
    • jQuery Knob 1.2.0
    • jQuery Validate 1.11.1
    • FuelUX 2.3.0 (Spinner & Wizard & Treeview)
    • FullCalendar 1.6.1
    • jQuery ColorBox 1.4.26
    • jQuery dataTables 1.9.4
    • jQuery Chosen 0.11.1
    • jQuery Masked Input 1.3.1
    • jQuery Input Limiter 1.3.1
    • jQuery AutoSize 1.17.1
    • Bootstrap Colorpicker
    • Bootstrap Datepicker
    • Bootstrap Timepicker v0.2.3
    • Bootstrap DateRange Picker 1.1
    • Bootbox.js 3.3.0
    • jQuery Gritter 1.7.4
    • jQuery slimScroll 1.1.1
    • Spin.js 1.3.0
    • jQuery UI Touch Punch 0.2.2
    • Google Code Prettify
    • ExplorerCanvas
    • Mindmup Wysiwyg Editor
    • Toopay Markdown Editor 1.1.1
    • X-editable 1.4.5
    • Select2 3.4.1
    • Bootstrap Tags 2.2.3
    • jQuery Mobile 1.3.1 (Custom Build)

Demo & Download



#839 Best Handpicked Tumblr Themes 2013

Posted lok123 on 07 August 2013 - 10:15 AM

1) Focus - A Minimalistic Tumblr Theme : ( Demo | Download )

Posted Image
Focus is a minimalistic and adaptive Tumblr theme aimed at presenting your content, to any device, without clutter.
Easy to change colours and background images as well as support for Disqus, Flickr, Twitter, Dribbble and Google Analytics. This theme gives a tailored view to each device (Android, iPhone, iPad, Desktop, etc) that visits it and only serves the content that is required, helping to speed up delivery of your site.
2) Timeline - Premium Tumblr Theme : ( Demo | Download)

Posted Image
TIMELINE is a Premium Tumblr Theme that was designed to view your tumblog as timelines. This is a personal theme that’s suitable in use for people who have an active and enjoyable life.
3) POPCASE Responsive Tumblr Theme : ( Demo| Download)

Posted Image
POPCASE is a Tumblr theme with 3 column layouts and unlimited color scheme control, suitable for displaying your artworks and articles.
4) Pop Gallery Tumblr Theme : ( Demo| Download )

Posted Image
Pop Gallery is a Tumblr theme for visual portfolios, galleries, handcrafts shops, with the unique possibility to present distinct thumbnails for new, sold and reserved items. It has a beautiful and clean design with circular thumbnails.
5) Squared Magazine - Tumblr News / Magazine Theme : ( Demo | Download)

Posted Image
The first true Magazine / News Theme for Tumblr.
Squared Magazine was designed to give your Tumblog a real Magazine feel and look with all the popular Magazine Functions, like “Latest Articles” Widget and “Related Posts” Widget, while still beeing perfectly suitable for a blog.
Its design is clean, timeless and content focused.
6) Mason - A Masonry Inspired Tumblr Theme : ( Demo | Download )

Posted Image
Mason is an adaptive Tumblr theme aimed at presenting your content, to any device, in a masonry based view.
Includes ajax based page loading, as well as URL tracking (no broken back button!). Users can quickly view your posts, view them in the detail, and go back to where they were.
Highly customisable, with support for Disqus, Twitter and Google Analytics. This theme gives a tailored view to each device (Android, iPhone, iPad, Desktop, etc) that visits it and only serves the content that is required, helping to speed up delivery of your site.
7) Incorporated - Tumblr Theme : ( Demo | Download )

Posted Image
Incorporated Tumblr Theme is best for personal and photography site with its clean and responsive 2 column design.
8) Litefolio - portfolio theme for Tumblr : ( Demo | Download)

Posted Image
Clean and minimalistic portfolio theme with jQuery slider for designers, photographers and illustrators.
9) Pierre - A Super Clean Tumblr Theme : ( Demo | Download )

Posted Image
Pierre is a super clean Tumblr theme aimed at making your content the center of attention. Included is scalable typography and support for most social media types.
Easy to customise with support for Disqus, Flickr, Twitter, Dribbble, Instagram, Google Adsense and Google Analytics. This theme gives a tailored view to each device (Android, iPhone, iPad, Desktop, etc) that visits it and only serves the content that is required, helping to speed up delivery of your site.
10)  UltraMnml - Clean & Responsive Tumblr Theme : ( Demo | Download )

Posted Image
UltraMnml is a very clean, minimalistic and responsive Tumblr theme made for the power blogger. It supports all post types and is made for any type of Tumblr blogger, whether you’re a writer or a photo blogger, this theme will make your content look awesome. It is also responsive so it’ll look great on both your phone or tablet.


#541 Understanding varnish Cache Server

Posted nirajan on 06 September 2012 - 04:33 PM

What is varnish Cache Server ?
Varnish Cache is a web application accelerator also known as a caching HTTP reverse proxy. You install it in front of any server that speaks HTTP and configure it to cache the contents. Varnish Cache is really, really fast. It typically speeds up delivery with a factor of 300 - 1000x, depending on your architecture. A high level overview of what Varnish does can be seen in the video attached to this web page.

Varnish Cache Performance

Varnish performs really, really well. It is usually bound by the speed of the network, effectivly turning performance into a non-issue. We've seen Varnish delivering 20 Gbps on regular off-the-shelf hardware.

Varnish Server Flexibility

One of the key features of Varnish Cache, in addition to it's performance, is the flexibility of it's configuration language, VCL. VCL enables you to write policies on how incoming requests should be handled. In such a policy you can decide what content you want to serve, from where you want to get the content and how the request or response should be altered.


Licence and origin

Varnish is free software licensed under a two-clause BSD licence, also known as the FreeBSD licence. The project was initiated in 2005. Varnish Cache 1.0 was released in september 2006.
The name "Varnish"

The name Varnish comes from when the instigator of Varnish spent a long time staring at an art-poster with the word “Vernisage” and ended up checking it in a dictionary, which gives the following three meanings of the word:
r.v. var·nished, var·nish·ing, var·nish·es

  • To cover with varnish.
  • To give a smooth and glossy finish to.
  • To give a deceptively attractive appearance to; gloss over.

There is a good article describing Varnish Cache on Wikipedia.


#537 Useful CSS Tricks for Responsive Design

Posted nirajan on 05 September 2012 - 12:17 PM

1. Responsive Video (demo)

This responsive video CSS trick was discovered by tjkdesign.com. I've blogged about it before, you may read the details here. It makes the video embed to expand fullwidth to the boundary.

.video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video iframe,
.video object,
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

2. Min & Max Width (demo)

Max-width property allows you to set the max width of the element. The purpose of max-width is to prevent the element from extending the boundary.

Max-Width Container

In the example below, I specify the container to display at 800px if possible, but it should not exceed 90% of the boundary width.

.container {
	width: 800px;
	max-width: 90%;
}

Responsive Image

You can make the image auto resize to the max width of the boundary by using max-width:100% and height:auto.

img {
	max-width: 100%;
	height: auto;
}

The above responsive image CSS works on IE7 and IE9, but doesn't work on IE8. To fix it, add width:auto. You may apply a conditional CSS specifically for IE8 or use the IE hack below:

@media \0screen {
img {
	width: auto; /* for ie 8 */
}
}

Min-Width

Min-width is opposit to max-width. It sets the minimum width of an element. In the example form below, min-width is used on the input text field to prevent the input from getting very small when scaling down.

   Posted Image
3. Relative Values (demo)

In responsive design, knowing when to use relative value can simplify the CSS and maximize the best layout result. Below are some examples.

Relative Margin

Below is an example of a commentlist where relative left margin is used to space out the threaded comments. Instead of using fixed pixel value, I used percentage value to space out the sub-lists. As shown on the left side of the screenshot, the content box in the sub-lists gets very small on mobile resolution if pixel left margin was used. Posted Image
Relative Font Size

With relative value (eg. em or %), the font size, line-height and margin spacing can be inherited. For example, I can change the font size on all descendant elements by simply changing the font-size on the parent element. Posted Image
Relative Padding

The screenshot below shows it is better to use relative percentage padding as opposed to fixed pixel padding. The box on the left shows an unbalanced padding space if pixel padding was used. The box with percentage padding on the right shows that the content area is maximized.  
Posted Image
4. Overflow:hidden Trick (demo)

As posted in my previous article, you can clear float with the overflow property. This trick is extremely useful. You can clear the float from the previous element and keep the content running within the container by applying overflow:hidden. Posted Image

5. Word-break (demo)

I also talked about the word-wrap property before. You can force unbreaking text (eg. long URL text) to wrap instead of running in a single line.

.break-word {
		word-wrap: break-word;
}

Posted Image

via :http://webdesignerwall.com




#512 Top 8 Popular Wordpress Scripts and Plugins Review

Posted lok123 on 17 August 2012 - 01:02 PM

Top 8 Popular WordPress Scripts and Plugins :

1)UberMenu – WordPress Mega Menu Plugin :

Posted Image
UberMenu is a user-friendly, highly customizable, responsive Mega Menu WordPress plugin. It works out of the box with the WordPress 3 Menu System, making it simple to get started but powerful enough to create highly customized and creative mega menu configurations.

DEMO | DOWNLOAD

2)RoyalSlider – Touch-Enabled jQuery Image Gallery :

Posted Image
RoyalSlider is easy to use jQuery image gallery and content slider plugin with animated captions, responsive layout and touch support for mobile devices. As navigation you can use thumbnails, tabs or bullets. Use it as image slider, slideshow, HTML content slider, gallery, banner rotator, video gallery, carousel or even presentation. Build in best practises of HTML5 , CSS3 transitions are used for all animations (with fallback).
DEMO | DOWNLOAD
3) Quform – WordPress Form Builder :

Posted Image
Quform WordPress is a brand new plugin that allows you to build multiple forms in WordPress easily and quickly with total control. If it’s a complex quote or booking form or just a simple contact form, Quform plugin will allow you to do this without touching any code. In a few clicks you will have a fully functional form. It’s that simple.
DEMO | DOWNLOAD
4) Visual Composer for WordPress :

Posted Image
Visual Composer for WordPress will save you tons of time working on the site content. Now you’ll be able to create complex layouts within minutes! It’s build on top of the Twitter Bootstrap and jQuery UI framework – get the best from world leading experts!
DEMO | DOWNLOAD
5) Slider PRO – WordPress Premium Slider Plugin :

Posted Image
Slider PRO is one of the most powerful slider plugins for WordPress on the market (some buyers have been saying that it’s actually the best).
The slider is fully responsive and mobile-ready. It provides 150+ customizable properties, 100+ possible transition effects, from simple ‘fade’, ‘slide’ or ‘swipe’ effects to more complex ‘slice’ effects, 15+ skins and much more. Also, the slider’s administration area is very powerful and uses the default WordPress design, which WordPress users are already familiar with.
DEMO | DOWNLOAD
6) Video Gallery WordPress Plugin /w YouTube, Vimeo:

Posted Image
1. Three skins for you to choose from. So now it can fit perfectly in your site design.
2. A custom admin panel prepared for the gallery. Feeds from self hosted videos, videos hosted on s3 amazon, youtube, vimeo, images, vimeo or even audio ( so it’s a media gallery )
3. Has html5 functionality so that it can display on iPhone / iPad.
4. Cross-browser compatible. Works on every major browser.
DEMO | DOWNLOAD
7) Special Recent Posts PRO :

Posted Image
Special Recent Posts PRO is a very powerful plugin/widget for WordPress which displays your recent posts with thumbnails.
It’s the perfect solution for online magazines or simple blogs and it comes with more than 60+ customization options available.
You can dynamically re-size thumbnails to any desired dimension, drag multiple widget instances and configure each one with its specific settings.
You can also use auto-generated PHP code/shortcodes to insert the widget in any part of your theme.
DEMO | DOWNLOAD
8) Facebook Likebox Slider for WordPress :

Posted Image
The best Social Slider plugin for WordPress on the market. Easy to install, 3 click configuration, awesome tabs design. Easy way to get more shares, more traffic, more fans and popularity.
DEMO | DOWNLOAD
source


#498 Top 7 WordPress SEO Premium Plugins

Posted lok123 on 03 August 2012 - 12:13 PM

Many of bloggers around the world use WordPress for blogging. If you are professional blogger and looking for making your website keywords to show in Google within top 7 results these premium WordPress SEO plugins will help you. Here is the list of  Top 7 WordPress SEO Premium Plugins :

1) smart SEO - Wordpress Plugin :

Posted Image
The easiest way to optimize your wordpress website for search engines!
Settings – Here you have:
  • Autocheck current post
  • Autocheck timing – in seconds
  • Title separator (default – )
  • Seo title position – in admin post listing
  • Show smartSeo score
  • On plugin deactivate – remove all current settings on plugin deactivate. Reset to default.
SEO rules and settings.
  • Keyword in title tag
    Keyword in Title tag – close to beginning
    Title tag 10 – 60 characters, no special characters
  • Keywords in description
    Less than 200 chars.
    Google no longer relies upon this tag, but frequently uses it.
  • Keywords in keywords
    Less than 10 words.
    Every word in this tag MUST appear somewhere in the body. If not, it will be penalized for irrelevance.
    NO single word should appear more than twice in the Meta tag as it is considered spam.
    Google purportedly no longer values this tag, but others do.
  • Keyword in alt text
    Should describe graphic – Do NOT fill with spam
  • Keyword density
    Individual keyword density 6% – (each keyword/total words)
  • Keywords in H1, H2, H3
  • Keywords in font style
    – In strong, bold, italic, strong.
DEMO/DOWNLOAD
2)xCommenter Wordpress Auto Comment SEO Plugin:

Posted Image
xCommenter is a powerful SEO WordPress plugin that will post unique (spun) content to your posts and pages and pings all the major RPC + search engines after the comments are posted. This will add unique content to your pages, entice user interactivity, and improve your SEO efforts by making your posts and page content fresh and updated when crawled by Google, Yahoo, Bing etc.
DEMO | DOWNLOAD
3) Landingpages WordPress SEO Plugin:

Posted Image
With the WordPress plugin ‘Landing Pages’ you can add multiple pages to your WordPress website, completely automatic. The plugin uses [keywords] which lets you create a variety of pages on a very easy way. Because of the build-in interval function you can set the landing pages ready to go online and let the plugin post the page every hour, day, week or month. This way you won’t get any problems like “black-seo”.
DEMO | DOWNLOAD
4) SEO Auto Title Suggestions - Premium Plugin :

Posted Image
Stop typing your Wordpress post titles into the blue.
SEO Auto Title Suggestions Features
  • Full automated Keyword research
  • Compare Keywords
  • Shows how many websites compete for a keyword
  • Easy and Fast installation
  • All languages supported
This plugin gives you full keyword research power right at your fingertips while writing your post titles.
It changes the way you write your titles:
  • Enter a keyword related to the posts topic.
  • Click on “Show Suggestions”
  • You will now see a list of related keywords plus the amount of competing websites for each keyword.
  • You choose a keyword with low competition and use this in your post title.
DEMO | DOWNLOAD
5) WordCompress - WordPress SEO Compression!

Posted Image
WordCompress is a premium plugin designed for SEO and improving user experience and website performance. WordCompress is a compression and cache total that takes the existing code layout of a WordPress blog which includes CSS files, Javascript files and HTML code. WordCompress will then minify all the code by deleting comments, whitespaces and compress the entire code into a single executable line. External and internal CSS and Javascript files are also compressed.
WordCompress has a cache system which means that before the user loads any of your blog pages; tags, author pages, posts, categories and the homepage – there will be a compressed updated version ready; WordCompress automatically updates in the background whilst your making new content and changes. WordCompress improves your rankings for PageSpeed as our software is automatically built to comply with the latest PageSpeed factors.
DEMO | DOWNLOAD
6 )Word and Phrase Spinner

Posted Image
Spinner is a SEO plugin for Wordpress that assists authors in “spinning” their content. Spun content allows authors to create Search Engine friendly variations and versions of their content and articles. The purpose of spinning content can assist Search Engine results by slightly modifying the title, excerpts and summaries of specific articles seen on multiple pages throughout your blog, avoiding duplicate content penalties enforced by most search engines.
Multiple-level spinning integrated allowing you to incorporate more advanced spinning statements. Please use words or characters that you often will not use for anything else, to maximize the effectiveness of your multi-level spinning strings. (IE: [bershabersha1; bershabersha2; [bershabersha3;bershabersha4]] This multi-leveled spinning will allow you to construct much more powerful combinations of words and sentences.
Text widget integration allows you to incorporate a spinning text element in any widget-ized region of your Wordpress theme. This allows for information such as “quick blurbs” and other text elements to be spun prior to rendering to allow for maximum SEO possibilities.
Spinning functionality is a very expensive characteristic of many of the larger network-driven web-communities online. Please be responsible when using Spinner and only use it for good.. not bad!
DEMO | DOWNLOAD
7) Keyword Finder for Wordpress

Posted Image
Whenever you write a post to your website, you allways have to find, relative keywords, but you also have to find keywords that users are using mostly. Normally if you do this process by manually this is takes like 5-10m for each post, with keyword finder you can do that in seconds.
  • Keyword finder brings you most relevant keywords
  • Keyword finder brings you keywords with most search valume
  • Easy to use, no configration needed.
  • Supports 189 Language
DEMO | DOWNLOAD


#489 12 Must have WordPress plugins for Bloggers

Posted nirajan on 24 July 2012 - 10:17 AM

If you are a regular blogger and use wordpress cms as a blogging platform, you may be using wordpress plugins to gear up your blog or website. Here is the Info-graphic for popular and most useful wordpress plugins to use
Posted Image


#487 elFinder - an open-source file manager for web

Posted nilambar on 15 July 2012 - 03:47 PM

elFinder is an awesome open-source file manager for web, build in Javascript using jQuery UI. This Creative Web file manager is inspired by simplicity and convenience of Finder program used in Mac OS X operating system.
Posted Image
Features of elFinder :
  • All operations with files and folders on a remote server (copy, move, upload, create folder/file, rename, etc.)
  • High performance server beckend and light client UI
  • Multi-root support
  • Local file system, MySQL, FTP volume storage drivers
  • Background file upload with Drag &amp; Drop HTML5 support
  • List and Icons view
  • Keyboard shortcuts
  • Standard methods of file/group selection using mouse or keyboard
  • Move/Copy files with Drag &amp; Drop
  • Archives create/extract (zip, rar, 7z, tar, gzip, bzip2)
  • Rich context menu and toolbar
  • Quicklook, preview for common file types
  • Edit text files and images
  • "Places" for your favorites
  • Calculate directory sizes
  • Thumbnails for image files
  • Easy to integrate with web editors (elRTE, CKEditor, TinyMCE)
  • Flexible configuration of access rights, upload file types, user interface and other
  • Extensibility
  • Simple client-server API based on JSON
Home Page : http://elfinder.org/
Demo : http://elfinder.org/
Download : https://github.com/Studio-42/elFinder


#484 Oxwall - PHP Social Networking Software

Posted nilambar on 06 July 2012 - 01:59 AM

Oxwall is unbelievably flexible and easy to use PHP/MySQL social networking software platform. Its flexibility is an extremely easy way to change the way it works using Oxwall plugins. These plugins are complete units of functionality that can be used for various purposes. It take special care about core and plugins compatibility so any updates are easy like a breeze. Oxwall offers unseen level of efficiency when you need a full-featured, working site.
Posted Image

Oxwall is used for a wide range of projects starting from family sites and custom social networks to collaboration tools and enterprise community solutions.
Whether you are a freelance developer willing to streamline your work for client projects; an individual willing to create a community site; or a brand planning to set up a destination for your customers - Oxwall is for you.

Anyone can use this software for any purpose including commercial. Oxwall's mission is as dull and unsexy as it gets: provide the best online community software in the world.

Home Page : Oxwall
Demo : Demo
Download : Here
Plugins & Themes : Here


#482 How to parse hashtag, mention and URL in a tweet

Posted nilambar on 06 July 2012 - 01:31 AM

How to parse hashtag, mention and URL in a tweet

I was trying to make a simple twitter application. Using jQuery and AJAX, grabbing twits was not that hard. But twitter returns tweet in just simple characters. I needed to show the correct link for the mentions and hashtags and also needed to parse the URLs. So, after little search I came up with some Regex to grab it and then I made a simple function to parse tweet. I needed such function in javascript as well as PHP. I just want to share that function here.
function parseTwit(str)
{
//parse URL
str = str.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&~\?\/.]+/g,function(s){
return s.link(s);
});
//parse user_name
str = str.replace(/[@]+[A-Za-z0-9_]+/g,function(s){
var user_name = s.replace('@','');
return s.link("http://twitter.com/"+user_name);
});
//parse hashtag
str = str.replace(/[#]+[A-Za-z0-9_]+/g,function(s){
var hashtag = s.replace('#','');
return s.link("http://search.twitter.com/search?q="+hashtag);
});
return str;
}
Simple regular expressions are used here. But you can use more robust and advanced regular expressions also.
For URL
/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:&~\?\/.]+/g
For Mention
/[@]+[A-Za-z0-9_]+/g
For Hashtag
/[#]+[A-Za-z0-9_]+/g
Same output can also be obtained from PHP in server side.
function parseTwit($str)
{
$patterns = array();
$replace = array();
//parse URL
preg_match_all("/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&~\?\/.]+/",$str,$urls);
foreach($urls[0] as $url)
{
$patterns[] = $url;
$replace[] = '<a href="'.$url.'" >'.$url.'</a>';
}
//parse hashtag
preg_match_all("/[#]+([a-zA-Z0-9_]+)/",$str,$hashtags);
foreach($hashtags[1] as $hashtag)
{
$patterns[] = '#'.$hashtag;
$replace[] = '<a href="http://search.twitter.com/search?q='.$hashtag.'" >#'.$hashtag.'</a>';
}
//parse mention
preg_match_all("/[@]+([a-zA-Z0-9_]+)/",$str,$usernames);
foreach($usernames[1] as $username)
{
$patterns[] = '@'.$username;
$replace[] = '<a href="http://twitter.com/'.$username.'" >@'.$username.'</a>';
}
//replace now
$str = str_replace($patterns,$replace,$str);
//
return $str;
}
PHP function preg_match_all matches the regular expression globally and it is similar to /g modifier. All the matches and to be replaced values are saved in the array. After parsing all, those findings are replaced at once by str_replace function.

Src : How to parse hashtag, mention and URL in a twit


#479 Styling Scrollbar to Look Like Facebook ScrollableArea Using jScrollPane

Posted nirajan on 04 July 2012 - 12:44 PM

What Is jScrollPane?

jScrollPane is a cross-browser jQuery plugin by Kelvin Luck which converts a browser’s default scrollbars (on elements with a relevant overflow property) into an HTML structure which can be easily skinned with CSS.
jScrollPane is designed to be flexible but very easy to use. After you have downloaded and included the relevant files in the head of your document all you need to to is call one javascript function to initialise the scrollpane. You can style the resultant scrollbars easily with CSS or choose from the existing themes. There are a number of different examples showcasing different features of jScrollPane and a number of ways for you to get support.
Recently, Facebook ScrollableArea can be found in many part of Facebook user interface to handle overflow content. One is in the activity feed in the top right area with a cute scrollbar that can be scrolled by dragging and mouse scroll.
Yes, it can be done nicely — with little CSS and Javascript customization — using jScrollPane I mentioned above
jScrollPane + (Javascript + CSS) = Facebook ScrollableArea

Don’t worry, there is no pain coding needed to do this, just follow this steps:
1. Include jScrollPane library and jQuery (if not yet) to your page
<!-- styles needed by jScrollPane -->
<link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<!-- latest jQuery direct from google's CDN -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>
<!-- the mousewheel plugin - optional to provide mousewheel support -->
<script type="text/javascript" src="script/jquery.mousewheel.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>


2.Initialize jScrollPane to your selector.
By default, the following code is ready to convert your scrollbar to  jScrollPane.
$(function() {
	$('.content-area').jScrollPane();
});
But here, we need more settings. It’s should look like this:
$('.content-area').jScrollPane({
	horizontalGutter:5,
	verticalGutter:5,
	'showArrows': false
});
3. Scrollbar should be hidden if no mouse over on it.
So, we use .fadeIn() and .fadeOut() jQuery effects:
$('.jspDrag').hide();
$('.jspScrollable').mouseenter(function(){
$(this).find('.jspDrag').stop(true, true).fadeIn('slow');
});
$('.jspScrollable').mouseleave(function(){
$(this).find('.jspDrag').stop(true, true).fadeOut('slow');
});
4. Last but not least, add custom CSS.
/*scrollpane custom CSS*/
.jspVerticalBar {
	width: 8px;
	background: transparent;
	right:10px;
}

.jspHorizontalBar {
	bottom: 5px;
	width: 100%;
	height: 8px;
	background: transparent;
}
.jspTrack {
	background: transparent;
}

.jspDrag {
	background: url(images/transparent-black.png) repeat;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}

.jspCorner {
	display:none
}
We use a 1×1 pixel PNG transparent image for jspDrag background, download attached file.

Click here for Demo  

Attached Thumbnails

  • transparent-black.png



#33 name.com promo code (Coupons)

Posted nirajan on 27 November 2011 - 07:21 PM

Name.com November 2011 Promotions

promo code : ELEVEN
.COM/NET: $8.75 (First Year Registration)
.ORG:$8.25(Renewals)


#22 Useful WordPress Security Plugins To Secure Your Blog

Posted nirajan on 25 November 2011 - 06:55 AM

WordPress AntiVirus

Posted Image

WP Security Scan

Posted Image

Admin SSL

Posted Image

Secure WordPress

Posted Image

WP-DB-Backup

Posted Image




#1009 Uber clone Script - Taxi App [Request]

Posted John on 19 February 2017 - 07:45 PM

Hi, I am looking for Uber Clone or GrabTaxi Clone app, Android and iOs both needed. I have a good budget for the project. If anyone can develop uber clone or grabtaxi clone app, please PM me.

Thanks.