web front-end interface design

  Here we will continue creating our calendar application.










Step 1: Delete "open" and add "hidden" like picture above.






Step 2: Create a New File named "testRWD.html".

Step 3: Type "!" and press enter to display the code.

Step 4: Then change the title name to "test RWD".












Step 5: Type the code like above pictures.







Step 6: This is the test RWD result.

Komentar

Posting Komentar

Postingan populer dari blog ini

web front-end interface design

Gambar
 Here we will continue creating our calendar application.   Step 1: Click right and create new folder named css. Step 2: Create two new files under css folder.  Step 3: Move the body of the code to main.css file. Step 4: Move the current day of the code to current-day.css file. Step 5: Put the link under the meta. Step 6: Input the code as above. Step 7: Save all the data. Step 8: Open your file from file explorer and you can see our progress for today.
Baca selengkapnya

web front-end interface design

Gambar
 Here we will continue creating our calendar application. Step 1: Create new files under css folder.  Step 2: Move the style of the code to calendar.css file. Step 3: Create the link. Step 4: Create code for color options. Step 5: Type the code like above picture. Step 6: Type the button code. Step 7: Type the code for add note. Step 8: Type the code like above pictures. Step 9: Create new files under css folder.  Step 10: Move the style of the code to model.css file. Step 11: Create the link. Step 12: This is the progress for today.
Baca selengkapnya