templating

DIY Cardboard Harry Potter Erised Mirror Tutorial and Template from Delicious Reads.

The mirror appeared in Harry Potter and the Philosopher’s Stone and is inscribed, “Erised stra ehru oyt ube cafru oyt on wohsi” or “I show not your face but your heart’s desire”.

This cheap DIY requires cardboard, paint, a cheap mirror, lots of glue sticks and patience. But look at the result! 

Why so many Harry Potter DIYs on the blog recently? Rae Gun Ramblings is having her annual Harry Potter party where lots of bloggers contribute Harry Potter themed crafts and there is a giant Harry Potter Giveaway.  For everything DIY Harry Potter on truebluemeandyou go here including an amazing DIY Harry Potter Monopoly Game and DIY Harry Potter Chess Set.

These are some reference photos of the mirror:

2

As promised, I made a couple of mood board templates. The first ones are based off of my new ones (i.e. this one) and the latter is based off of my earlier mood boards (i.e. this one). Instructions are included in each psd file.

Template one: download 1download 2
Template two: download 1 / download 2

Credit isn’t necessary if you do use them, although it will be appreciated! PLEASE PLEASE PLEASE DO NOT REDISTRIBUTE.

개인적으로 템플릿 엔진 역사상 큰 전환점을 가져다 주었다고 꼽는 아이디어가 두 개 있다.

첫번째는 Kid1가 제안한 템플릿 상속블럭 개념. 그 전까지 웹 개발의 템플릿 작업은 어떻게 잘 템플릿을 쪼개서 인클루드할 것이가, 정도의 개념에서 벗어나지 못하고 있었는데, Kid가 제안한 템플릿 상속 아이디어는 템플릿 엔진 설계에 있어서 IoC에 해당하는 것이었다. 결국 Kid 자체는 XML 기반이라는 불편함과2 썩 빠르지 않은 구현 덕분에 망했지만, 템플릿 상속이라는 아이디어 자체는 워낙 훌륭해서 Django 템플릿에도 이어지게 되고, Django가 성공하면서 최근의 템플릿 엔진은 모두 상속 기능을 지니게 되었다.

두번째는 문자열 치환을 잘 하자는 기존의 모든 템플릿 엔진이 고수하던 근본적인 방식을 집어던지고 Haml이 제안한 트리(tree) 자체를 다루자는 획기적인 방식. 어쨌든 출력 결과가 XML/(X)HTML이고, 사람이 볼 데이터가 아니라 다른 소프트웨어가 볼 데이터라면 문자열을 직접 다룰 이유가 없다는 것이다! 대부분 사람들은 Haml이 Python과 같은 들여쓰기 문법을 채택했다는 점을 특징으로 보는데, 사실 들여쓰기 문법을 트리(tree)를 표현하기 좋은 방식으로서 선택된 부수적인 결정이지, 핵심적인 디자인 결정은 결국 문자열 대신 트리를 다루자는 관점이다.

템플릿 상속은 아이디어가 나온지 10년 가까이 된 현재 이미 널리 퍼진 상태고, 문자열 치환 대신 트리 자체를 다루자는 아이디어는 나온지 5년 정도 되었으니, 나머지 5년 안에는 널리 퍼졌으면 하는 바램이다.


  1. 사이트가 망했는지 접속이 안된다. PyPI 패키지 이름은 kid이다. 

  2. Kid 설계자가 딱히 XML 취향이라 그랬던 것은 아니고, 그 당시까지 Python 템플릿 엔진들은 죄다 XML 기반이었고 그게 대세였기 때문에 “무난하고 익숙한 방식”을 따르겠다는 디자인 의도였던 것 같다. 

How to Heal Exit Wounds

1.  Admit you’re shot.  Imagine:  
Doctor, that isn’t a bullet, listen,
her name is
– Not important, he would
say, you are bleeding out; think you’re
an idiot.  But I bet he’d grab your elbows
like an emergency and it would
feel a lot like love.  I bet he’d say,

I can’t treat
something if you won’t tell me
where it hurts.  

