Cara Menyembunyikan CSS ?

Apakah ada cara untuk menyembunyikan file CSS atau berkas style sheet ?. Tetapi untuk alasan apa seorang author mencoba menghilangkan berkas css dari pandangan user ? Jika jawabnya supaya tidak ditiru atau dijiplak orang lain, maka alasan tersebut yang membedakan dengan tujuan saya saat mencoba menyembunyikan CSS. Pada tema terdahulu, saya merasa perlu menyembunyikan file tersebut karena malu dan tidak percaya diri dengan styling sheet yang saya kerjakan.

For basic user experience, berkas Cascading Style Sheet – CSS yang disembunyikan memang tidak akan mudah untuk dilihat dan dibaca. Tetapi untuk konsumsi pengunjung expert (baca: sesama pengembang), menyembunyikan berkas CSS hanyalah pekerjaan sia-sia.

Tetapi jika memang berkeinginan untuk menyembunyikan halaman penggaya CSS kreasi anda, atau sekedar untuk main-main dan trial, berikut adalah yang pernah saya lakukan.

The Theory

Teori dasar menyembunyikan berkas penggaya, styling sheet atau CSS dari hadapan basic user experience antara lain sebagai berikut: @Import rule CSS, PHP session_start, htaccess renaming method – rewrite rule, dan tentu saja metode kompresi file PHP.
Tetapi untuk menyembunyikan Style Sheets berkaitan dengan kompabilitas browser, UA, silahkan lihat baris referensi.

Kompresi CSS sebagai file PHP

Materi kompresi file css dengan php adalah hal yang mudah ditemukan di SERPs (Search Engine Result Pages), pada lingkungan php pemampatan berkas dapat dilakukan dengan illustrasi sebagai berikut ;

<?php
header("Content-type: text/css");
if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) {
  ob_start("ob_gzhandler");
} else {
  ob_start();
}?>

/* code css yang ingin disembunyikan silahkan tulis disini */

<?php ob_end_flush(); ?>

Menyajikan berkas styling sheet yang seharusnya mempunyai ekstensi *.css sebagai berkas php artinya, berkas style.css harus dirubah namanya menjadi style.php.

Dan tambahkan code untuk membatasi hak akses berkas penggaya tersebut menjadi ;

<?php
session_start();
header("Content-type: text/css");
if ($_SESSION['sessionkey'] != "passkey") {
    die("pesan yang muncul saat pengunjung mencoba mengakses langsung url berkas penggaya.");
}
$_SESSION['sessionkey'] = "someotherkey";
if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) {
  ob_start("ob_gzhandler");
} else {
  ob_start();
}?>

/* code css yang ingin disembunyikan silahkan tulis disini */

<?php ob_end_flush(); ?>

PHP session_start

Pada header.php tema yang digunakan, tambahkan code berikut sebelum elemen <html> :

<?php
session_start();
$_SESSION['sessionkey'] = "passkey";
?>

Asumsinya, berkas penggaya CSS hanya akan diakses saat user mulai mengakses dokumen html saja.

.htaccess

Pada berkas .htaccess, tambahkan kode berikut :

RewriteEngine on
RewriteRule style.css style.php

kode untuk .htaccess diatas untuk merubah penyajian berkas CSS sebagai file PHP

@import rule CSS

CSS dapat ditautkan dalam dokumen html dengan menggunakan [Link], dan dapat di embbed dengan menggunakan @import rule sebagai pilihan penyajian berkas cascading style sheet dalam elemen head.

<style type="text/css">@import url("<?php bloginfo('template_directory'); ?>/style.php")</style>

Wasted your effort

Membaca dan meresapi beberapa dokumentasi tentang SGML,..mm… baiklah HTML, berkaitan dengan teknologinya, seorang author sebaiknya menyajikan apa yang memang ingin di sajikan meskipun pada kenyataannya menulis sesuatu tidak semudah itu. Apabila sudah memaknai penyajian informasi beserta teknologi yang menyertainya, untuk apa menyembunyikan berkas styling sheet, atau file CSS dari hadapan pengunjung ?, bukankah CSS adalah salah satu bentuk teknologi yang menyertai html ?

Referensi

Cara Menyembunyikan CSS ?

Published on : Apr 05, 2010. Last modified at : Sep 25, 2010.


Click to share on twitter , digg it, or save this article to del.icio.us.

article Navigation

Related to “Cara Menyembunyikan CSS ?”.

  1. Parse error Lexical error, Pesan Kesalahan Validasi Markah
  2. 5+ Cara Optimasi CSS

4 Opinion for “Cara Menyembunyikan CSS ?”.

Padahal mau nanya kompatibilitas kompresi, Pakdhe. :)

Bukankah dengan tidak menyembunyikan kode, membuka peluang koreksi dan perbaikan. Seperti di dunia open source.

please don't, Rayimas :).
Tidak terlalu jauh ke arah penyetaraan dunia open source saja, saya sudah kecapean menipu diri sendiri ketika hanya memberikan summary style untuk dashboard tema wp kepada jigsaw validator.

Om, bagaimana cara menyembunyikan CSS yang dihost di webserver yang berbeda? Saya menggunakan CDN untuk menempatkan file2 statis blog saya. Dengan metode kompresi PHP jelas tidak bisa, karena server tidak mengizinkan, Untuk .htaccess jelas tidak mungkin, karena server yang digunakan bkn unix. Untuk @import, hmh.. sepertinya tidak bisa juga. Nah kepiye iki om?

mas Adi…
Webserver yang berbeda bagaimana mas ya? Kalau berkas statis apa tidak lebih baik ditulis internal saja? Mmm… via surel saja ya mas.

Leave an Opinion

Important : LOW isn't intended to on topic opinions, just be polite. You may use strict markup only. Opinions failing these requirement will be edited. Spam opinion won't get published.
Please, enter your real name and your valid email address (in required field). Don't worry, i'll kept your email private.










Random Learning