htmlとcssは分かるけど、プログラムに関しては素人の私、副長がいかにwebサービスを公開するに至ったかのまとめです。 この日記、もちろん(http://anond.hatelabo.jp/20101203150748)に触発されてます。 もともとwikiで作っていたサイトがあり、それを作り直し今月リリースしました。 2010年10月時点でのスキルセット html:5年くらい。 css:5年くらい。 Javascript(jquery):2年くらい。 IA:3年くらい。 元マークアップエンジニアの現在webディレクターです。 リニューアル前のサイト 海外ドラマの情報サイト pukiwikiで構築 html、css、デザイン全て一人 api利用(yahoo、bing、楽天、amazon、WikipediaAPI)で自動取得できる情報は取得しまくった(全てJavaScript利用) サーバー
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
About Krystalrae Krystalrae creates clothing with daring pattern combinations designed for that rare woman who has the confidence to stand out, pioneer trends, and is never one to follow. Read more. Call to Action: View the Krystalrae 2015 Spring Collection Krystalrae calls her process “Present Designing.” It’s a constant ‘in the moment’ sketching until it feels right in search of finding the perf
増えるプロフィールビデオを使った演出 披露宴で人気の演出 結婚披露宴で新郎新婦を紹介する際、かつては司会者が「新郎の〇〇さんは…」と、口頭で紹介するパターンが多かったのですが、最近はプロフィールビデオ、あるいはプロフィールムービーなどと呼ばれる映像をゲストに見てもらい、新郎新婦のことを知ってもらうという方法が増えているようです。 プロフィールビデオでは、かつては口頭で説明されていたような、生い立ちや出会いについてのエピソードなどを、より具体的な写真や音楽などを交えて紹介するというもので、当日初めて新郎や新婦に会うという人でも、その人となりがわかるようなものになっています。 もちろん、すでに新郎や新婦のことをよく知る人が見ても、二人の思い出に自分の思いを重ね合わせて見ることができため、人気の演出といえます。 プロフィールビデオの制作 通常、プロフィールビデオやプロフィールムービーは、映像制作
高さの異なる要素をグリッドに沿って、レンガ状に隙間なく並べるjQueryのプラグインを紹介します。 同種の有名スクリプト「Masonry」はアニメーションを使ってダイナミックにレイアウトを変更しますが、このWookmarkはシンプルに並べなおすだけです。 デモ:幅800pxで表示 [ad#ad-2] Wookmarkの使い方 実装はいたってシンプルです。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.wookmark.js"></script> HTML デモを例にHTMLはリスト要素など、並列に配置しま
#sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; border-bottom:1px solid #84b2e0; } 1. 下に薄いラインを追加してみる このリストに1本ラインを加えるだけで全然印象が変わってきます。試しに下に白いラインを追加してみます。 #sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; bord
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く