19Jun 2013 by Startbit Solutions Pvt. Ltd. 2 Comments

Compress your HTML code using PHP

Software Development, Techniques, Tips
When we write code we love to format it nicely adding tabs, line breaks and indentations, but the end user isn’t interested in how lovely the source code is, they just want the page content, so this script strips out all the line breaks and spaces in your code and puts it on one line, compressing your code and making it faster. <?php // start output buffer ob_start('compress_html'); ?> <!-- all xhtml content here --> <?php // end output buffer and echo the page content ob_end_flush(); // this function gets rid of tabs, line breaks, and white space function compress_html($compress) { $i = array('/>[^S ]+/s','/[^S ]+</s','/(s)+/s'); $ii = array('>','<','1'); return preg_replace($i, $ii, $compress); } ?>
Read More
19Jun 2013 by Startbit Solutions Pvt. Ltd. 1 Comment

Use PHP to Gzip CSS files

PHP, Techniques, Tips
Minimising the time a client needs to sit tight for a site page to load is significant. Utilizing Gzip and Php we can minimise document sizes of Css records. This method is a compelling and basic path to lessen page download examine and speed your webpage that will work with generally Php establishments, even those on imparted hosting that don’t have mod_deflate turned on in their Apache setup. Just add the code below at the top of your page. You then need to change the links to point to your CSS files. if(extension_loaded('zlib')){ ob_start('ob_gzhandler'); } header ("content-type: text/css; charset: UTF-8"); header ("cache-control: must-revalidate"); $offset = 60 * 60; $expire = "expires: " . gmdate ("D, d M Y H:i:s", time() + $offset) . " GMT"; header ($expire); ob_start("compress"); function compress($buffer)…
Read More
19Jun 2013 by Startbit Solutions Pvt. Ltd. 1 Comment

What is a Responsive Design?

Software Development, Tips, Web Design & Programming
A website that can be easily viewed and used in all types of devices or in other words "A Website That Can Responds to Various Screen Sizes". Responsive web design(Rwd) is a web outline approach pointed at making destinations to give an optimal survey experience—simple perusing and route with at least resizing, panning, and scrolling—over an extensive variety of apparatuses (from desktop Pc screens to versatile phones). A site outlined with Rwd acclimates the layout to the survey environment by utilizing liquid, extent based grids, adaptable images, and Css3 media queries, an amplification of the @media rule. The liquid lattice notion calls for page component measuring to be in relative units like rates, instead of supreme units like pixels or points. Adaptable pictures are additionally measured in relative units, to anticipate…
Read More
19Jun 2013 by Startbit Solutions Pvt. Ltd. 1 Comment

Utilizing web thumbs to improve client experience

Techniques, Tips, Tutorials
In the course of recent years I've had the chance to finalize a couple of individual ventures. This permitted me to trial progressively with methods that I wouldn't have ordinarily utilized on customer locales. Throughout this time I was assembling a blogging stage, I soon discovered that it was challenging to display the information and make it look fascinating to the client, this is where i uncovered web thumbnails to accomplish this. There are an assortment of web thumbnail benefits out there however the best and most effortless to use far and away is shrinktheweb.com Using the Shrinktheweb.com Pro Features Specific Page Captures – “inside pages” Full Length Captures Custom Sized Captures Refresh On-Demand – queued instantly Custom System Messages – private label with your own system message thumbnails Native…
Read More
19Jun 2013 by Startbit Solutions Pvt. Ltd. 4 Comments

Key web development skills

Mobile Applications, Techniques, Tips
Api Knowledge A crux instrument for any maturing web designer is Api information. It's great to acquaint yourself with a mixed bag of provision interfaces. I began utilizing the Twitter Rest Api with Php and Curl when twitter initially started the Api to fundamentally get a clients tweets, pretty modest now I think back, yet around then it was the first occasion when i'd done such a marvel as this. As the improvement of social media proceeds this will in an ever widening margin open up chances to improve more requisitions that interface with each one in turn and make our every day errands more astounding. Frameworks There's usually a system for practically each modifying dialect out there. If you choose to study the jquery schema for Javascript or Cake…
Read More
18Jun 2013 by Startbit Solutions Pvt. Ltd. 1 Comment

HOVER SLIDE EFFECT with jQuery

Ajax, Tutorials, Web Design & Programming
This jquery excercise will show how to make a picture territory with a few pictures that slides out when you drift over them, demonstrating different pictures. Arbitrary sliding impact add to its delightfulness, by arbitrary sliding impact I implies the pictures will slide to the top or base, left or right, becoming dull or not. At the time we click on any region, all regions will slide their pictures out. [caption id="attachment_409" align="alignnone" width="585"] Hover Slider Effect[/caption] For the HTML structure we will create a div element with the class and id “hs_container”. Inside we will place the different image areas with all possible images. The first image will have the class “hs_visible” which will make it being displayed on the top of all other images: Download Files
Read More
18Jun 2013 by Startbit Solutions Pvt. Ltd. 1 Comment

EXPANDING IMAGE MENU with jQuery aand Ajax

Ajax, PHP, Tutorials, Web Design & Programming
In today's excercise we will make a developing picture menu with jquery. The thought is to have a few segments with dark and white picture cuts that will make a substance range slide out when we click on them. We will additionally slide in the shaded form of the picture, making a slick impact. [caption id="attachment_406" align="alignnone" width="581"] Expanding Menu[/caption] The Html structure comprises of a prevailing holder and an unordered record where every thing is one of the sections. We will give the prevailing compartment the class "ei_menu" and additionally the id "ei_menu". The record things are set to hold a connection component with two compasses inside and a div component with the substance. The two compasses are for the foundation picture indicated at the starting and the hued…
Read More
18Jun 2013 by Startbit Solutions Pvt. Ltd. 1 Comment

Compact News Previewer with jQuery

Ajax, Tips, Tutorials
Today we will make a news previewer that how about we you indicate your most cutting edge articles or news in a reduced manner. The news previewer will reveal to some record of articles on the left side and the sneak peak of the article with a more extended portrayal on the right. When a news on the left is clicked, the sneak peak will slide in. Start up  We will have a principle holder "cn_wrapper" that will hold a right component with the class "cn_preview" and a left unified with the class "cn_list". The review div will hold content components. Every one of them holds a sneak peak picture, a title and portrayal in addition to a few compasses and a connection to the true article. In the record…
Read More

Got Project on mind? Let's ConnectContact Us

Secured By miniOrange