Category Archives: CSS

PHPHOST BLOG

Web Hosting Related Articles You May Need

Float Labels with CSS

You’ve probably seen this pattern going around. It’s an input that appears as if it has placeholder text in it, but when you click/tap into that input, that text moves out of the way and allows you to type there. It’s rather clever, I think. Brad Frost has a really good post on it, detailing the pros and cons and such.

Many of the demos I’ve seen involve JavaScript. The other day I was checking out at Nest.com, saw …


Float Labels with CSS is a post from CSS-Tricks

Continue reading

Posted in Article, CSS, JavaScript, Syndicated | Comments Off on Float Labels with CSS

Using CSS Selection Pseudo-element to change the Default Selection Style of your WebPage

CSS Pseduo-elements allow you to style certain parts of a document. In this article, we will see how to change the default selection style of your web page contents using ::Selection PseudoElement.

Although you can use any webeditor of your choice, I am using Visual Studio 2013 for this demonstration. Let’s start by creating a new ASP.NET Web application. Start Visual Studio and click on New Continue reading

Posted in CSS, Syndicated | Comments Off on Using CSS Selection Pseudo-element to change the Default Selection Style of your WebPage

3D Transform using CSS3 and jQuery Animation

In this article, we will see how to use CSS3 3D transform with jQuery animate method. To start with, CSS3 supports some new features like –

1. CSS3 Selectors.
2. Rounded Corners.
3. Background Decoration.
4. Colors – [Linear Gradients/Radial Gradients].
5. Text Effects.
6. 2D and 3D Transforms.
7. Animations and many more.

Out of these features, in this article, we will look at 3D transform Continue reading

Posted in ASP.Net, CSS, jQuery, Syndicated | Comments Off on 3D Transform using CSS3 and jQuery Animation

How to Create a Simple Marketing Website With Bootstrap

Twitter Bootstrap is probably the best thing to have happened to web design since the development of HTML5. Originally created by a couple of developers at Twitter (who have since moved out to develop Bootstrap full-time) to streamline and standardize document development, Bootstrap has quickly grown to become one of the best loved development frameworks […]

The post How to Create a Simple Marketing Website With Bootstrap appeared first on Scriptiny.com.

Continue reading

Posted in CSS, JavaScript, Sandbox, Syndicated, tutorials | Comments Off on How to Create a Simple Marketing Website With Bootstrap

Expanding Typography Options with Web Fonts

For years, we were constrained in our HTML and CSS by boring typefaces like Arial and Times New Roman, ensuring that all users could see the same thing. When you absolutely needed a special typeface that your users wouldn’t have on their systems, you’d use an image or Flash instead of text. Innovations in Web […]

The post Expanding Typography Options with Web Fonts appeared first on Scriptiny.com.

Continue reading

Posted in CSS, Design, performance, Syndicated | Comments Off on Expanding Typography Options with Web Fonts

Simple Popup Gallery without jquery plugin

Most of the jquery galleries are either only image galleries or are very less customizable .We may like to display any sort of content in our galleries like images,texts ,buttons etc. So  a fully customizable gallery is the topic of this post.The code… Continue reading

Posted in CSS, JavaScript, popup gallery jquery, Simple Popup Gallery without jquery plugin, Syndicated | Comments Off on Simple Popup Gallery without jquery plugin

Animated Alien Ship in the Sky using jQuery Spritely

Hundreds of light years (now don’t ask me what is a light year, all I know it is same as a regular year, but with less calories!) away from the galaxy there lived a super intelligent species with big eyes & green naked (or wearing some sort of gr… Continue reading

Posted in Animation, CSS, jQuery, spritely, Syndicated, tutorials | Comments Off on Animated Alien Ship in the Sky using jQuery Spritely

Minify JS and CSS files in batch with drag-and-drop

Minification of JavaScript and CSS files is one of the best practices to keep your site’s load time to the minimum, especially important for the first time visitors. In organized projects, minification is part of the deployment process and it is … Continue reading

Posted in Batch Processing, CSS, JavaScript, Minify, performance, Syndicated, YUI | Comments Off on Minify JS and CSS files in batch with drag-and-drop

Moving Clouds – Animation using jQuery Spritely 0.6

I am pretty sure that there are bunches of animation lovers like me who would be happy to add a little bit of animated stuffs into their pages. Say, we want to give a thrill to our visitors, so they may feel clouds are passing by our pages. Exactly, we… Continue reading

Posted in clouds, CSS, jQuery, spritely, Syndicated, tutorials | Comments Off on Moving Clouds – Animation using jQuery Spritely 0.6

HTML5 and CSS 3 in ASP.NET 4.5 – Part 1

In the first part of ‘HTML5 and CSS 3 in ASP.NET 4.5’ article, we will see how HTML5 is supported in ASP.NET 4.5. We will also explore some new features of HTML5 with ASP.NET 4.5.
ASP.NET 4.5 by default supports HTML5. To see this in action, let’s create a new empty web site with the name “HTML5SupportPartI” using Visual Studio 2012 as shown below –

For this demonstration I am using Windows – 8 Continue reading

Posted in ASP.Net, CSS, HTML 5, Syndicated | Comments Off on HTML5 and CSS 3 in ASP.NET 4.5 – Part 1