最近の実装に合わせたHTMLテンプレート、基本のコードとすべての要素の役割も解説
最近の実装に合わせた、Webページ用のHTMLテンプレートを紹介します。 レスポンシブ用のHTML、ソーシャルメディア用のHTMLをはじめ、高速表示に欠かせないrel="preload"なども含まれています。IEなどの古いブラウザはプログレッシブエンハンスメントで対応しています。 HTMLテンプレートはすべての要素の役割を各行ごとに解説しているので、自分に不必要なものを削除したり加えたりすることもできます。 My current HTML boilerplate by Manuel Matuzović 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに HTMLのテンプレート（最終形） HTMLのテンプレートを1行ずつ解説 ページのタイトルと説明文、外部ファイル ソーシャルメディア用のHTML アイコンとアドレスバー もう
小規模な組織でのデザイナー教育で工夫してること｜kazuma nishiwaki
前提教育プログラムが定まっていない小規模の組織で、インターン・アルバイトに対して、どのようにデザイン教育をしていくか 課題（悩み）教育とリターンのバランス 即戦力じゃない人にデザインを覚えてもらいつつ、組織へのリターンのバランス 時間的制約 インターンやアルバイトの場合、フルタイム勤務ではないので間が空いてしまう。学生さんだとテスト期間を挟むと１ヶ月ほどのブランクも。 また、１年や２年で一度卒業することを前提とするため、卒業を見据えた着地も考える必要がある。 めざすゴール長い目でみて、良い関係値を築けるようにする 将来的に仕事を手伝ってもらったり、将来の転職先候補に選んでもらったり、短期的なリターンは目指さない （性善論ではなく、短期的リターンならクラウドソーシングなどのほうが楽だし早い） 前述、時間的制約も見据えて、デザイナーとしてのキャリアのスタートになるような経験をできるだけしてもら
最近話題になったイケてるWebサービス・アプリ11選（2013年2月編）
こんにちは。日々、新しいWebサービスが登場しています。 そこで今回は、最近話題になったWebサービスを11個ご紹介いたします。 Tempo 人工知能の要素が組み込まれたカレンダーアプリです。予定にまつわるすべての作業が、1カ所でできるようになっています。 nohana（ノハナ） 毎月1冊無料でフォトブックが手に入るサービスです。ミクシィの新サービスですね。 Tweetping 世界のどこでどれだけのつぶやきがTwitterに投稿されているのか、リアルタイムで分かるWebサービスです。 The Secret Door サイトに登場する「扉」を開けると世界のどこかへ行けるサービス。 Googleストリートビューの技術を使っています。おもしろいです。 名無しの美人 ブレイク寸前の美人や女優、可愛い娘が見つかる写真サイトです。休憩にぜひ。 コトナス 「コトナス」は、ビジネスアイデアをコンテスト形
samulife.com - このウェブサイトは販売用です！ - リソースおよび情報
このウェブサイトは販売用です！ samulife.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、samulife.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
バーベキューを楽しむための１０の掟 - シートン俗物記
ども。学校も夏休みに入りましたね。夏も本番。こんな季節はアウトドアで楽しむのが一番です。 というわけで、サバイバルの達人、シートンが皆様にバーベキューの楽しみ方を伝授いたします。BBQをやり馴れた人も、BBQビギナーの皆様も、これを読んでBBQでワイワイやりましょう。 掟１ 真っ先に火をおこせ まず、BBQ会場の設営時に真っ先にやるべきなのが、火をおこすこと。というのも、ガスグリルならともかく、炭火でBBQをやる場合、安定した炭火にするのは結構時間がかかるからなんです。だから、まずは火をおこし、その間に設営と食材の準備を済ませ、火が安定した頃に焼き始める。こうするとスムーズなんですね。 で、炭火をおこすのに便利な道具が“火おこし”です。 キャプテンスタッグ バーベキュー用 折りたたみ火起し器 FD 炭焼き名人 M-6638 出版社/メーカー: キャプテンスタッグ(CAPTAIN STAG)
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
JavaScriptでWebアプリを開発できる「Node.js」活用入門 | OSDN Magazine
昨今注目を集めているWebアプリケーションプラットフォームの1つに、「Node.js」 がある。Node.jsはJavaScriptでWebアプリケーションのサーバーサイドプログラムを実装できる技術で、高いスケーラビリティが特徴だ。本記事ではNode.jsの基本的な知識やフレームワーク「express」を用いたWebアプリケーション作成方法を紹介する。また、Webブラウザ上で動作するIDE「Cloud9 IDE」を用いてNode.jsアプリケーションをWindows Azureで実行させる方法についても解説する。 JavaScript、そして非同期・シングルスレッドで注目を浴びるNode.js Node.jsはJavaScriptでWebアプリケーションのサーバーサイドプログラムを実装できる技術で、開発プロジェクトのスタートは2009年と、比較的その歴史は浅い。しかし、ここ数年でプロジェク
これは便利！ iPhoneの顔文字ボタンに好きな顔文字を追加登録する方法 - 拡張現実ライフ
記事内に広告を含む場合があります。記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 @akio0911です。このブログでは今までにもiPhoneの小技・裏技に関する記事を書いてきましたが、今回はiPhoneの顔文字ボタンに好きな顔文字を追加登録する方法を紹介します。 追記 更に簡単に顔文字登録が行えるアプリを発見しました！ 連絡先を使わずに辞書登録ができる顔文字登録アプリ「顔文字＋」 iOS 8だと顔文字キーボードを使うこともできます！ 【iPhone】アプリを使って顔文字キーボードを追加する設定方法 「顔文字ボタン」とは？ 「顔文字ボタン」とは、iPhoneのキーボードの中にある、このボタンのことです。 「顔文字ボタン」に好きな顔文字を追加する方法 ホーム画面で「設定」をタップします。 「一般」をタップします。 「キーボード」をタップします。 「
ど素人の私がWordPressテーマを自作した際にめっちゃ参考にさせていただいた13記事 | なまら春友流
先日WordPressのテーマを自作しました。 ど素人でも自作できたWordPressテーマの作り方。教科書は『WordPress デザインブック』 | なまら春友流 基本的には「WordPress デザインブック」という本を参考に作成。 でもそれだけでは自分の好きなようにはデザインできなかったのでやっぱりGoogle先生に聞いてみました。 多くの記事を読みましたがそのなかでもめっちゃ参考になった記事をご紹介いたします。 記事の作者様本当に役立ちました、ありがとうございました！ AGENDA ソーシャルブックマークボタンの埋め込み 記事の1番最初の画像をサムネイル表示する（2記事） 広告の表示 ブロック要素とインライン要素 CSS3用例集（3記事） jQuery サイトの配色について WordPressのまとめ記事（3記事） 1. ソーシャルブックマークボタンの埋め込み WordPress
積極的な「時短」をするために役立つExcelのショートカットキーTOP１０ ＜ パソコン ｜ RapidHack（ラピッドハック）
積極的な「時短」をするために役立つExcelのショートカットキーTOP１０ 2012 年 1 月 29 日 9 時 41 分 パソコン ■マスターすればマウスいらずに 事務作業や書類作成に欠かせない表計算ソフト「エクセル」。他の多くのソフトと同じくエクセルにも、面倒くさい操作を省いて指示を実行してくれるショートカットがたくさん設定されています。 第1位 「Ctrl」+「Space」 第1位は、その列全体を選択する「Ctrl」+「Space」。指定したセルの上下すべてのセルを選択してくれるので、数値を入力していく作業には欠かせないショートカットです。 第2位 「Shift」+「Space」 つづく第2位には、その行全体を選択する「Shift」+「Space」。第1位の「Ctrl」+「Space」と合わせて使いたいですね。 第3位 「Ctrl」+「Y」 第3位には、「Ctr
Windows7 搭載マシンを買ってきてやったことまとめ - IT戦記
はじめに みなさま、こんにちは！年末の忙しい時期ですが、お元気ですか？ 僕はなんとか元気です＞＜ 使っていた PC を壊してしまったので Windows7 搭載マシンを買ってきましたので、購入から初期設定、便利なアプリのインストールまでここにメモしておきたいと思います！ 購入まで と言うことでまず購入までにやったことをまとめてみたいと思います 価格.com で調べる まずは、価格.comを使って、以下の条件で良さそうなパソコンを探してみます。 8 万円以下の価格 それなりのグラフィックボード（最近 Minecraft っていうゲームをやってるので） それなりのメモリ（メモリ安いので） それなりの CPU USB 3.0 （データ移行のときにハードディスクを USB 3.0 でつなぎたいので） ディスクアクセス速度は、ある程度遅くても良い（RAM ディスクで頑張る戦略） 買うパソコンを決める
ベンチャー企業が試みる新型ＳＮＳ、世界に挑む ミニブログ「Ａｒｒｏｗ」じわり利用増 ：日本経済新聞
「寒い！暖かいところへ旅立ちたい」。スマートフォンのアプリでこんなメッセージを発信して約5分。どこかにいる誰かから「うん、うん。俺のところは軽く雪がちらついたし」と返事が返ってきた。空に矢を放つように匿名で「つぶやき」を発信すると、世界のどこかにいる誰かに届き、その人から「返信の矢」が帰ってくる――。フェイスブックやツイッター、ミクシィとも違うこんな仕組みの新型ミニブログ「Arrow（アロー）
iPhone/Androidなどあらゆる機器向けに動画変換できる「Hamster Free Video Converter」 | フリーソフト,Windows PC活用情報局
Hamster Free Video Converter 「Hamster Free Video Converter」は、iPhoneやiPad、Android、PSPなどをはじめ、あらゆるデバイスやフォーマット向けに動画をドラッグ＆ドロップだけの簡単な操作で高速変換できる、シンプルで分かりやすいユーザーインターフェースと高い性能を兼ね備えた動画変換ソフトです。 動画を再生したいデバイスを200以上のメーカーや機種の中から直接指定して、音声コーデックや画素数などそのデバイスにぴったりのフォーマット形式に変換できるため、ややこしい知識が一切なくても画面を一目見れば誰にでもすぐに使いこなせる点や、多数の動画形式に対応しているという万能性が最大の特徴。 もちろん、各デバイス向けの形式だけでなく、AVIやMPEGなど変換したいフォーマットを任意に選んだりビットレートを詳細にカスタマイズすることもで
[PHP] サーバーにあるWebフォントで文字を画像変換してみる | しゃけログ
サーバーにWebフォントをインストールして、PHPを使って文字を画像データに変換してみました。 PHPで文字を変換するために、imagefttext というメソッドを使っています。 これを使うと、TrueType フォントを使用して画像に書き込みができるようになるんですな。 1. パラメータを指定 「size」「font」「value」「color」とそれぞれのパラメータをPHPに渡して自由に画像生成できるようにします。 また、それぞれの値が省略されたときにも対応するようにデフォルト値を指定。 カラーは6桁のRGB値を指定して、内部で16進数に変換しています。 php define('DEFAULT_SIZE',30); define('DEFAULT_FONT','migmix-1p-regular.ttf'); define('DEFAULT_VALUE','empty'); defi
【超お得な裏ワザ】スタバのドリンクを1個買って2個もらう方法 | ロケットニュース24
世界中で愛され、日本でも大人気のコーヒーショップ『スターバックス コーヒー』。 最近では、コンビニでも販売されているチルドカップの『スターバックス ディスカバリーズ』が好評を博しているが、そのシリーズに13日から新発売のスターバックス日本第1号店で最初にオーダーされた、「ダブル ラテ」が追加、販売開始された。 ダブルラテはスタバの店舗と同じ豆を使用しており、エスプレッソの力強さとミルクのコクが味わえるが実はこの商品、美味しさだけではない「超お得な利用方法」が隠されているのである。 その利用方法は、カップ上部に貼られているシールをめくると判明する。なんと、このシールを実際に店舗へ持っていきドリンクを1杯注文すると、注文したドリンクと同じ物のショートサイズが1杯無料でプレゼントされるのだ！ 詳細な方法について以下に記すので、ぜひ見て試して欲しい。 ■スタバのドリンクを1個買って2個もらう方法
なぜ糞システムができあがるか
納期が、予算が、バグフィックスが、性能、デザイン、インタフェース、使い勝手、保守が、可用性が、移行にマイグレーション、稼働率が、糞だ。そもそも要求を満たしとらんまともに動かない糞システムが、なぜ莫大な銭金かけてできあがってしまうのは、なぜか? アナリスト、コンサル、PM、SE、プログラマ、テスタ、ヘルプデスク、メンテ、ユーザー、そして経営者と、それぞれの立場から言いたいことは山ほどある。それぞれの立場から「これぞ真の原因!」と叫びたいのも分かる。経営者を除き、全てのキャリアをやってきたから。だから、自信をもって断言する。糞システムができあがる、最も根っこの原因はこれだ。 一つ前の仕事をしている それぞれの立場で「やるべきこと」は分かっている。だからこそ、そのインプットが体を成していないことが明白なのだ。仕方がないので、自分で「インプット」相当を作るハメになる。 例えばプログラマ、プログラミ
Rails3.1の初期化プロセスを細かく追いかけたRailsGuidesの記事を和訳したよ:ミームの死骸を越えてゆけ
This domain may be for sale!
PHPでTwitter APIのOAuthを使う方法まとめ
この記事以降 Twitter API の仕様が変わっており、このままでは正しく機能しない場合があると思います。近いうちに今のやり方を書くので、それまで参考程度にご覧ください。 Twitter API の OAuth でひととおりやってみた。 忘れないようにメモ。 大雑把な流れ Twitter にアプリケーションを登録する。 Consumer Key と Consumer secret を取得する。 リクエストトークンを取得する。 認証用 URL を取得する。 ユーザーから承認を受ける（bot の場合は自分でやる）。 アクセストークンを取得する。 API にアクセスする。 以下、やった作業の手順です。 事前準備 HTTP_OAuth を使えるようにする OAuth の通信部分そのものは PEAR の HTTP_OAuth を使うことにしたので これをインストールする。 一番めんどくさい部分を
PDFや画像ファイルをGoogleドキュメントを使って「Wordに変換」する方法 | ライフハッカー・ジャパン
Googleドキュメントを使って、PDFや画像からテキストを抽出し、Wordに変換する方法をご存知ですか？ テキストの抽出さえできれば、色んな形式で保存できるのがGoogleドキュメントの便利なところです。 以下にその方法をご紹介します。 まず、Googleドキュメントへアクセスしましょう。ファイルのアップロードページへ移動します。 「PDFや画像ファイルからテキストをGoogleドキュメントのドキュメントに変換する。」にチェックを入れて、PDFや画像をアップロードしましょう。 アップロード後、Googleドキュメントでアップロードしたファイルを見てみると、テキストが抽出されていることが分かります。そして、「ファイル」から「形式を指定してダウンロード」で「Word」を選べば完了です。 Googleドキュメントを介することで様々な変換ができるので、覚えておくといざというときに役立ちますよ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2011年に話題になったWebサービスまとめ * 男子ハック
