AUGUST LOGO
AUGUST

DIGITAL

WELCOME TO MY WORLD

echo $_SESSION['total_quantity'];

background: #32558e;

floatContact.className = "float-contact-1";

<h2 id="type" class="aus">Austenitic</h2>

Chapter I

PHOTOGRAPHY

For me, photography is a way to capture emotions. It not only records the scenery at the time, but also shapes memories and inspires endless imagination.

Perhaps the future I pursue is nothing more than the forgotten pasts.

Perhaps what we long for is not the scenery in the distance, but the distance itself.

What Can You
Get from Me?

Photo

Capture the real world by adjusting parameters and composition.

ISO

100

Aperture

f/8.0

Shutter Speed

1/125

White Balance

5000K

Focal Length

24mm

Others

...

Lightroom

Restore what you see or express yourself through color correction.

Learn More
Chapter II

DESIGN

For me, design represents the pursuit of quality. Whether in my personal life or at work, I strive to use design to create a better living environment and work mindset for myself.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

UI & UX

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Graphic & Layout
LOGO & Icon

What Can You
Get from Me?

Design

Understanding the basic principles of design is the first lesson in learning how to design.

Symmetry

Contrast

Balance

Repetition

Intimacy

...

Photoshop

Quickly and efficiently process images and add other design elements to them.

Illustrator

Freely design your own logo, icon, promotional images, and posters.

InDesign

Create beautiful brochures by laying out design elements such as text, images, and icons.

Learn More
Chapter III

CODE

For me, code is the means by which I bring my ideas to life. I can use code to turn the designs in my head into real pages, and I can also implement all kinds of features that I want.

<div><h1 class="hello-world">Hello World</h1><p>Lorem ipsum dolor sit amet</p></div>.hello-world::before{content: "Hello World";}function () {const helloWorld = document.querySelectorAll(".hello-world"); for(let i = 0; i < helloWorld.length; i++) {console.log(helloWorld[i].innerHTML);}}$hello_world = $_GET['hello-world']; echo $hello_world;insert into hello_world values('1', 'Hello World')

HTML
CSS
JavaScript
php
sql

<div><h1 class="hello-world">Hello World</h1><p>Lorem ipsum dolor sit amet</p></div>.hello-world::before{content: "Hello World";}function () {const helloWorld = document.querySelectorAll(".hello-world"); for(let i = 0; i < helloWorld.length; i++) {console.log(helloWorld[i].innerHTML);}}$hello_world = $_GET['hello-world']; echo $hello_world;insert into hello_world values('1', 'Hello World')

What Can You
Get from Me?

HTML

HTML carries the most important part of a website: content.

Tags

<div></div>

Attributes

id="hello-world"

Directory

../index.html

Hyperlinks

<a href="..."></a>

Semantics

header, nav, footer

...

CSS

CSS sets the style for your website and determines how it looks.

Flex Layout

display: flex;

Media Queries

@media screen and () {}

Transform

transform: translate(5px);

Animation

@keyframe hello-world {}

Pseudo

.hello-world::before{}

...

JavaScript

JavaScript determines the various functions on your website, making your web pages interactive.

Variables

let helloWorld = "";

Functions

function helloWorld () {}

DOM

document.querySelectAll();

Events

helloWorld.addEventsListener();

Ajax

new XMLHttpRequest();

...

php

php enables interaction between your website and server, allowing you to create dynamic web pages.

Variables

$hello_world = '';

Function

function hello_world () {}

Post & Get

$user = $_POST['user'];

Session

session_start();

Database

mysqli_connect();

...

sql

sql stores your website's important data and displays it on the front-end page through back-end code.

Select

select * from ...

Delete

delete from database ...

Update

update database set ...

Insert

insert into database values()
Learn More