Quantcast
Channel: w3update » Tutorial
Viewing all 27 articles
Browse latest View live

Learn to create animated opening type effect with CSS3


Free Photoshop script to export PSD layers to SVG

0
0

Scalable Vector Graphics in short called SVG never loose its quality no matter how much you stretch it, compare to raster graphics SVG graphics quality remain steady. Photoshop is a mainly raster graphic software to export it’s layers to SVG format David Tintner has developed a wonderful Photoshop script to easily export Photoshop layers to SVG. Click on access tutorial to read more about it and download free Photoshop script to export Photoshop layers to SVG. SVG graphics now a days highly used on web.

Photoshop to SVG export script

Photoshop to SVG export script

Access Tutorial/Download Script

Recommended SEO checklist for a new websites

0
0

Prior to start SEO of new websites checked the below checklist.

SEO Checklist for new website
1. Accessibility
2. Targeted Keywords
3. Quality and Valuable Contents
4. Website UX designing and usability
5. Social Media Links
6. Link Buildings

Watch video to learn more

Create Look Inside book preview like Amazon in css3 and html5

0
0

In digital age almost everyone buy or order books either paper pack or digital ebook from ecommerce websites i.e. Flipkart, Amazon, ebay etc. These books selling ecommerce websites offer preview of the book before reader finally purchase it, to do that they showcase preview with different layout, you also must have notice the amazon way of showcasing books preview called “Look Inside”. Similarly in the context of online book preview recently Codrops team has developed a “look inside” book preview feature in CSS3 and HTML5, this modern way of preview showcasing is mainly supported by modern web browser only but this is really beautiful way to preview the book online.

 Create inside look book preview like Amazon in css3 and html5

Create inside look book preview like Amazon in css3 and html5

To create Look Inside book preview effect Codrops team is using the Book Block plugin as you can see in demo for details of the books they are using 3D effects, as you click on details the book thumbnail move to left and details of the book i.e. Author name, ISBN etc. slide in from right. Similarly as you click on “Look Inside” it open a full screen popup window to show you preview of the book in flip style, so you can turn the pages of book from left to right and right to left through navigation arrows very similar to Google Play ebook reading functionality.

Learn to create dotted style navigation

0
0

Codrops has recently published a tutorial to create a dotted style navigation in html5 and css3, take a look to this tutorial.

Learn to create dotted style navigation

Learn to create dotted style navigation

Read Tutorial

Demo

Download

 

learn to create full screen overlay navigation

0
0

Codrops has just shared a very nice inspirational full screen overlay navigation built in CSS3 and HTML5. With the help of this beautiful tutorial you can learn to create full screen overlay navigation web page in CSS3 and HTML 5 by using variety of transition effects i.e.  huge inc, corner, slide down, scale, door, content push, content scale, corner shape, little boxes, simple genie, genie etc.

Full screen overlay navigation for Inspiration by Codrops Team

Full screen overlay navigation for Inspiration by Codrops Team

Demo

Access Tutorial

Download Source

How to Install Zpanel in Centos 6.4+ ?

0
0

Zpanel is an open source Linux/Windows-based (in order to install it on Windows you need Apache, PHP, Mysql installed) control panel. This is alone kind of open source control panel of its kind with rich user interface. To install the Zpanel you need a freshly installed Centos (tested on centos particularly, also compatible with other Linux variants).

zpanel

Follow the easy steps to install the Zpanel. The following commands are demonstrated to install latest till date Zpanel version 10.1.1. on Centos 6.4+

Step 1: Login to root of the system via Putty.

Step 2:  Type yum -y update and press enter key: it will install the all necessary updates to your Centos operating system, the updates will take few minutes to complete depends on the bandwidth speed of your server.

Step 3: Copy and paste following line wget https://raw.github.com/zpanel/installers/master/install/CentOS-6_4/10_1_1.sh this will download the zpanel version 10.1.1.

Step 4: type or copy paste chmod +x 10_1_1.sh to make it executable.

Step 5: now use ./10_1_1.sh and follow the onscreen instructions and give proper information i.e. Timezone, Main IP Address, Panel Domain Address etc. after all necessary information gathered by Zpanel, now it will confirm you to install it, after series of packages installation it will update you credentials to login into panel etc. you can copy and paste the onscreen credential or can even retrieve the same information from password.txt file created under /root folder by Zpanel, now finally and will ask for reboot, once you allow the same after reboot your control panel is ready to use.

 

Viewing all 27 articles
Browse latest View live




Latest Images