IBMも人工知能ソフト公開－機械学習の進化に期待
This copy is for your personal, non-commercial use only. Distribution and use of this material are governed by our Subscriber Agreement and by copyright law. For non-personal use or to order multiple copies, please contact Dow Jones Reprints at 1-800-843-0008 or visit www.djreprints.com. http://jp.wsj.com/article/SB10666961791936904616304581376714054540464.html
ゼロからはじめるHTML5でのサイト制作／第9回 XHTML1.0とHTML5のコーディングの違いを確認してみよう - MdN Design Interactive
これまでの連載では、HTML5での新要素の説明やHTMLから使用方法が変更になった要素、ブロックレベル要素とインライン要素の変わりとなった「コンテンツ・モデル」や「アウトライン」などについてまとめてきましたが、ここからは今まで解説したことのまとめとして、簡単なレイアウトをxhtmlとHTML5でのマークアップを比較しながら実際に作成してみたいと思います。 解説：（有）ムーニーワークス 林 豊／田崎一成 ●HTML5の基本の書き方 XHTML1.0とHTML5の基本のHTMLの違いを再確認してみましょう。HTML5といっても基本の書き方が大きく変わるわけではありません。極端なことを言えば、DOCTYPE宣言だけをHTML5の書き方にし、コンテンツのコードを既存のままにしてもHTML5になります。今回は新要素などを適切に使用して「コンテンツ・モデル」や「アウトライン」を意識してマークアップして
長いデザインを印刷する｜Print1
縦に長い画像を1枚で印刷する際に自動分割してレイアウトするツールです。※2015.11.10 分割表示されないエラーに対処しました 使い方 画面の赤い点線で囲われたエリア部分に画像ファイルをドラッグ＆ドロップすると、画像の長さを計算して自動的に折り返すように複製して配置されます。 スライダーまたは数値を入力して画像の幅を調整、また画像の位置を個別にドラッグで動かして調整してください。 画面左下の印刷ボタン、またはブラウザのメニューから印刷を行ってください。 画面左下の×ボタンはページをリロードして表示をクリアします。その際、画像幅の設定値は保存されます。 対象ブラウザ Google Chrome 最新版 対応画像形式 jpg,gif,png,svg 紹介記事 WebNAUT
Appleがトップページで自動送りカルーセルをやめた理由
残念ながらページ全体のキャプチャをとっていなかったので下までお見せできませんが、ページのメイン要素となるカルーセルの下にはフッターしかありませんでした。ほんとですw そして、おぉ、さすがApple。 ここでも思い切った選択をしたな〜と思っていたわけです。 ところが！ 数日後にもう一度トップページを見てみたら、あの懐かしの4つのボックスが戻っているではないですか！？ 実は、このレイアウト（巨大ヒーローイメージと4つのフィーチャーボックス）が、何年も続いたAppleの鉄板レイアウトだったわけですが、先日のリニューアルでこのフィーチャーボックスがなくなっていて「ついに、あれもお亡くなりになられたか」と、密かに悲しんでおりました。 その後のこの華麗なカムバックです。 かなり興奮してしまいました。 しかも、スタイルも細かいスペースや背景の扱いがよりシンプルなものに更新されています。 iPadでみると
[発注書付]リスティング広告担当者がイメージ広告(バナー広告)を発注する際に気をつけている8つのこと｜アナグラム株式会社
この記事の大雑把な内容 この記事は、Webデザイナー出身の現リスティング広告担当者が、自社または外注先にイメージ広告を発注する際の「デザイナーさんにスムーズに気持よく仕事をしてもらうための注意点」をWebデザイナー目線で紹介しています。 記事の最後に、弊社で使用しているイメージ広告発注仕様書をダウンロード出来るようにしてありますので、必要がある方はどうぞご使用ください。また、現役Webデザイナーの方で、「こういうのが困るんですよね」などあれば、はてぶのコメント欄にでも記載してください。みなさんで共有し、今後の改善に役立てていければと思っています。 すっかり涼しくなり、我家の猫もそろそろ丸まり始める季節となりました。 セミの鳴き声もすっかり遠くなり、「あー、楽しかった夏も終わってしまったのですね感」が満載な時節です。季節の変わり目は、猫が丸まり始めるだけでなく、いろいろな店舗や企業が、あらた
![[発注書付]リスティング広告担当者がイメージ広告(バナー広告)を発注する際に気をつけている8つのこと｜アナグラム株式会社](https://cdn-ak-scissors.b.st-hatena.com/image/square/e979c06f85808f6fa698695c8b9c010ef1f9aca9/height=288;version=1;width=512/https%3A%2F%2Fanagrams.jp%2Fwp-content%2Fuploads%2Fanagrams_thumb.png)
【大感謝】CSS Nite in SAPPORO, Vol.14「選ばれるECサイト」が終了しました | 新着情報 | CSS Nite in Sapporo
2014.07.07 【大感謝】CSS Nite in SAPPORO, Vol.14「選ばれるECサイト」が終了しました 昨日2014年7月6日（日）、東札幌・ICC Cross×Gardenにて、CSS Nite in SAPPORO, Vol.14「選ばれるECサイト」を開催、無事終了しました。 //cssnite-sapporo.jp/vol14/ 100名以上の方にお申し込みいただき、満席での開催となりました。よりよいEC体験、スマートフォン対応、セレクトショップ型ECサイトの運営、SEO、メールマガジン、解析と改善手法に関する6つのセッションと、地元から西山泰史さんのショートセッションをお届けしました。 参加者のみなさま、協賛各社、プレゼントを提供いただいた方々、Webサイト、Facebook、Twitterなどを通して応援してくださった方々に、CSS Nite in SAPP
ScaleOut | Supership
「ミライリアルの幸せを、デジタルの力で創る」ことを目指すSupershipグループの社内報です。日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipグループの”Be Super”なストーリーをみんなでシェアしていきます。
CSSでfloatを解除する方法のまとめ
CSSのfloatを解除（クリア）する方法をまとめてみました。 以前、floatを解除するテクニックとして以下の記事をエントリーしたのですが、その後色々なテクニックがあることに気がつきました。 CSS の after 擬似要素で回り込みを解除する ということで、そもそものfloatの問題（というか仕様）と、その対処方法についてネットで調べた情報を一通りまとめました。 １．floatにより親要素の高さが出なくなる（＝背景がなくなる）問題 親要素の中にある子要素にfloatプロパティが設定されていると、内容をもたない親要素の高さが0になるという仕様になっています。 例えば、次のCSSとHTMLを例にします。 <style> #container { width: 200px; background: #ddd; } .box { width: 25px; margin: 10px; paddi
CSS(スタイルシート)の基本、小技、テクニック総まとめ
CSSの基本や使える小技テクニックなどを幅広くまとめました。以前書いて今もそこそこアクセスがある「CSSの知識をもっと深める30+2の小技テクニック集｜Webpark」という記事があるのですが、2年近く前の記事ですしパワーアップさせて作り直しました。 恐らく過去最長の記事ですので目次を作りました。クリックするとするりと移動します。基本的な内容が多いですが、お役に立つ項目があればうれしいです。 ということで順番に説明していきます。 1. 全般的なこと 1-1. CSSリセット ブラウザごとでデフォルトのスタイルは異なっています。その違いをそのままにしておくと、後でブラウザ間の表示の違いに悩むことになり、どこが原因か分からないとイライラしてしまいます。 そんなことのないように、いったんデフォルトのスタイルをリセットしてしまおうというのがリセットCSSです。 方法は色々ありますが、個人的には一番
リクルートライフスタイル、検索機能充実の下着通販サイトをオープン
リクルートライフスタイルは3月15日、同社の運営するファッション通販サイト「ERUCA(エルーカ)」を一新し、下着通販サイトとしてサービスの運営を開始した。同社によるとERUCAは、「下着のセット検索・購入を行える日本初のサービス」になるという。 ERUCAの特徴となっている下着の上下セットの検索機能は、ブラジャーとショーツそれぞれのカラー / サイズ / 在庫情報や、サイズによって値段が変わるアイテムの価格情報などを調べるためのもの。探しているサイズを入力するだけで、セットで在庫が揃っている下着だけを効率的に閲覧・購入できる。 従来のERUCAの販売データによると、下着を買う際に上下セットで購入する割合は64％となっており、セット購入には高いニーズがあるという。 また、リニューアルしたERUCAでは、カップの形・柄・素材などから商品を細かく検索できる「こだわり検索」機能や、キャミソールな
タブ切り替え式デザインを推奨しない理由はSEOではなくUXの観点からだった
[対象: 中級] URLが変わらないタブ切り替え型のページでは初期状態で選択されていないタブに隠れているコンテンツは無視されるかもしれないという情報を昨日の投稿で伝えました。 しかし背景や前後関係が不明だったので本当にそうなのかどうかの結論を出せませんでした。 この発言をしたGoogleのJohn Mueller（ジョン・ミューラー）氏から詳しい説明をもらえたので今日の投稿でフォローアップします。 以下、ジョンさんからの説明の日本語訳です（原文は記事の終わりに転載します）。 状況による。 適切な経験則からすると次のようになる — タブに隠れているコンテンツのために特にあるいはそのコンテンツのためだけにユーザーがやって来たのなら、最初の状態でもっと発見しやすくもっと見やすくしておきたいと思うはずだ。 タブにあるコンテンツがただの“おまけ”の情報の場合、たとえば一般的な情報を載せている製品ペー
『display:noneの利用 = 検索エンジンスパム』 ではない- Google Wysz ::SEM R (#SEMR)
『display:noneの利用 = 検索エンジンスパム』 ではない- Google Wysz 米GoogleのWysz氏が、隠しテキスト問題についてGoogleの見解を説明。クローラが閲覧するコンテンツとユーザーが閲覧するコンテンツが同一である限り、display:none などでテキストが隠れた状態でも問題がないとの見解を示した。 公開日時：2007年10月12日 07:33 米GoogleのWysz氏は、ウェブサイトのナビゲーションメニュー設計において、CSSで display:none を使用したからといって即座にスパム行為と判定するわけではないとの見解を明らかにした。米Google Webmaster CentralチームがFAQを作る目的で募った質問に対して答えたもの。 CSSの display:none の利用はSEOの世界では頻繁に取り上げられるトピックの1つ。検索エンジン
CSS： marginの正しい理解 - kojika17
toggle()や変数、calc、:matchなど、今までにないCSSプロパティ、セレクタが提案・実装されて、CSS3, CSS4も楽しくなってきています。 border-radiusや、box-shadowなども、古いAndroidブラウザ以外なら、prefixなしで使える状況も増えてきました。 最新技術は、これから必要になってくるかもしれませんが、基本も大切です。 float や position など、CSSコーディングを悩ませるタネはいくつもありますが、今回はその中でも私がCSSで一番難しいと思う margin について書きます。 「marginはバグが多い」という声をたまに聞きます。 しかし話を聞いてみると、正常な動作をバグと間違って認識しているケースもあります。 marginを正しく理解することによって、効率的なレイアウトを構築できますので、基本的な内容ですが、読んで頂ければ幸
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
UIデザイナーが知っておくべきエンドユーザーの10の特徴
ユーザーの視点に立ってデザインされていないインターフェースは、エンドユーザーに受け入れてもらえないはずだ。そこで本記事では、UIデザイナーが念頭に置いておくべきユーザーの習慣や考え方について焦点を当てる。 つい最近、「Ubuntu Unity」はUbuntuに正式搭載されてから1周年を迎えた。また、「Windows 8」はリリースを間近に控えている。こういった状況のなか、すべてのユーザーインターフェース（UI）は同じように作られていないという事実が明らかになってきている。実際のところ、コンピュータの使い方に革命的な変化をもたらすような素晴らしいUIデザインもあり得るだろうが、エンドユーザーを念頭に置いていないものは、その素晴らしさを証明する間もなく失敗作という烙印を押されてしまうはずだ。 筆者は長年に渡るコンピュータ経験のなかで、ほとんどすべてのLinuxデスクトップと、あらゆるバージョン
UIデザインが素晴らしい35のウェブスタートアップ ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
最近かつて以上にウェブサービスにとってデザインが重要だ、ということがいわれることが多くなってきた気もします。PinterestやFlipboard等、いわゆる次世代ウェブデザインを代表するようなサービスも大人気ですが、もちろんそれだけはありません。今回から新たに登場する米国の人気デザインブログspyrestudiosから、最近のスタートアップでデザインが素晴らしいサイトを35まとめた記事を紹介します。 — SEO Japan 何年か前までは誰もがWeb2.0の流行について話していた。インターネットではMySpace、Friendster、Facebook、Twitter、そして最近ではFoursquareやPinterestに続く新しいスタートアップが次々に登場している。テクスタートアップの世界では、新しいアイデアにこと切れることはない。 ウェブデザインに関しても同じことがいえる。今回、最
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
ダミー画像を超手軽に生成出来るWebサービス・PLACEHOLD.ITがやたら便利
昨日知ったWebサービスに久々に感激したので勢いでシェアします。Web制作で必ずと言っていいほど必用になるダミー画像を生成してくれるサービスなんですが、これが個人的にかなり便利でした。 PLACEHOLD.ITはダミー画像の生成サービスなんですが、凄く手軽に生成出来るのでかなりオススメです。 ダミー画像を生成する、というシンプルなサービスですが、これが想像以上に有用的でした。 使い方使い方は至って簡単。placehold.itというドメインの後にサイズを指定すればいいだけ。 例えば350×150ピクセルの画像が欲しいなら http://placehold.it/350×150 にアクセスすれば指定したサイズの画像が表示されます。 なので、 <img src="http://placehold.it/350x150" />これで以下のようにダミー画像を表示させる事ができます。 勿論、細かいサ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
事例紹介 | 株式会社インフォバーン
https://stackstock.net/archives/1683/
