Clouldflare use header params: HTTP_CF_CONNECTING_IP to provide original IP
Mobile development with web technologies is nothing new. Thanks to tools
like PhoneGap and Appcelerator Titanium, web developers can create
hybrid apps that have access to the device's hardware. A new solution
for HTML5/CSS/JavaScript development is Intel's XDK. In this article,
I'll tell you why it's worth giving it a try.
Traditional VPS’s do not have centralized storage which means if your node goes down you could be down for hours. If your data is corrupt in a VPS environment it might be gone forever. Also, if you want to scale on your VPS you are limited based on the amount of resources that is on the node your data is on.
Window don't support this function
So we have to create a html which contain all gifs in the folder
Open notepad, put this text inside:
FOR /F %%G IN ('dir /B *.gif') DO echo ^
^ %%G^
>> gifs.html
by Unknown in javascript , jquery 0
You can use this code:
With Jquery
$("head")
//for example:
alert($("head").html());
var headContent = document.getElementsByTagName("head")[0].innerHTML;
iconv("UTF-8", "UTF-16", $text)
<div id="content">
<h1>Headline</h1>
<p>First paragraph that needs to be yellow.</p>
<p>Second paragraph that need not change. :) </p>
<p>Third paragraph that need not change. :) </p>
</div>
SHOW TABLES;
Tables_in_databasename
SELECT TABLE_NAME FROM information_schema.TABLES WHERE TABLE_TYPE='BASE TABLE' AND TABLE_SCHEMA='yourdatabasename';
My script work good on shared hosting until hosting disable mbstring
Now my script can't run.
Many functions MB_ mb_strrpos mb_get_info .... get undefined errors.
Download pdf from Scribd without paying : Are you searching for pdf or ebook??? Scribd.com is
world largest digital library and has very large collection of
documents which can you download either in PDFs format or doc.
As a
student, I know the value of eBooks and no one wants to pay for the
eBook. A few weeks ago I was searching for ebook and surprisingly
I found that solely on Scribd so eagerly click on the download button,
but after registering on this site it offers membership which requires a
few dollars. But like me you can download any free document from Scribd
by following simple steps.
RewriteEngine On
RewriteCond %{REQUEST_URI} \.(jpg|jpeg|gif|png)$ [NC]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule .*$ /no_picture.png [L]
RewriteCond %{REQUEST_URI} \.(jpg|jpeg|gif|png)$ [NC]
(). In this case, we're testing to see if the file name ends in either .jpg, .jpeg, .gif or .pngRewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule .*$ /no_picture.png [L]
no_picture.png to the browser. This will keep the filename. If you want to redirect to the no_picture.png filename, change [L] to [R]
by Unknown in javascript 0
We can do this function with just html or just javascript
<meta http-equiv="refresh" content="300"> setInterval(function() {
window.location.reload();
}, 300000); by Unknown in javascript , jquery , Tutorial 0
var str = document.getElementById('mydiv').innerHTML;
document.getElementById('mytextarea').innerHTML = str.replace(/<br\s*[\/]?>/gi, "\n");
var str = $("#mydiv").html();
var regex = /<br\s*[\/]?>/gi;
$("#mydiv").html(str.replace(regex, "\n"));
by Unknown in javascript , jquery 0
$("#theSelect").change(function(){
var value = $(this).val();
if (value === '') return;
var theDiv = $(".is" + value);
var option = $("option[value='" + value + "']", this);
option.attr("disabled","disabled");
theDiv.slideDown().removeClass("hidden");
theDiv.find('a').data("option",option);
});
$("div a.remove").click(function () {
$(this).parent().slideUp(function() { $(this).addClass("hidden"); });
$(this).data("option").removeAttr('disabled');
});
by Unknown in html5 , javascript 0
by Unknown in html5 , javascript 0
Mobile development is not an easy job for a developer who doesn’t know about the latest technologies, updates and trends that’s why mobile development is a stressful job. Major challenges a mobile developer faces are screen resolution, cross browser compatibility.
We know many of these issues have been solved as the mobile
development industry is growing up. Now, we can see mobile websites with
beautiful layouts are being developed. These mobile websites also have
touch screen functionality that is developed with the help of different
frameworks to work on tablets and smartphones.
This is How to Fix OpenSSL Heartbleed for Server admin
Over the past few days, we have received an overwhelming number of
questions about the OpenSSL Heartbleed bug and how cPanel system
administrators should be handling this.
First of all, if you haven’t read Codenomicon’s write-up on the bug, which thoroughly explains what it is, you should look visit heartbleed.com.
Because their website already covers just about everything you need to
know, I don’t feel the need to rehash all the nitty-gritty details here.
I’m only going to address how you, a cPanel administrator, should
address this on your server.
Only CentOS 6.5 is vulnerable to this bug. Obviously this affects
other OS’s as well, but as a cPanel administrator you’re only dealing
with CentOS (and perhaps FreeBSD). If you use a version of CentOS older
than 6.5, read no further – you’re not affected and can rest easy.
You can test whether you’re vulnerable by using this tool against a website on your server that has an SSL certificate installed.
To clear this up real quick: OpenSSL is a vendor-supplied package that, in your case, is provided by CentOS. It is not supplied by cPanel,
so there’s no point in asking them to “fix” this. There is nothing for
them to fix. However, if you have system package upgrades enabled for
cpupdate, and cPanel updates run automatically on your server, chances
are the OpenSSL updates have already been installed. To configure your
cPanel update settings, check out this link, or go to WHM -> Update Preferences.
Check to see if you’re running the latest version as so:
root@server [~]# rpm -qa |grep -i opensslAt this point you’re looking for version 1.0.1e or newer (at the time of this writing, 1.0.1e is the latest). This update does not necessarily fix the bug in question, but rather disables the TLS heartbeat extensions that are vulnerable. A later version will likely fix the problem altogether, but such is not available yet because RHEL has not released a fix.
openssl-1.0.1e-16.el6_5.7.x86_64
openssl-devel-1.0.1e-16.el6_5.7.x86_64
lsof -n | grep ssl | grep DEL | awk ‘{print $1}’ | sort | uniqOR REBOOT for quickest way
openssl commands that they would like you to use, you can generate your new SSL CSR by typing something like this. Again, add sudo if you are not root:openssl req -new -newkey rsa:2048 -nodes -keyout hostname.key -out hostname.csrYou will need to copy your generated CSR into your provider's web interface after generation in order to rekey your server. You will then need to download the new certificate from the web interface.
/etc/ssl/certs while others may be kept in locations provided by your web server.SSLEngine on
SSLCertificateFile /path/to/your_domain.crt
SSLCertificateKeyFile /path/to/your_key.key
SSLCertificateChainFile /path/to/CA.crt
server {
. . .
ssl_certificate /path/to/your_domain.crt;
ssl_certificate_key /path/to/your_key.key;
. . .
}
sudo service apache2 restart # For Apache web server
sudo service nginx restart # For Nginx web server
sudo service httpd restart # For Apache web server
sudo service nginx restart # For Nginx web server
sudo systemctl restart httpd.service
sudo systemctl restart nginx.service
<?php
include("cssparser.php");
$css = new cssparser();
$css->ParseStr("b {font-weight: bold; color: #777777;} b.test{text-decoration: underline;}");
echo $css->Get("b","color"); // returns #777777
echo $css->Get("b.test","color");// returns #777777
echo $css->Get(".test","color"); // returns an empty string
?>
It's working on PHP4, PHP5
function is_utf8($str) {
$c=0; $b=0;
$bits=0;
$len=strlen($str);
for($i=0; $i<$len; $i++){
$c=ord($str[$i]);
if($c > 128){
if(($c >= 254)) return false;
elseif($c >= 252) $bits=6;
elseif($c >= 248) $bits=5;
elseif($c >= 240) $bits=4;
elseif($c >= 224) $bits=3;
elseif($c >= 192) $bits=2;
else return false;
if(($i+$bits) > $len) return false;
while($bits > 1){
$i++;
$b=ord($str[$i]);
if($b < 128 || $b > 191) return false;
$bits--;
}
}
}
return true;
}
conver string to Utf8 if String is not equals to 'UTF-8'
/*
*QQ: 290359552
* conver to Utf8 if $str is not equals to 'UTF-8'
*/
function convToUtf8($str)
{
if( mb_detect_encoding($str,"UTF-8, ISO-8859-1, GBK")!="UTF-8" )
{
return iconv("gbk","utf-8",$str);
}
else
{
return $str;
}
}
$subArray = array_slice($arr,0,4);
Based upon that snippet below using
preg_match() I needed something faster and less specific. That function
works and is brilliant but it scans the entire strings and checks that
it conforms to UTF-8
function detectUTF8($string)
{
return preg_match('%(?:
[\xC2-\xDF][\x80-\xBF] # non-overlong 2-byte
|\xE0[\xA0-\xBF][\x80-\xBF] # excluding overlongs
|[\xE1-\xEC\xEE\xEF][\x80-\xBF]{2} # straight 3-byte
|\xED[\x80-\x9F][\x80-\xBF] # excluding surrogates
|\xF0[\x90-\xBF][\x80-\xBF]{2} # planes 1-3
|[\xF1-\xF3][\x80-\xBF]{3} # planes 4-15
|\xF4[\x80-\x8F][\x80-\xBF]{2} # plane 16
)+%xs', $string);
}
Tooltips
in HTML pages general do not need any effort from a developer’s side,
as long as they put proper title attributes to their elements. The title
is then used for showing the tooltip, but also for other things, such
as providing a screen reader with proper content. Speaking of the use
case of tooltips, the visual presentation depends on the browser your
site gets visited with. Developers with the need for more control turned
to JavaScript bases solutions years ago. Kashagra Gour created
Hint.css, which proves as a decent alternative, based completely on CSS
and HTML.
Tooltips are a square deal. They allow for the placement of important
information just in the very location this information is needed,
regardless of screen real estate. Tooltipster is a plugin for jQuery
aiming at making the process of creating tooltips as easy as possible
while providing the biggest functionality available. They conform to
HTML5 and can be styled to your own liking using CSS.
<fieldset id="o-bs-sum-buginfo"> <label for="o-bs-sum-bug-ErrorPrefix">Error Prefix</label> <input type="text" id="o-bs-sum-bug-ErrorPrefix" name="ErrorPrefix" value="" /> <label for="o-bs-sum-bug-ErrorNumber">Error Number</label> <input type="text" id="o-bs-sum-bug-ErrorNumber" name="ErrorNumber" value="" /> .... </fieldset>
label{
float:left;
width:100px; //whatever width that suits your needs
}
p{
margin:10px 0; //manipulate the vertical spaces for each input..
}
<fieldset >
<p>
<label for="o-bs-sum-bug-ErrorPrefix">Error Prefix</label>
<input type="text" name="ErrorPrefix" value="" />
</p>
</fieldset>
by Unknown in javascript , jquery 0
$('form').bind("keypress", function(e) {
if (e.keyCode == 13) {
e.preventDefault();
return false;
}
});
$("form :input").on("keypress", function(e) {
return e.keyCode != 13;
});
Is there a way to get the size of a remote file http://my_url/my_file.txt without downloading the file?
Solution:
<?php/** * Returns the size of a file without downloading it, or -1 if the file * size could not be determined. * * @param $url - The location of the remote file to download. Cannot * be null or empty. * * @return The size of the file referenced by $url, or -1 if the size * could not be determined. */function curl_get_file_size( $url ) { // Assume failure. $result = -1; $curl = curl_init( $url ); // Issue a HEAD request and follow any redirects. curl_setopt( $curl, CURLOPT_NOBODY, true ); curl_setopt( $curl, CURLOPT_HEADER, true ); curl_setopt( $curl, CURLOPT_RETURNTRANSFER, true ); curl_setopt( $curl, CURLOPT_FOLLOWLOCATION, true ); curl_setopt( $curl, CURLOPT_USERAGENT, get_user_agent_string() ); $data = curl_exec( $curl ); curl_close( $curl ); if( $data ) { $content_length = "unknown"; $status = "unknown"; if( preg_match( "/^HTTP\/1\.[01] (\d\d\d)/", $data, $matches ) ) { $status = (int)$matches[1]; } if( preg_match( "/Content-Length: (\d+)/", $data, $matches ) ) { $content_length = (int)$matches[1]; } // http://en.wikipedia.org/wiki/List_of_HTTP_status_c... if( $status == 200 || ($status > 300 && $status <= 308) ) { $result = $content_length; } } return $result;}?>
Usage:$file_size = curl_get_file_size( "http://abc.com/questions/2602612/php-remote-file-size-without-downloading-file" );
Source:PHP: Remote file size without downloading file
Sometimes the user may press Enter twice, and the post is inserted twice.
Is there a solution to prevent this other than check if there is already a post with the same title and content?
Solutions:
1- Use JavaScript to stop it from sending
// reset session token
$_SESSION['token'] = md5( $_POST['token'] . time() );
my final scripts goes like:if (isset($_SESSION['token'])) {
if (isset($_POST['token'])) {
if ($_POST['token'] != $_SESSION['token']) {
echo '<h3>Oops! You already submitted this request.</h3>';
} else {
// process form
// reset session token
$_SESSION['token'] = md5( $_POST['token'] . time() );
}
} else {
echo 'post token not set';
$_SESSION['token'] = md5( $somevariable . time() );
}
}
oh! don't forget to add session_start(); before <!DOCTYPE>
f I have a string that contains a url (for examples sake, we'll call it $url) such as;
$url = "Here is a funny site http://www.tunyurl.com/34934";$url = "Here is another funny site www.tinyurl.com/55555";function containsTLD($string) {
preg_match(
"/(AC($|\/)|\.AD($|\/)|\.AE($|\/)|\.AERO($|\/)|\.AF($|\/)|\.AG($|\/)|\.AI($|\/)|\.AL($|\/)|\.AM($|\/)|\.AN($|\/)|\.AO($|\/)|\.AQ($|\/)|\.AR($|\/)|\.ARPA($|\/)|\.AS($|\/)|\.ASIA($|\/)|\.AT($|\/)|\.AU($|\/)|\.AW($|\/)|\.AX($|\/)|\.AZ($|\/)|\.BA($|\/)|\.BB($|\/)|\.BD($|\/)|\.BE($|\/)|\.BF($|\/)|\.BG($|\/)|\.BH($|\/)|\.BI($|\/)|\.BIZ($|\/)|\.BJ($|\/)|\.BM($|\/)|\.BN($|\/)|\.BO($|\/)|\.BR($|\/)|\.BS($|\/)|\.BT($|\/)|\.BV($|\/)|\.BW($|\/)|\.BY($|\/)|\.BZ($|\/)|\.CA($|\/)|\.CAT($|\/)|\.CC($|\/)|\.CD($|\/)|\.CF($|\/)|\.CG($|\/)|\.CH($|\/)|\.CI($|\/)|\.CK($|\/)|\.CL($|\/)|\.CM($|\/)|\.CN($|\/)|\.CO($|\/)|\.COM($|\/)|\.COOP($|\/)|\.CR($|\/)|\.CU($|\/)|\.CV($|\/)|\.CX($|\/)|\.CY($|\/)|\.CZ($|\/)|\.DE($|\/)|\.DJ($|\/)|\.DK($|\/)|\.DM($|\/)|\.DO($|\/)|\.DZ($|\/)|\.EC($|\/)|\.EDU($|\/)|\.EE($|\/)|\.EG($|\/)|\.ER($|\/)|\.ES($|\/)|\.ET($|\/)|\.EU($|\/)|\.FI($|\/)|\.FJ($|\/)|\.FK($|\/)|\.FM($|\/)|\.FO($|\/)|\.FR($|\/)|\.GA($|\/)|\.GB($|\/)|\.GD($|\/)|\.GE($|\/)|\.GF($|\/)|\.GG($|\/)|\.GH($|\/)|\.GI($|\/)|\.GL($|\/)|\.GM($|\/)|\.GN($|\/)|\.GOV($|\/)|\.GP($|\/)|\.GQ($|\/)|\.GR($|\/)|\.GS($|\/)|\.GT($|\/)|\.GU($|\/)|\.GW($|\/)|\.GY($|\/)|\.HK($|\/)|\.HM($|\/)|\.HN($|\/)|\.HR($|\/)|\.HT($|\/)|\.HU($|\/)|\.ID($|\/)|\.IE($|\/)|\.IL($|\/)|\.IM($|\/)|\.IN($|\/)|\.INFO($|\/)|\.INT($|\/)|\.IO($|\/)|\.IQ($|\/)|\.IR($|\/)|\.IS($|\/)|\.IT($|\/)|\.JE($|\/)|\.JM($|\/)|\.JO($|\/)|\.JOBS($|\/)|\.JP($|\/)|\.KE($|\/)|\.KG($|\/)|\.KH($|\/)|\.KI($|\/)|\.KM($|\/)|\.KN($|\/)|\.KP($|\/)|\.KR($|\/)|\.KW($|\/)|\.KY($|\/)|\.KZ($|\/)|\.LA($|\/)|\.LB($|\/)|\.LC($|\/)|\.LI($|\/)|\.LK($|\/)|\.LR($|\/)|\.LS($|\/)|\.LT($|\/)|\.LU($|\/)|\.LV($|\/)|\.LY($|\/)|\.MA($|\/)|\.MC($|\/)|\.MD($|\/)|\.ME($|\/)|\.MG($|\/)|\.MH($|\/)|\.MIL($|\/)|\.MK($|\/)|\.ML($|\/)|\.MM($|\/)|\.MN($|\/)|\.MO($|\/)|\.MOBI($|\/)|\.MP($|\/)|\.MQ($|\/)|\.MR($|\/)|\.MS($|\/)|\.MT($|\/)|\.MU($|\/)|\.MUSEUM($|\/)|\.MV($|\/)|\.MW($|\/)|\.MX($|\/)|\.MY($|\/)|\.MZ($|\/)|\.NA($|\/)|\.NAME($|\/)|\.NC($|\/)|\.NE($|\/)|\.NET($|\/)|\.NF($|\/)|\.NG($|\/)|\.NI($|\/)|\.NL($|\/)|\.NO($|\/)|\.NP($|\/)|\.NR($|\/)|\.NU($|\/)|\.NZ($|\/)|\.OM($|\/)|\.ORG($|\/)|\.PA($|\/)|\.PE($|\/)|\.PF($|\/)|\.PG($|\/)|\.PH($|\/)|\.PK($|\/)|\.PL($|\/)|\.PM($|\/)|\.PN($|\/)|\.PR($|\/)|\.PRO($|\/)|\.PS($|\/)|\.PT($|\/)|\.PW($|\/)|\.PY($|\/)|\.QA($|\/)|\.RE($|\/)|\.RO($|\/)|\.RS($|\/)|\.RU($|\/)|\.RW($|\/)|\.SA($|\/)|\.SB($|\/)|\.SC($|\/)|\.SD($|\/)|\.SE($|\/)|\.SG($|\/)|\.SH($|\/)|\.SI($|\/)|\.SJ($|\/)|\.SK($|\/)|\.SL($|\/)|\.SM($|\/)|\.SN($|\/)|\.SO($|\/)|\.SR($|\/)|\.ST($|\/)|\.SU($|\/)|\.SV($|\/)|\.SY($|\/)|\.SZ($|\/)|\.TC($|\/)|\.TD($|\/)|\.TEL($|\/)|\.TF($|\/)|\.TG($|\/)|\.TH($|\/)|\.TJ($|\/)|\.TK($|\/)|\.TL($|\/)|\.TM($|\/)|\.TN($|\/)|\.TO($|\/)|\.TP($|\/)|\.TR($|\/)|\.TRAVEL($|\/)|\.TT($|\/)|\.TV($|\/)|\.TW($|\/)|\.TZ($|\/)|\.UA($|\/)|\.UG($|\/)|\.UK($|\/)|\.US($|\/)|\.UY($|\/)|\.UZ($|\/)|\.VA($|\/)|\.VC($|\/)|\.VE($|\/)|\.VG($|\/)|\.VI($|\/)|\.VN($|\/)|\.VU($|\/)|\.WF($|\/)|\.WS($|\/)|\.XN--0ZWM56D($|\/)|\.XN--11B5BS3A9AJ6G($|\/)|\.XN--80AKHBYKNJ4F($|\/)|\.XN--9T4B11YI5A($|\/)|\.XN--DEBA0AD($|\/)|\.XN--G6W251D($|\/)|\.XN--HGBK6AJ7F53BBA($|\/)|\.XN--HLCJ6AYA9ESC7A($|\/)|\.XN--JXALPDLP($|\/)|\.XN--KGBECHTV($|\/)|\.XN--ZCKZAH($|\/)|\.YE($|\/)|\.YT($|\/)|\.YU($|\/)|\.ZA($|\/)|\.ZM($|\/)|\.ZW)/i",
$string,
$M);
$has_tld = (count($M) > 0) ? true : false;
return $has_tld;
}
function cleaner($url) {
$U = explode(' ',$url);
$W =array();
foreach ($U as $k => $u) {
if (stristr($u,".")) { //only preg_match if there is a dot
if (containsTLD($u) === true) {
unset($U[$k]);
return cleaner( implode(' ',$U));
}
}
}
return implode(' ',$U);
}
$url = "Here is another funny site badurl.badone somesite.ca/worse.jpg but this badsite.com www.tinyurl.com/55555 and http://www.tinyurl.com/55555 and img.hostingsite.com/badpic.jpg";
echo "Cleaned: " . cleaner($url);Cleaned: Here is another funny site badurl.badone but this and and
by Unknown in javascript 0
var date = $('#Date').val();
var id = 'c_' + date.replace("/", '');
A beauty drop down responsive menu that shows its sub menus with icon
symbol using open symbol fonts that allowing you to add more icons as
you want. With my previous tutorial, i also show how to create Creating 3-Level Responsive Drop Down Navigation Menu with jQuery and CSS3 as well.
Today we would like to show an experimental drop-down menu with
jquery and css3 using beautiful symbol fonts. The main idea is to help
you to save time for creating menus for website, it have a lot of
content and sub-levels. Some sub-level in this menu will be shown in its
context and icons. The menu is best use in professional web design that
it can be used easily in a responsive layout.
This Responsive Drop Down Navigation Menu using plugin such as:
In this article you will see that there are some amazing HTML5 and
CSS3 3D graphics examples with demo link. Usually, HTML5 goes hand in
hand with CSS3 to create the professional web experiences. In fact,
websites developed in HTML5 animation will not require adobe flash support on your Web browser anymore, provided that your browser supports HTML5.
Many people believe that HTML5 new advanced technology to create professional website
and animation templates on web online in stead of flash. HTML5 is a
lightweight, powerful and easy to use platform such as games, 3D
animation, 3D graphics by using HTML5 canvas, CSS3 and
JavaScript. In fact, HTML5 and CSS3 represents the future of mobile
browsing and that’s because of it’s comprehensive and lightweight
abilities.
CSS 3D transforms are smooth, hardware accelerated and simple to
implement, with browsers taking on what would be very difficult
perspective calculations.
Recommendation: For best results, please use a browser that supports
HTML5 and CSS3 such as Google Chrome, Latest Versions of Firefox or
Opera
by Unknown in Brighten Up , css3 0
Whilst this CSS3 declaration might not be crucial to your project or
design and yes it is not supported by all browsers, but it is a
fantastic effect that really takes your design one step further.
Currently FireFox, Safari, Chrome and Opera support the text section attribute, and the browsers that don’t support it simply ignore the code so nothing will break, so it doesn’t really matter.
We have setup a demo which you can test out further down the page; we have used the Design Juices colours in the example.
by Unknown in Brighten Up , css3 0
I’ve been working on a pretty cool wall-mounted status board as one
of my projects at Fog Creek. It’s a webapp that runs on a vertically
mounted LCD screen in our office. It displays a bunch of interesting
information like tech support calls, staff vacations, tweets about
FogBugz, and more.
I’ve been incrementally adding features and improving the UI whenever
I have spare cycles. The other night, I decided to redesign the Kanban
board widget, which is a list of the top N things that the customer team
needs from engineering. I decided to go with a sticky note UI that
mimics a real-life Kanban board, which typically consists of a giant white board filled with a bunch of sticky notes.
My initial design used the classic yellow sticky notes, which I
thought looked pretty neat. I showed my co-worker Rich who suggested
that we make the notes look like the FogBugz and Kiln notepads that are
laying around the office. Awesome idea! Way better.
by Unknown in Brighten Up , jquery 0
Today we are going to use jQuery and CSS3 rotations, along with the jQuery rotate plugin,
to create a beautiful slideshow. You can use it to spice up your web
sites, product pages and other projects with some CSS3 magic.
by Unknown in Brighten Up , css3 , jquery 0
In this tutorial we will see how to create a simple multi-step signup
form using CSS3 and jQuery. To spice up things a bit, we will include
progress bar with the form, so the users will be able to see the
percentage of form completion.
You can take a look at the working demo if you click on the image below:
The other day we were wondering how we could show our visitors more
of our works. It’s normal that in a blog older posts get forgotten and
even if something might still be very interesting and relevant, it get’s
lost under the pile of new stuff. So we decided to create something
like a little widget that can be used to show related posts in any page.
The main idea is to show a fixed list at the right side of the screen
with some thumbnails sticking out. When the user hovers over the items,
they slide out, revealing the title and two links, one for the related
article itself and one for the demo. Additionally, we will have a
shuffle button under the list. When pressed, the list gets randomly
refreshed with related posts.
Before we use this, we of course, want to share it with you :)
I've written a little function to establish the current site url
protocol but I don't have SSL and don't know how to test if it works
under https. Can you tell me if this is correct?
function siteURL()
{
$protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";
$domainName = $_SERVER['HTTP_HOST'].'/';
return $protocol.$domainName;
}
define( 'SITE_URL', siteURL() );
Is it necessary to do it like above or can I just do it like?:function siteURL()
{
$protocol = 'http://';
$domainName = $_SERVER['HTTP_HOST'].'/'
return $protocol.$domainName;
}
define( 'SITE_URL', siteURL() );
Under SSL, doesn't the server automatically convert the url to https
even if the anchor tag url is using http? Is it necessary to check for
the protocol?
by Unknown in Brighten Up , css3 , jquery 0
The following tutorial and the demo works best on Chrome and Safari,
correctly on Firefox and very badly in Internet Explorer (eh…I’m sure
you hadn’t guessed that).
by Unknown in Brighten Up , css3 0
CSS has come a long way in recent years, and with new browser support
for a hand full of CSS3 properties we can begin to replicate design
styles directly in the browser that beforehand were recently only
possible in our design applications. Follow this walkthrough of the
making of Circlicious, a vibrant and abstract digital poster design made
purely of HTML and CSS.
The Circlicious poster art makes use of plenty of circular geometric
shapes and features lots of transparency to add multiple levels to the
design, giving the design that bright and crisp feel of typical vector
artworks. Being a design that makes use of CSS3 properties, it’s only
suited to the modern browsers of Firefox, Safari and Chrome.
by Unknown in Brighten Up , css3 0
As you have probably heard by now, CSS3 animations are a powerful
tool, which enables you to create animations which run without the need
of applying additional scripting to the page. What is even better, in
the next generation of browsers we will have even more powerful tools,
including 3D transformations (already present in Safari).
But what difference does it make for us today?
At the moment only three browsers give you the ability to animate CSS
properties – Chrome, Safari and Opera, which together take up only a
small part of the browser market. Firefox is expected to soon join the
club, and with the impending release of IE9, it suddenly makes sense to
start leveraging this technique.
So today we are making something practical – a simple CSS3 animated
navigation menu, which degrades gracefully in older browsers and is
future-proofed to work with the next generation of browsers.
by Unknown in Brighten Up , css3 0
In today’s tutorial we will create a full page cufonized menu that
has two nice features: when hovering over the menu items we will move a
hover-state item that adapts to the width of the current item, and we
will slide out a description bar from the left side of the page,
reaching towards the current menu item.
We will use jQuery for the effect and some CSS3 properties for the style. We are not going to use any images.
jQuery's highlight method will highlight any div with a yellow background.
How do I specify what color to use instead of yellow for highlight?
Answer:
$(this).effect("highlight", {color: 'blue'}, 3000);