サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
世界禁煙デー
onside.com
ちょっとメモ代わり。 Twitter にスマホにも対応!写真を360度ぐるっと回転できる jQuery プラグインまとめ – W3Q というのが流れてきたので、ちょっと試してみた。 むか〜しは、Quick Time VR のオブジェクトやパノラマなどを使ってぐるぐる回してたりしてましたけど、今は jQuery で出来るんですね〜。 Threesixty Slider ひとつめは、Threesixty Slider。 レスポンシブ Web デザインにも対応していますね。 ナビゲーションの表示・非表示などオプションも色々ある。 枚数が多いと読み込みに時間がかかるのは仕方ないか…
home デザイナーズブログ concrete5 concrete5 でケーキ屋さんのサイトを作ろう! :: テーマのテンプレートとページタイプのおさらい 先月の concrete5 関西ユーザーグループ 第21回勉強会で、デザインカスタマイズについてお話させていただきました。 その時のおさらい記事や使用したスライドは『concrete5 のデザインカスタマイズについて関西ユーザーグループ 第21回勉強会でお話しましたよー』にアップしておりますので、ご覧くださいませ。 昨年は、はじめての concrete5 というシリーズ記事で、和菓子屋さんのサイトを作りました。 で、今年はケーキ屋さんです 😀 concrete5 関西ユーザーグループ 第21回勉強会用に制作したサンプルサイトをベースに、「とりあえず、これくらいのボリュームのサイトなら私でも作れるかな?」と思ってもらえるような記事を書け
知人に「もうちょっと『Advanced Custom Fields』のことを知りたいなぁ」と、ボソッと言われてしまいました。 WordCamp Kobe 2013 の『 sneak idea show – コンテンツやデザインを実現するための事例集』で使ったスライドは、管理画面での操作や functions.php の記述での管理画面の変化を実際のサイトを見ながら解説するという前提で作ったので、スライドを公開してもよくわからないと思う。 というわけで、『 sneak idea show – コンテンツやデザインを実現するための事例集』で解説した『 Advanced Custom Fields 』を使ったコンテンツを記事にしてみます。 まず、実例として紹介したサイトは『宝塚映画祭 | かつて日本最大級の撮影所があった映画の町、兵庫県宝塚の市民映画祭。』です。 このサイトのホーム(トップページ
今回の WordCamp Kobe のテーマは『One Day School』。 朝一番のホームルームのあと、1時限目の『sneak idea show – コンテンツやデザインを実現するための事例集』でお話させていただきました。 といっても、杉山さん、額賀さんと一緒にお話させていただいたので、ちょっと慌ただしかったかも知れませんね。 時間の制約で端折ったりしたところもありますので、説明がわかり難かったということがあればお許しくださいませ。 少しでも制作のヒントなど、お役に立てるように多くの事例をご紹介できればよかったのですが… というわけで、本日の復習です。 といっても、事例の紹介ということで実際のサイトと管理画面をご覧いただきながらの説明だったので、ココでそれを再現するのはちょっと難しいです。 あくまで、本日の補足ということで、スライドでわかりづらかったと思われるプラグインの紹介やコー
Movable Type がリリースされて、2012年10月8日で11周年なんだそうな。 2004年くらいから使い始めて今でも仕事で使っていますので、7〜8年ほど使っていることになるのかな。 で、最近の仕事で気づいた事を少しだけメモ。 企業サイトのコンテンツのひとつに展示会に出展する際のイベントカレンダーのページがあり、 Movable Type を使ってクライアント側で更新作業をしたいと… まぁ、よくある話。 もちろん、それだけのために Movable Type を使うわけではないのですが、中には「ニュース(お知らせ)だけを Movable Type で制作して欲しい。」という依頼もあったりします。 まぁ、「もったいないなぁ」と思ったりするのですが、中の人が『今すぐできる超絶シンプルなMTのCMSカスタマイズテクニック』という記事を書いているくらいなのでその影響かもね 🙂 今回のイベン
前回は、concrete5 をインストールして、オリジナルテーマの『default.php』を制作するところまで書きました。 といっても html ファイルからソースをコピーして、concrete5 の『HTML ブロック』にペーストしただけの作業です。 これでは、html ファイルを concrete5 で表示しているだけのような状態なので、今回はもうちょっと細かく設定したいと思います。 そこで、前回入力したデータ(ブロック)を一旦削除して、デフォルトのテーマである『Greek Yogurt』に切り替えて、どのようにエリアを設定しているか確認してみます。 これを見ると、エリアの設定は『サイト全体の Site Name』、『サイト全体の Header Nav』、『Header Image』、『Main』、『Sidebar』となっています。 この『サイト全体〜』って何だ? こんな時はオリジナ
2月の WordBench 神戸は、Web CAT Studio(株式会社リクルートエージェント)と HTML5-WEST.jp と WordBench 神戸のコラボレーションで、HTML5+WordPress勉強会 in 神戸というカタチで、神戸市産業振興センターにて開催されました。 昨年の WordCamp Kobe の影響なのか、HTML5への関心なのか、定員120名のところ参加希望者は150名近くだったみたいです。 というわけで、普段の WordBench 神戸とは違った雰囲気でした。 個人的には、 WordPress のことを色々と知りたいというのはもちろんあるのですが、それとは別に HTML5に関しても理解しきれていないことが多々ありますので、とても興味深くお話を聞くことができました。 で、おさらいというほどではないかも知れませんが、HTML5+WordPress勉強会 in
何で今頃 Facwbook ページの話題なのかというと、重い腰をあげてやっと Facebook のアカウントを作ったので、その流れで Facebook ページを作ったときの備忘録ということでメモ代わりに書いてみました。 web の業界に足を突っ込んでいながら今まで Facebook のアカウントがなかったのもちょっと問題あるかもしれませんが、色々とワケありということで… まぁ、お恥ずかしいハナシですが… ここから本題 🙂 簡単に説明すると、このサイトが WordPress を使っているので、『Facebook ページ用の ページテンプレートと固定ページを作って Facebook ページに表示させてみた』というわけ。 厳密にいうと Facebook ページではなくて、いわゆる Facebook ページの『Welcome ページ』ですね。 🙂 なので、Facebook と WordPres
タイトルの通り、リニューアルというわけではないのですが、ちょこっと変更・更新しました。 当サイトで、数ヶ所 Flash を使ってアニメーションを表示させているところがあります。 フッターの紙飛行機がグルグル廻っているアニメーション(これくらいなら Flash を使わなくても『GIF アニメーションでいいのでは?』という声も聞こえてきそうですが…)、ホームの ” identity ” という箇所に表示しているアニメーション、それとブログトップのサイドバーのアナログ時計です。 そのうち時計の Flash だけを残して、他のアニメーションは Flash で表示させるのをやめました。 何故かというと、iPad が発売されてから会社のお偉いさんが iPad で自社のホームページを見た時に 上司:「わが社のホームページが表示しないぞ!」 担当者:「 iPad が Flash に対応していないので、見ら
これだけ世間が「スマートフォン」「スマートフォン」といっているとやはりスマートフォンサイトは無視できないということもあり、jQuery Mobile を使って作ってみることにしました。 今ごろスマートフォンサイトを作っているのでは遅いくらいかもしれませんけど… といってもスマートフォンを持っていないので確認ができない 🙂 もちろんブラウザーの User Agent を変えれば、おおまかな確認はできる。 iPhoney というシミュレータを使う方法もあるし、Xcode and iOS SDK の iPhone Simulator.app や Android SDK を使えば問題なく確認はできると思います。 ただ、私の環境では諸事情があり iOS SDK も Android SDK もインストールしていません。 iPhoney は手軽でいいのですけど、”It’s the perfect 32
2ヶ月ほど前に『リニューアルというわけではありませんが、jQuery を使ったアニメーションを…』という記事で、当サイトの Flash を使ったアニメーションを jQuery のプラグインを使って作り直したと書きました。 その中で、ブログトップのサイドバーにあるブログパーツのアナログ時計だけは Flash のままで、iPad、iPhone からのアクセスだと代替画像を表示するようにしていました。 といっても、iPhone などからアクセスすると WordPress の WPtouch プラグインを使っていますのでサイドバーが表示されないと思いますが… WPtouch のスタイルを無効にする場合は、下の方に表示している『Mobile Theme』を『OFF』にすると通常のスタイルになりますので、PC のブラウザーで見たままの表示になります。 で、ちょっと空いた時間に jQuery のプラグイ
ずいぶんと前ですが、Movable Type を利用したブログとフォト・ギャラリーを Flash で作ってみたことがあります。 かれこれ3年ほど前です。 Flash 用の XML ファイルを出力するのは、やっぱり Movable Type の方がテンプレートの融通が利くので、作りやすいと思う。 でも、 Movable Type のライセンスのことなどでメインのブログを WordPress に切り替えて、ずいぶん経つ。 それに以前のコンテンツは、Flashでデザイン 差がつくBlogサイトの作り方という書籍を参考にしたり、当時のサイトを2、3参考にしたのですが、スクリプトの記述は AS2.0でした。 で、AS3.0になって XML との連携がよくなったということもあり(何を今更… 😀 )、AS3.0で WordPress から出力した XML ファイルを読み込むコンテンツを作ってみることに
キャリアのスタートはプロダクト・デザインのフリーランス・Webデザイナー。 大阪を中心に concrete5、Movable Type、WordPress などを使ってサイトを制作 !! work制作事例 webデザイン、CR-ROM、展示会用コンテンツなどの紹介。10年以上も前の制作物があったり、諸事情によりここで紹介できないものは掲載しておりませんのでご了承ください。 galleryギャラリー イラストレーション、ポストカードやキャラクターなどのパーソナル・ギャラリーです。最近の 3D CG 作品の他、手書きで描いていた時代のものもちょっと手を加えて掲載しています。 aboutこのサイトについて 以前は沿革も掲載しておりましたが、いわゆるプロフィールだけにしました。また過去の実績一覧としてお世話になったクライアントさんを掲載しております。 blogデザイナーズブログ もともと文才もなく
このページを最初にブックマークしてみませんか?
『デザインワークス・オンサイド』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く