2.  Tell someone where it hurts,
and in what way, and all you need.
In the silence.  In the car.  In the
webs of your fingers, in the space.
My god, in the space.  You think,
I think there is too much gravity in me.  
I think I am too good at revolving around
things I could never touch all of.  In
my wrist,
you say, it hurts in my wrist.

3.  In the way a person leaves
louder than the gunshot.  In the way
you are never afraid of the gunshot.
In the way there is always something
in the way of something, in the way
you will never reach, never

reach for them because it is
not your place and it would hurt your
wrist to do so, knowing that no one has ever
yet saved your place, it hurts in your wrist,
the way people leave and never take you
with them.  I am shot,

you say.  4.  Strip blame like clothes.
Say, I am shot and it is not my fault.  This
visit, she left through my wrist, and it
is not my fault.  After proper care,
I’ll need time.  I need time.

5.  Allow for it.

2

CHARACTER PSD #005 by kristinforgfx

  • so i was fooling around with pngs, and i happened to make this. it’s a cute, school-like type of moodboard thing. obviously, it’s meant for light-hearted and bright-colored themed pictures/colors, but i included a b&w for both the polaroids and the doodles just in case!
  • this is a fairly simply psd, but you must be able to know how to use clipping masks!
  • please do not steal, redistribute, copy, or claim this psd as your own.
  • the fonts used are mtf doodle, luna, please write me a song, and pw chalk.
  • like/reblog if you are downloading, please! i’d also love to be tagged wherever this psd will be used to see your creations!
  • download the psd on (mf).
Display Logic

Views are the most important entity, as they are what is directly requested by the client. For example, when the client request the context /main/hamburger, the object, settings and view associated with it are loaded.
 
The template is what is loaded around the view. This is determined by information provided by the /main/hamburger context.
 
The machine display mechanism diverges from most with the concept of components. Components can be though of as light-weight views, wherein they are written in PHP, but do not have an associated context object or JS controller. Components are subsets of each view, and to access a different components view, the name of the view has to be explicitly stated.

Components are never displayed on their own, they are always a part of a template or view. They are held in areas inside of templates and views. These areas act as containers for components to be loaded into.

To create called menu_space an area in a view: 

\_m\out::area(‘menu_space’);


As far as HTML goes, an area is really just a div that is of the _m_area CSS class who’s ID consists of _m_ appended to the front of the name provided. Areas nested inside of other areas are given ID’s accordingly. For example, an area named spaced inside of the area one would be given the ID _m_one_spaced.

To place the component called mike in the area one: 

\_m\out::comp('mike’,'one’);
_m.out.comp.('mike’,'one’);


To place the component called mike, which is located in the context /show/best in the area one: 

\_m\out::comp('mike@/show/best’,'one’);
_m.out.comp.('mike@/show/best’,'one’);


—To note, accessing components outside of your current context is not suggested at this point as JS Controller logic is connected to the context itself.—

To place the component called mike/great in the area spaced inside of the area one: 

\_m\out::comp('mike/great’,'one/spaced’);
_m.out.comp.('mike/great’,'one/spaced’);

2

Template Three by dylanfoskets

Description

A vinyl album template I made because I wanted to have my own creation for these graphics! I think the record looks cute and it includes a custom sticker! It works on smart objects in order to preserve shapes and their quality. Sections are organised by colours and attributed to a folder for easier customisation. This .psd includes an original colouring and allows for background transparency.

Examples: (x) (x)

Instructions

Starting with the vinyl folder, open the sticker sub-folder and double-click it. Drop you image on top of the layer stack, then drag the vector mask of the example image, as well as its layer style and drop them over your image. Delete the example image. When you’re done, save that image and return to the main document, where the changes will appear.

Resize your cover image and drop it inside the cover folder. After positioning, drop the layer style of the example image on your cover and delete the example image.

Finally, edit the text and the background if desired. You can use the included colouring or another of your choice.

Suggestion: If are only interested in the cover and the record, you can use them on other graphics, too!

Credits

…are not mandatory but very appreciated, even if it is in your post’s tags. Please credit dylanfoskets. Thank you. ♥

Download

download | broken link?