story of a boy programmers, musicians and the boys life

13May/110

Beres.in

kamu seorang pengusaha ? pengelola bisnis kecil - kecilan dan menengah ? merasa rumit mengelola nya ?

PT. Jerbee Indonesia meluncurkan sebuah website layanan publik bernama beres.in yang berfungsi sebagai alat pembantu mengelola bisnis yang sedang kamu jalani. Mulai dari pengawasan aktifitas kerja hingga back office secara mudah dan sederhana.

3 Fakta tentang beres.in

  1. Sederhana. Pengaturan aktifitas yang mudah digunakan.
  2. Mobile. Akses lewat perangkat bergerak (Mobile) membantu mengendalikan bisnis dan pekerjaan kamu dimana saja dan kapanpun juga.
  3. Tidak Rumit. Daftar dengan mudah dan langsung menikmati paket basic (gratis).

Fitur dan Fungsi

  1. Modul Perusahaan. Kalo kamu mempunyai satu atau lebih perusahaan / usaha yang sedang kamu jalani, kamu tinggal daftarkan usaha tersebut dan "check in" lah untuk mulai mengelolanya. Modul ini sudah mencangkup daftar perusahaan dan list karyawan.
  2. Modul Client. Tentunya usaha yang kamu jalani mempunyai relasi dengan usaha / perusahaan lain, dan hal tersebut bisa kamu daftarkan juga di modul ini.
  3. Modul Proyek. Daftarkan pekerjaan kamu di modul ini untuk memulai me monitoring suatu proyek / pekerjaan.
  4. Modul Profile & Office Stream. Menampilkan posisi kamu sedang "check-in" di perusahaan mana dan semua aktifitas ada di wall profile kamu.
  5. Modul Laporan Harian. Untuk pekerjaan yang bersifat rutin (khususnya untuk karyawan), laporan aktifitas bisa di isi disini dengan hanya mengetik ala wall facebook, dan pengelola usaha reply dan memberikan nilai.

untuk modul lainnya, PT. Jerbee Indonesia masih terus melakukan pengembangan ke arah yang lebih baik.

berminat mencoba ? silahkan kunjungi website beres.in disini dan cobalah semua fitur diatas secara gratis.

Kritik dan Saran bisa ditujukan kesini info@jerbeeindonesia.com , atau bisa langsung kirim email ke salah satu developernya, yaitu saya :p kesini cecep@cecep.web.id

atau bisa langsung kirim komentar anda saja di postingan ini.. hhhehe,.

12Apr/110

Membuat Ribbon Menggunakan CSS Tanpa Image

Dalam seni desain web, kita sering menjumpai style web yang menggunakan pita (Ribbon. dan kebanyakan dari desain tersebut menggunakan image.

kali ini saya akan coba share, bagaimana membuat pita (Ribbon) dengan hanya menggunakan teknik CSS.

 

Struktur Awal

anggap saja sekarang kita mempunyai div class wrapper dengan padding:20px.  padding pada CSS berfungsi memberi jarak antar layar browser dengan bidang web kita.

Style Element

nah sekarang kita hanya perlu menambahkan element untuk membuat pita. kita hanya perlu satu element, sebagai contoh h1 dengan sedikit memberikan sentuhan CSS Style.

h1 { margin: 0 -30px; }

kalo dilihat dari browser, tampak h1 akan sedikit keluar dari div wrapper yang kita buat.

sekarang saatnya membuat pita. silahkan copy CSS dibawah ini :

 h1{
        text-align: center;
        position: relative;
        color: #fff;
        margin: 0 -30px 30px -30px;
        padding: 10px 0;
        text-shadow: 0 1px rgba(0,0,0,.8);
        background: #5c5c5c;
        background-image: -moz-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image: -webkit-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image:  linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
        -moz-box-shadow: 0 2px 0 rgba(0,0,0,.3);
        -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
        box-shadow: 0 2px 0 rgba(0,0,0,.3);
    }

    h1:before, h1:after
    {
        content: '';
        position: absolute;
        border-style: solid;
        border-color: transparent;
        bottom: -10px;
    }

    h1:before
    {
        border-width: 0 10px 10px 0;
        border-right-color: #222;
        left: 0;
    }

    h1:after
    {
        border-width: 0 0 10px 10px;
        border-left-color: #222;
        right: 0;
    }

ketika semua sudah di copy, pita akan terbentuk.

jika, masih bingung.. saya sudah buat file html sederhana dengan CSS Ribbon yang sudah jadi.

Download CSS Ribbon : css_ribbon

 

thanks for Red Team Design

Source http://www.red-team-design.com/css-ribbons

Filed under: css No Comments