Tag: Tutorial

Apa yang Baru di CSS4?

Apa yang Baru di CSS4?

CSS merupakan jembatan terbaik antara web designer dan developer, meski mungkin masih banyak masalah browser compatibility, tetapi mengetahui hal baru dari CSS adalah hal yang sangat menyenangkan :mrgreen:.

Nah, di saat saya belum khatam belajar CSS3, ini udah rilis aja CSS4. Ketinggalan banget ya?

Coba langsung kita tengok saja yuk apa yang baru di CSS4 ini ;).

Selectors $E > F

Sintaks selector yang memungkinkan untuk styling dari elemen parents ($ E) berdasarkan elemen anak nya (F).

/* style the LI element */
ul > $li > p { border: 1px solid #ccc; }
$ol > li:only-child {
list-style-type: none;
}

Pada source code ul di atas, yang akan terkena style adalah elemen li bukan elemen p, sedangkan pada ol akan melakukan styling pada elemen child li yang unik. Yang menarik di sini yaitu bagaimana nanti atau berapa sering developer akan menggunakan syntax $ (selector) :D. Continue reading “Apa yang Baru di CSS4?”

Tutorial Memakai Dasi

Tutorial Memakai Dasi

Mungkin bagi sebagian besar orang memakai dasi adalah hal yang mudah, tapi bagi saya tidak. Saya sempat memiliki pengalaman lucu saat mau jaga ujian SMBB Telkom, saat itu saya sudah siapkan dasi untuk dipakai, dan saya lupa cara memakainya. Butuh waktu lama untuk mengingatnya, kemudian saya cari saja caranya di Google :mrgreen:.

Untung masih ada banyak waktu sampai dimulainya ujian, sehingga tidak terlambat. Dan ternyata tidak diharuskan memakai dasi saat itu -___-“.

Berikut tutorial cara memakai dasi (bagi yang membutuhkan), ada banyak tekniknya.

Untuk versi yang lebih lengkapnya bisa kunjungi http://www.tieguide.com/

Semoga Bermanfaat :D.

Anatomy of a WordPress Theme

Anatomy of a WordPress Theme

Anatomy of a WordPress Theme

One of the Infographics* about wordpress theme structure :mrgreen:. Enjoy!

View Full Size

*Information graphics or infographics are graphic visual representations of information, data or knowledge. These graphics present complex information quickly and clearly, such as in signs, maps, journalism, technical writing, and education. With an information graphic, computer scientists, mathematicians, and statisticians develop and communicate concepts using a single symbol to process information.

Membuat Elips di Processing

Setelah sebelumnya kita bisa membuat lingkaran, sekarang bagaimanakah membuat Elips? dimana elips ini merupakan turunan dari lingkaran pada dasarnya 😀

Di bawah ini akan  dicontohkan bagaimana membuat elips di Processing.

void elips(int xPusat,int yPusat,int rx,int ry)
{
  int x=0,y=ry,a,b;
  float px=0;
  float py=2*pow(rx,2)*y;
  while(2*pow(ry,2)*x<2*pow(rx,2)*y)
  {
     x++;
     if( equ(x,y-(float)1/2,rx,ry)>=0) // mencari nilai P
        y--;

      stdPoint(xPusat + x,yPusat + y);
      stdPoint(xPusat - x,yPusat + y);
      stdPoint(xPusat - x,yPusat - y);
      stdPoint(xPusat + x,yPusat - y);
  }
  while(y!=0)
  {
     y--;
     if( equ(x+(float)1/2,y,rx,ry)<=0)
        x++;
      stdPoint(xPusat + x,yPusat + y);
      stdPoint(xPusat - x,yPusat + y);
      stdPoint(xPusat - x,yPusat - y);
      stdPoint(xPusat + x,yPusat - y);
  }

}

Perlu diketahui bahwa terdapat fungsi pow yg merupakan fungsi yg digunakan untuk melakukan pemangkatan. Mengapa tidak menggunakan pemangkatan biasa? Silahkan cari tahu sendiri bedanya 😀

Selamat Mencoba :mrgreen: