2013年、Webがこうなったら面白い
新年、あけましておめでとうございます。 HTML5開発者コミュニティ、html5j.orgを運営している白石俊平です。 この記事では、「2013年、Webがこうなったら面白い」というテーマで、今年のWebがどう変わっていくか、予想めいたことを執筆する機会をいただきました。タイトルに「面白い」と含まれていることからもお分かりの通り、真剣に業界を予想してみるというものでもなく、少し力を抜いた雰囲気で、発展の著しいWebの未来をあれこれ述べてみたいと思います。どうか読者のみなさんも、リラックスしてお読みください。 とはいえ、現在のWebは広く深く、3次元的に発展している状況で、どのような切り口で述べるべきか悩みました。悩んだ挙句、ここでは以下の3つの切り口から見ていきたいと思います。 注目に値する最先端仕様 プラットフォームとしてのWeb Web制作・開発はどう変わるか 注目に値する最先端仕様
Emmet CSSショートコード
Emmetは、Zen-Codingの次期バージョンの名前です。 Zen-CodingはHTMLの記述方法が取り上げられることが多いですが、個人的には、CSSの入力補助こそ真価が発揮されると思っています。 私は、EmmetまたはZen-Codingがなければ、CSSのプロパティを打つのが苦痛なほどです。 Emmetから、さらに多くのプロパティに対応し、数値も含めて展開できるようになりました。CSSの記述がより使いやすくなったので、紹介します。 Zen-Codingから使える CSSの展開は、ほとんどのZen-Codingから使えます。 Emmetではさらに使いやすくなりましたが、Emmetは現在開発中のため、不安定な部分があります。不安な方は、Zen-Codingをおすすめします。 プロパティに、ショートコードが用意されており、+でつないで展開(Expand Abbreviation)する形
日々の作業で困っていることアレコレ ─ ＠IT
HTML制作が3倍速くなるDreamweaverの裏技教えます 第2回：日々の作業で困っていることアレコレ 鷹野雅弘（@swwwitch） スイッチ 2012/8/10 CSS Niteでおなじみの鷹野さんが、最終更新日の自動更新、画像の扱い、コーディングガイドラインを教えます CSS Niteを主催している鷹野です。この連載では、知っていると、HTMLページの制作速度が3倍に上がるAdobe Dreamweaver（以下、Dreamweaver）の裏技をお伝えしていきます。新人Web担当者のキャシーに、僕がいろいろと教えていくスタイルで進めていきます。 今日、取り上げる機能 最終更新日の自動更新 簡易的な画像サイズの変更 画像が来ないとき、アタリ画像どうすればいい？ <br>の後で改行したくない！ 鷹野／Web制作会社に勤務。Dreamweaverとはバージョン1.2からのお付き合い。『
WordPressの設置の際に気を配りたい。カテゴリーの階層構造について | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。小林です。 WordPress の記事投稿画面のカテゴリーが階層構造になっている場合に 入れ子がファッ！？ってなる件について問題解決していきたいと思います。 例えば、こういうカテゴリ構成があるとします。 そして、真ん中のカテゴリにチェックを入れて記事を保存します。 するとどうでしょう。 ！？ こうなります。ひどい有様ですね。ますます働きたくなくなります。 それが、もし。もしも。こうだったら。 わかりやすいですよね。少しだけ働きたくなりました。 これを実現するのはとっても簡単でした。 「wp_terms_checklist_args」という名のフィルターフックがありまして、その中にしっかりとフラグがありました。 フックを実行してる部分はこうなっています。 function wp_terms_checklist($post_id = 0, $args = array()) { $d
link要素「rel="canonical"」のまとめ
link要素のrel="canonical"について調べてみました。 以下、主にGoogleの「rel="canonical" 属性について」の記載を引用しながら、FAQ形式で書いていますが、認識誤りがありましたらどこかでつぶやいてください。 １．利用目的は？ 「検索エンジンのインデックス内での重複コンテンツ問題」解消のためです。 下の図で示すURLは、同じページにアクセスしているにもかかわらず、検索エンジンでは別のURLとしてインデックスされます。 検索エンジンのインデックス内での重複コンテンツ問題 link要素の「rel="canonical"」を利用することで、URLの正規化が行われ、重複コンテンツ問題を解消します。 解消イメージ 2009年2月、Google、Yahoo!、Microosftの大手検索エンジン企業が、URLの正規化に対応する共通の取り組みとして、「rel="cano
赤ペン入れはもうやめよう。ディレクターが行うべき効率の良い修正・変更指示の出し方
どうもご無沙汰です。ナカムラです。最近ちょっと修正や変更指示の仕方について考える機会がありましたので今回はその話を。 実は以前僕もやっていたのですが、「このページのここをこうやって欲しい」だとか、「このカラムのこの部分を○○に差し替え」だとかって指示を、紙に印刷したページ情報に赤ペンで書き入れる。という方法を使っているディレクターさん、未だに多いような気がします。 決してこの方法が全部ダメだ！という訳では無いんですが、正直「もっとわかりやすく漏れの少ない指示方法があるだろう」と思っています。以下に記す方法が果たして最善なのか？は分かりませんが、僕のやっている修正・変更指示の出し方について記載していきます。 ※正直、もっと良いやり方あるよ！がいっぱい出てくるであろう領域の話なので、コメントなどで突っ込み大歓迎です。 基本はテキストデータにリスト化。どのページで何をどうするのか？を明確に記して
PCでも見れる！書籍サンプルサイト作成いたしました。『ポケット詳解 jQuery Mobile辞典』 | jQeryMobileでサイトをつくろう
執筆させていただいた書籍『ポケット詳解 jQuery Mobile辞典』のサンプルサイトを作成いたしました。 ■書籍『ポケット詳解 jQuery Mobile辞典』サンプルサイト http://jquerymobile-memo.com/sample/ このブログの右のサイドエリアにもバナーをつけました。 タグ辞典は毎回自分で書かないといけないというのが面倒だなと自分もいつも思っているので参考になればと思って作成してみました。 またこちらでは jQuery Mobile1.1で作成しており、今後変更や追加などがありましたらこちらを反映させていきたいと思います。 スマートフォンでももちろん、cromeやsafariなどでも閲覧できますのでコードをコピペして使いたいなどの場合はPCサイトから見るのが便利です。 タグ辞典をご購入していただいて勉強している方はこちらもよかったら参考にしてください
[JS]動画もFlashも使わずに、商品をぐるぐるとアニメーションで回転させるスクリプト - fc.tape
CSSスプライトを使って、映画のフィルムを再生するように画像をアニメ化するjQueryのプラグインを紹介します。 操作は下記キャプチャのようにボタンをはじめ、ドラッグにも対応しており、アニメーション再生のスムーズ機能も備えています。 デモで使用している画像の一部 この画像をCSSスプライトで表示し、アニメーションをコントロールします。 画像の作成には「ImageMagickを使用すると、フォルダ内の全ての画像からスプライト用の一枚の画像を生成できます。 実装の基本 アニメーションを配置するdiv要素、サイズなどを指定するスタイルシート、コントロールするスクリプトが基本構成です。 HTML <div class="tape"></div> CSS .tape { width: 420px; height: 315px; background: url(tape.png) 0px 0px no
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
第1回 Node.jsとは | gihyo.jp
はじめに 本連載では、注目を集めるNode.jsを使って、Webアプリケーションを様々なクラウド環境で動かすことを最終目的にしています。Node.jsに触れたことがないJavaやPHPなど普段サーバサイドで開発されている方を主な対象として、まずNode.jsの概要から紹介していきます。 Node.jsとは Node.jsとは、ブラウザGoogle Chrome用に開発されたJavaScriptエンジンV8がサーバ上でプログラムを実行できるように、ファイルやネットワークI/Oなど多くの機能を追加したものです。軽量で効率よく多くのリクエストを処理するネットワークアプリケーションの構築ができるプラットフォームになっています。いわゆるサーバサイドJavaScriptの代名詞として注目を集めています。 Node.jsでは“軽量で効率良く”というのを実現するために次の2つのモデルを採用しています。
PHPでInstagram風に画像フィルタをかけられるクラスライブラリ:phpspot開発日誌
Create Instagram Filters With PHP | Nettuts PHPでInstagram風に画像フィルタをかけられるクラスライブラリが公開されています。 内部的にはImageMagickを使ってフィルタをかけているのですが、ラッパークラスの公開となっています。 あまり頭を使わずに画像変換出来るのはいいです。但しexecコマンドを使って行なっているため、負荷やセキュリティには注意したいところです 画像をサーバサイドでカッコよく変換したいような場合に使えそうです。 関連エントリ TwitterやFacebookへのログイン機能をこれ１個で実装できるPHPライブラリ「HybridAuth」
WordPressのカスタム投稿タイプを企業サイトに使う場合の（超個人的）決定版 - エクスト スタッフブログ
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Fireworks】Fireworksの基本技！[ box-shadow ]のあしらい再現方法まとめ | バシャログ。![【Fireworks】Fireworksの基本技！[ box-shadow ]のあしらい再現方法まとめ | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c06e5dc16e1d75594b70da83a3dfbacbdc01b4e/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_fireworks.png)
html5-memo.com
http://knk-n.com/2012/02/09/making_myblogtheme/