「最初の訪問時だけ、トップページでフラッシュ・ムービーが流れる」というようなページを手軽に作る方法です。 【スプラッシュページという手法】 Web制作には、「スプラッシュページ」という手法があります。これは実際のトップページの前に配置する、フラッシュなどを使用したリッチな扉ページのことです。大抵は、そのサイトのイメージを演出するフラッシュムービーが流れ、ムービーが終わるかスキップボタンを押すかすると、サイトの本体に移動するような仕組みになっています。 古くからある手法ですが、Web業界では賛否両論で、特にユーザビリティの観点からは「全く意味のないページ」として批判されることも多い手法です。 しかし、業務としてWeb制作をしていると、「スプラッシュページが欲しい」という要望があるのもまた事実です。 期間限定のキャンペーンサイトや、アパレルブランドのサイトなど、イメージ演出に対するニーズが高い
先日「AMPについて、まじめに考えるか」と書きましたが、さっそく当サイトのAMP対応を行いました。今日はその作業内容をまとめてみます。 今日の記事は、技術的な話しかありません。 AMPとは AMPは、Googleなどが主導する、モバイルでのサイト閲覧の高速化を目指すプロジェクトのことです。高速化は、キャッシュの仕組みやページの軽量化により実現されています。サイト作成者がAMPに対応するには、「AMP HTML」というフレームワークの仕様に従ったページを作成しないといけません。 サイトによっては、AMP対応ができない場合もあります。AMP対応時に障害になりそうなものを挙げておきます。 JavaScriptが使えない（ただし、後述の通り、AdSenseやGoogle Analyticsは可） 外部cssも使えない（内部スタイルシートの上限は約50kb） 使えないタグや使用に制約のあるタグがある
イントラネットで使う会議室予約みたいなのが欲しくて、作ってみたものです。WordPressでも（一応）実装は可能です。PHP初心者が唸りながら書いたものなので、どうぞ参考程度にご覧ください。 ご注意ください 仕事でお払い箱になって自分でも稼働させていないため、機能追加やバージョンアップ、組み込みやメンテナンスのサポートのご依頼はお受けしておりません。 WPは4.0まで検証してありますが、本体のアップデートを考慮してメンテナンス…とかまで考えるとやっぱり不向きじゃないかなと思いますので、自己責任でお願いいたします。 一応エスケープなどの勉強しながら気を使って書いたつもりですが、申し訳ありませんが検証は不十分です。イントラネットな少人数で使いくださいませ。 目指したもの かばの遊べるCGI こちらで紹介されている「会議室予約」のようなシステムがほしくて、仕様やレイアウトを真似して、PHPで作ら
Getting Started Introduction A simple tutorial Language Reference Basic syntax Types Variables Constants Expressions Operators Control Structures Functions Classes and Objects Namespaces Enumerations Errors Exceptions Fibers Generators Attributes References Explained Predefined Variables Predefined Exceptions Predefined Interfaces and Classes Predefined Attributes Context options and parameters Su
Facebookのいいね！ボタンはすでに当たり前のように設置されているけど、これって登場からまだ1年半ちょっとだった（よね？）たぶん。 こないだ仕事で、とあるWordPressで構築したサイトにいいね！ボタンを設置した所、謎のバグに遭遇した。 紆余曲折の末、解決はしたんだけど、ちょっと気をつけておいたほうが良い点なども踏まえ、WordPress内でソースに書いて挿入する設置方法のまとめをしてみようと思った。 Facebook開発者アカウントを認証しよう まず、Facebookはスパム対策のため、アカウントを認証する必要があります。 もちろん前提としてFacebookアカウントを持っていることが必要ですが、その上でこのページから携帯メールアドレスを確認しておきます。 余談ですが、Facebookって解り辛いんですよね。。個人的に日本語ライクじゃないというより、根本的な構造の問題もある気がしま
こんにちは、最近ブログに時間を割きすぎてるENJIです。 先日、「あまりに酷い。アクセスが伸びないという前によく考えてほしい。」 という記事を書いて結構な反応を頂きました。 この記事なんですが、注目すべき点はもう１つあって当のブロガー（？）の方に 悪気は一切ないという事なんですよね。 本気（マジ） なんです。良くも悪くも。 つまり、「意識が無い」「知らない」という事だと思います。 僕らみたいに少し色々経験を積むと本当に 何もわからなかった頃 の気持ちを忘れてしまいます。 僕の最初の頃は、mixiのコミュで必死に相談していたものです。 なので、今回は初心者の為にわかりやすく記事のルールを書きます。 初心者の方がこれを守れば、おそらく 劇的にSEO効果は変わるでしょう。 いや、マジで。 photo credit: woodleywonderworks via photopin cc ブログの書
WordPressのプロになるなら最低限知っておきたい10＋1個の知識、挙げてみますね！ 2013.06.12 | WordPress | 初心者向け WordPressのプロとしてやっていきたいなら知ってないと困っちゃう知識を、10個挙げてみました！ これを知っていればプロになれるというわけでもないと思いますが、知らないとマズイ、自分が困る、あるいはお客さんが困る、というものだと思いますので、チェックしてみましょう！ 色んな切り口あると思うんですが、今回は、html/css/jsだけを使ってサイトが作れるようになったデザイナーさんがぶつかることになる壁というか課題、という視点でやっていければと思いまーす！ 今回はチェック＆勉強のきっかけのためというコンセプトでやらせていただきますので、各知識については自分で勉強するなり、教えてもらえるところに行く（Webデザイナー・HTMLコーダーのスキ
実は WordPress サイトを静的 HTML に変換するプラグイン StaticPress をリリースしていました。 ダウンロードは、WordPress 公式プラグインディレクトリからお願いします。 WordPress › StaticPress « WordPress Plugins このプラグインを使用することで WordPress で作成されたサイトを丸ごと静的ファイルに変換することができます。 また、変換時にサイトのパーマリンク構造を変換することができるため、http://wp.example.com/ というオリジナルサイトを http://www.example.com/static/ というサイトとして公開するための html を作成することも可能です。 完全に静的ファイルを作成するため、コメントやサイト内検索・コンタクトフォームの設置などはできません。 それらについては
35 Free HTML5 WordPress Themes For Your Blog | Free and Useful Online Resources for Designers and Developers HTML5を使ったフリーのWordPressテーマ集35。 良い感じのテーマが集まっています。ぼちぼち今のテーマにも飽きて、もう、これからはHTML5だぜ、という方は試してみても良いかも。 関連エントリ 30以上のリッチコンポーネントが詰まったHTML5のUIライブラリ「Zebra」 HTML5を使ったクールなサイトデザイン集２１ クールでアニメーションするグラフを描画できるHTML5チャートライブラリ「Chart.js」 WebCamで撮影をHTML5で実現するデモ HTML5のゲームエンジン「Quintus」 フリーでHTML5ベースのリッチな管理画面テンプレート オープ
別に自分で作る必要ないんだけど。 世の中には沢山の素敵なWordpressのテーマが無料で配布されているんだけど。 それでも自作してみたい、ちょっとカスタマイズしてみたいという誘惑にかられるのはなぜだろう。 そして実行しないのはなぜだろう。 ということで、Wordpressのオリジナルテーマを自作したり、カスタマイズするのに参考になるサイトをまとめておくことにする。 これらの記事を実行すれば間違いなくオリジナルのテーマが手に入る。 WordPressのテーマを自作する ワードプレスのテーマの自作方法がわかるサイト。カスタマイズしたい人も目を通しておくと、仕組みが理解できるかも。 WordPress入門 (全23回) – プログラミングならドットインストール WordPressのオリジナルテーマ作成フロー・基本マニュアル – かちびと.net はじめてWordPressのオリジナル
Hello. I'm Yuki Iwanaga, a software engineer pursuing beauty in both design and engineering
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
WordPressを使い始めた頃は、テンプレート階層、テンプレートファイルの上手な使い方などは、全く考えずに Webサイトを作ってました。 いまではもっと効率的に、もっとスマートにサイトを構築できるようになったかも！そのためにちょっと覚えておきたい、テンプレートファイルについてのあれこれをご紹介します。 WordPress というと、ブログ構築のための CMS（コンテンツマネージメントシステム）というイメージが強いですけど、一般的な Webサイトを作るの時にもとっても便利です。私も仕事で Webサイトを作る時に、WordPress で作成することがとても多いです。 WordPress はバージョンも 3.0 になって、カスタム投稿タイプやカスタムメニューなど、さらに CMS としても充実してきたように思います。 ブログと違って一般的な Webサイトは、そのサイトによって仕様が様々です。コン
「WordPress（ワードプレス）を使ってオリジナルブログを作成してみたいけれど、難しそう・・。」そう思っている人は多いことと思います。 WordPressは、HTMLやCSSの他に、PHPというプログラミング言語を使っているため、少し敷居が高く感じてしまうことがあります。 しかし、PHPがわからなくても、ある程度のHTMLとCSSの知識があれば、初心者でも簡単に既存のテーマをカスタマイズできたり、オリジナルテーマを作成したりできるのが、WordPressが人気の理由のひとつなのです。 今回は、PHPが全くわからないWordPress初心者でも、オリジナルテーマを作成できるようになるための手順を、参考記事やオススメの書籍と共にまとめています。 この記事を読めば、WordPressでオリジナルテーマを作成するための全体的な流れをつかみ、すぐにでもテーマ作成やカスタマイズができるようになるは
初めて WordPress でオリジナルテーマを作ろうと思ったとき、真っ先に参考にしたいのが公式のデフォルトテーマだと思います。でも最近のデフォルトテーマは、ちょっといろいろな機能もついていて複雑な構造をしています...。今回は初めて WordPress でオリジナルテーマを作りたい！っていう人向けに、シンプルなテーマをもとに制作フローをまとめてみました。サンプルはダウンロードしてご活用ください。 WordPress もバージョンアップを重ねて、最近では 3.5 になりました。それに伴ってデフォルトのテーマも、新しい TwentyTwelve になりました（2013年 1月現在）。WordPress で初めて自分だけのオリジナルテーマを作ろうと思うと、まず最初に参考にしたいのがデフォルトテーマ …。でも最近のデフォルトテーマは、ちょっと難しい構造になってる … と思ったりしませんか？ 私が
WEBデザイナーやってます@delaymaniaです。 HTML,CSSに疎いブロガーさん向けに書いた記事がいくつかあるんですが、ありがたいことに「あの記事良かったよ」と言ってもらえることが多いです。 2012年に書いたWEBデザイン寄りな記事をまとめましたので、見逃した記事がある方は是非この機会にチェックしてみてください。 ブロガー向けHTML,CSSの基礎知識記事 僕の周りにはHTMLやCSSに疎いブロガーさんが多くて、そういう方のために「HTML,CSSの書き方」ということについて書いた記事です。 どの記事もたくさんの方に読んでいただけました。 ブログの本文にhtml書くときにスタイルを直接書かない方がいい理由 hタグの中にstrongとか入れてる人は気をつけて！h1,h2,h3タグなどの正しい使い方 fontタグ使ってる人はもう使うのやめよう CSS初心者ブロガーに捧げる！超簡単な
今回はとっても小ネタです。 たいがい、どこのサイトでもフッターに入れているコピーライト表記ってありますよね。 形式としては© 開始年-現在年 Name All rights Reserved.というのが多いかなと思います。この現在年を自動で更新する方法を紹介します。 Photo:Large copyright sign made of jigsaw puzzle pieces By Horia Varlan 本来的なコピーライト表記 いろいろなサイトを見ていると、上述した表記例が多く見られますが、実のところコピーライト表記は以下の記述で十分だったりします。 © 開始年 Name 現在年とかAll rights Reserved.とかは、正直必要ない文言なんですね。 それどころか、現在カンボジア以外の国はベルヌ条約を締結して、無方式主義が採用されているので、カンボジアでの著作権保護対策さえ考
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
