To HTML5 or not to HTML5, that is the mobile question
To HTML5 or not to HTML5, that is the mobile question Mark Zuckerberg opened up recently about HTML5 and the difficulties that Facebook has faced in developing mobile apps. In a quote heard round the world, Zuckerberg called HTML5 “one of the biggest strategic mistakes we made.” Those are pretty strong words from the CEO of the most influential company in the mobile market today. Facebook is exper
東京都心へ通勤しやすい路線は？
どこに住むかを考えた場合、家賃や間取りと同じくらい重要になってくるのが「立地」だろう。特に電車通勤をするビジネスパーソンにとっては、会社への通いやすさは気になるポイントだ。 賃貸サイト「キャリルーノ」は東京都心を通る路線を「非混雑度」「通勤・通学時間帯の本数」「終電時間」という3つの指標で評価し、その総合ポイントで「東京都心へ通勤・通学しやすい路線ランキング」を発表した。その結果、1位となったのは中野、高円寺、吉祥寺といった人気エリアを通る「JR中央・総武緩行線（中央本線区間）」。終電時間においては9.34ポイントと、全路線の中で最も高いポイントを獲得した。 また国交省が発表した平成23年度の「混雑率データ」によると、「JR中央・総武緩行線（総武本線区間）」の錦糸町―両国間の混雑率は200％を超え、「JR中央線快速」も同190％を超えている。それらの路線と直通・平行している「JR中央・総武
Webサイトの作り方のまとめ！トップページ完成まで。
サンプルサイトの制作を通して、「Webサイトのコーディング」についてまとめた、第3（+α）回めです。 トップページにツイートを表示したり、Like Boxを設置したり、JavaScriptでいろいろ実装したり、その他もろもろ。 「Lopan cafeというWebサイトのトップページ総仕上げ」について、制作過程をまとめました。 以下目次。 その前に、ちょっと修正 一番上のナビゲーションのところ Lopan's infoと新作パン／おすすめパンのところ 「画面を縮めると変」だったところ ちょっと脇道：サーバーの話 Webサーバーとは サーバーにファイルをアップロードする トップページにツイートを表示する。 Twitter ウィジェット Embedded Timelines（埋め込みタイムライン） トップページにLike Boxを表示する。 Facebookページを作る Like Boxを設置す
Webサイトの作り方のまとめ！コーディングまで。
サンプルサイトの制作を通して、「Webサイトのコーディング」についてまとめました。 ここで言うコーディングとは、「HTMLで文書を書いて（マークアップして）、CSSで見栄えを整える（CSSコーディングする）」ことを指します。主に「Webデザイナー」と呼ばれる人たちが担う範囲のコーディングについて書いてます。 以下は目次です。クリックするとその項目へ移動します。 コーディングの下準備 ディレクトリの構造を考える ディレクトリの設置 Web開発環境について CotEditorというテキストエディタ Zen-Codingという便利なプラグイン その他のWeb開発環境 コーディング！まずはマークアップ（HTML） index.htmlの基本設定 トップページの内容をマークアップ コーディング！レイアウトを整える（CSS） style.cssの基本設定 トップページのレイアウトを整える <heade
Webサイトの作り方のまとめ！番外。
サンプルサイトの制作を通して、「Webサイトの制作手順」についてまとめてみました（の番外です）。 前回の記事では、トップページのデザイン制作と、勢い余ってスライスまでしてしまいましたが、その後、依頼主からデザインの修正依頼がありました。この記事では、トップページデザインの修正と、下層（コンテンツ）ページのデザイン制作について書いてます。 目次です。クリックするとその項目へ移動します。 トップページデザインの修正 依頼主からの返答 改善案を考える 修正案を制作する ちょっと寄り道：ロールオーバー時の見せ方 サイトの役割を再確認 サイトの構成を決める サイト構成図を制作する ちょっと補足：サイト構成図？サイトマップ？sitemap？ 下層（コンテンツ）ページの制作 各ページに入れる内容を整理する レイアウトを考える 下層ページのデザイン制作 スライスしてWeb用に書き出し トップページデザイン
Webサイトの作り方のまとめ！デザイン制作からコーディング手前まで。
話し合い Webサイトの制作に向けて、まず最初にする事は、依頼主についての情報を収集することです。依頼主と話し合い、どんなサイトにしたいのか、方向性を決めてゆきます。 依頼主との話し合いでは、以下の2点について、しっかりと決めておく事が大切です。 サイトにどんな情報を入れるか、どんな人に向けて発信するか、サイトをどう活用していきたいかなど、サイトを立ち上げる目的は何かを確かめる。 どんな雰囲気のサイトにしたいか、理想とするサイトや、希望・要望を聞きながら、どういうデザインにするかイメージを固める。 また、同業他社のサイトを片っ端から見まくる事。今回の場合、喫茶店やパン屋さん、ケーキ屋さんなんかが参考になるかもですね。他のサイトではどんなコンテンツがあるか、どんな見せ方をしてるかとか、この業種だとどんな色遣いのサイトが多いのかとか、たくさんみる事で、刺激になったり、イメージが掴めたりします。
電力会社・電力使用状況（電力需給）グラフ | エレクトリカル・ジャパン - 発電所マップと夜景マップから考える日本の電力問題
電力需給グラフの青線が示すように、時間帯によって供給力想定値は変動するため、リアルタイム（青）の方がピーク時（赤）よりも実態に近い数値を示します。ただしリアルタイム供給力基準で用いる想定値は00分から59分まで一定値のため、供給力が大きく変動する時間帯では想定値が過小／過大となり、一時的に使用率が100%を超えることがあります。 使用率が瞬間的に100%を超えても、揚水発電所に余力があれば一時的に供給力を増やせますので、直ちに大規模停電が発生するわけではありません。 リアルタイム供給力基準では、最大使用率時の「時刻＝使用量（使用率）」も示します。ただし需給バランスが最も厳しい時間帯の数値とは異なることがあります。 ピーク時供給力基準では、最大電力時の「時刻 = 使用量（使用率）」も示します。ただし分母となるピーク時供給力は日中にも変更される場合があるため、「電力使用率の最大値」ではなく「最
デザインフォーダウンロード ─クリエーティブコモンという著作権のかたち─
インターネットの普及で、写真や文章、音楽などを簡単にダウンロードしたりコピーできる時代になりました。何かを書いたり資料をつくったりしようとすると、写真やテキストは、オリジナルの引用やコピーをしないで書くほうが難しいくらいです。著作権の問題はあるものの、そのクレジットを入れることでもっと自由に引用して、知識や情報を多くの人が使えるようになったらいいと考えてはどうでしょう。 先日まで無印良品の有楽町店で行っていた「家具のかたがみ展」では、作家の設計データを配布し、ウェブ上からもそれをダウンロードできるようにしてみました。その際に使用した著作権のかたちは、「クリエーティブコモン」というもの。作家側や発信者が一定のルールを決めて、その範囲内なら自由に使ってよい、という新しいライセンスのかたちです。今までのCマークに対してCCマーク（http://creativecommons.jp/license
UX Design Versus UI Development :: UXmatters
I was recently reminded of the import of this problem, when a UX Designer lamented that he had approached the Product Manager for a new product with the question: “Have you thought about how to ensure the quality of the user experience?” The Product Manager’s answer was: “Oh yes, so-and-so is developing the UI,” where so-and-so was a talented and user-focused UI Developer. So, how do we break into
Youtubeの動画を背景に
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
CSS Architecture — Engineering Blog
To many Web developers, being good at CSS means you can take a visual mock-up and replicate it perfectly in code. You don't use tables, and you pride yourself on using as few images as possible. If you're really good, you use the latest and greatest techniques like media queries, transitions and transforms. While all this is certainly true of good CSS developers, there's an entirely separate side
8 ways to make your single-page web app faster | Eventual Consistency
Over the last couple of years, the idiom of single-page web applications has gotten to be quite popular. This happened for several reasons, some technological, some driven by the demand for better user experience - but whatever the reason, it really changed the way web developers carry their work. A lot of logic has been pushed up the stack, to the client, resulting in thinner server side code. In
インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久
どれぐらいスゴいかというと、「サーバーにインストールするだけで、あとは設定ファイルをちょちょっといじれば、かなり高速化できちゃう」というぐらいスゴいのです。しかも、どんなサイトでも、どんなCMSを使っていても「インストールするだけ」。 Webサイトを高速化すると、ユーザーに優しいし、場合によっては検索結果での順位にも良い影響が出るかもしれない……それはわかっていても、なかなか本格的にサイトを高速化するのは難しいものです。 サーバー側の高速化に加えて、HTMLのつくりや画像のファイルサイズ最適化、さらにはCSSを調整しての画像スプライト化やCSS/JSファイルの結合・最適化によるブラウザとサーバーの通信本数削減などなど、実はやらなきゃいけないことがたくさん。 グーグルの提供するmod_pagespeedは、そうしたことの、かなりの部分を自動的に行うものです。 mod_pagespeedはこん
普通の人であることの大切さ――プロが陥りがちな直観のワナ - 週刊アスキー
前回の「表現者の才能について考える」では、どんな人が突出した表現者になりうるのか？ という話を書きました。 今回は、類まれなる表現者である糸井重里さんのスピーチから話をはじめてみたいと思います。 ■「普通の人以上に普通のことを考えられる」 先日、糸井さんは東京コピーライターズクラブでスピーチをされました（関連サイト）。その時の様子を引用します。 やればやるほど、普通の人になっていく。 それがコピーライターという職業じゃないかな、とこの頃思うようになった。 （中略） 普通の人以上に普通のことを考えられる。 今日いただいたホールオブフェイムは普通の人の証。 これをもってさらに磨きをかけた取り柄のない人になっていこうと思う。 いやあ、深いですね。 糸井さんはどう考えても普通の人ではないわけです。でも普通の人になっていくんだとおっしゃいます。結果についての説明でもあり、決意表明でもありそうです。こ
就職ジャーナル
就活をはじめる以前に、本当はいろんな不安や悩みがありますよね。 「面倒くさい、自信がない、就職したくない。」 大丈夫。みんなが最初からうまく動き出せているわけではありません。 ここでは、タテマエではなくホンネを語ります。 マジメ系じゃないけどみんなが気になる就活ネタ。 聞きたくても聞けない、ホントは知りたいのに誰も教えてくれないこと。 なかなか就活を始める気になれないモヤモヤの正体。 そんなテーマを取り上げて、ぶっちゃけて一緒に考えていきましょう。 みなさんが少しでも明るく一歩を踏み出す気持ちになれることが、 私たちの願いです。
Webサービス運営で覚えておきたい、登録フォーム作成の7つのポイント
ニーハオ！カヤックのHTMLファイ部のしんちゃんアル！ 中国出身の新卒です。 入社して二ヶ月になりますが、 日本語を一生懸命勉強しています。 よろしくお願いいたします。 さて、現在jsdo.itでは第二回HTML5実技コンテストを絶賛開催中！ こんどのお題は「思わず登録したくなる登録フォーム」です。 Webサービスの制作においてついつい疎かにしがちな登録フォーム。 実はとても大事なものです！ 今日は、登録フォームをつくる際に気をつけるべきポイントを7つにまとめました。 これだけは欠かせない基本の要素6つ 登録と無関係の要素はなるべく表示しないように！ 聞きたいことは最小限にして不安にさせない OpenIDを利用して登録手続きを超簡単に！ バリデーションは色や動きでみせると効果的 登録のメリットを表示しましょう アドバイスに縛られないで、そのサイトの個性に適した手法を使いましょう！ これら一
TBS「きこえますか…TBSを…見るのです」→なぜか大みそかの番組リクエスト大会に発展
※本記事はアフィリエイトプログラムによる収益を得ています 現在、Twitterで人気の「（……きこえますか）」から始まる形式のツイート。誰かの心の中に直接呼びかけて自分の気持ちを訴えるという内容のもので、漫画「聖☆おにいさん」でブッダが心の声で医者に風邪の症状を伝えたのが元ネタではないかと言われています（ほかに「ドラクエ」や「マザー2」が元ネタだという説も）。そんな中、TBS公式アカウントがこの形式のツイートをしたことで、Twitter上では意外な展開に。 発端となったのはTBSのツイート きっかけとなったのは、TBS公式アカウントのこのツイート。「年末は…某歌合戦を…見る場合では…ありません…あなたが…見る…番組は…笑ってはいけない某でも…ありません…TBSです…TBSを…見るのです…」と、視聴者の心に直接呼びかけました。 これに対しTwitterユーザーも心で呼びかけ返します。「大みそ
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
CSS 仕様のプロパティ値の構文の読み方 | Unformed Building
値の部分のキーワードは文字通りに記述しなければなりません。また、スラッシュ（/）やコンマ（,）も同様に文字通りに記述しなければなりません。 "<"と">"で囲まれているものはデータ型を表します。基本的にリンクがあるので、その型がどういうものはリンク先の説明を参照すること。 いくつか単語が並置されている場合、その順序通りに全て記述しなければなりません。バー（|）は2つ以上の選択肢の区切りで、それらの中の1つを記述しなければなりません。ダブルバー（||）は2つ以上の選択肢の区切りで、それらの中の1つ以上を記述しなればなりません。これは順不同です。ダブルアンパサンド（&&）は2つ以上の構成要素の区切りで、それらの全てを記述しなければなりません。これは順不同です。ブラケット（[ ]）はグルーピングのために使用されます。優先順は左から順に並置 - ダブルアンパサンド - ダブルバー - バーです。
jQueryプラグインの<br />作り方について詳しく | DevelopersIO
この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。 アジェンダ そもそものはなし jQueryプラグインってなに？ jQueryプラグインにオプションを渡す jQueryプラグインに静的(static)関数を追加する jQueryプラグインをJSファイルとして外だししたい そもそものはなし #1 jQueryの基本的なつかいかた
Subcompact Publishing
Simple tools and systems for digital publishing Craig Mod, November 2012 “I see god in the instruments and mechanisms that work reliably.” — Buckminster Fuller … Zip drives ate floppies. CDs ate Zips. DVDs ate CDs. SD cards ate film. LCDs ate CRTs. Telephony ate telegraphy. Text messaging ate talking. Tablets are eating our paper … Imagine a table: Hundreds of meters long and wooden. Worn and oile
解決！WordPress投稿画面のカテゴリーをカスタマイズする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
段田です。 WordPress案件で「投稿画面カテゴリーで親カテゴリーのチェックボックスを非表示にして欲しい」と要望があり対応しました。 なので今回は投稿画面のカテゴリーカスタマイズについて書きたいと思います。 ■実行プログラムについて カテゴリータブの表示制御は /wp-admin/includes/template.phpの wp_terms_checklistメソッドを使っています。 function wp_terms_checklist($post_id = 0, $args = array()) { $defaults = array( 'descendants_and_self' => 0, 'selected_cats' => false, 'popular_cats' => false, 'walker' => null, 'taxonomy' => 'category',
確たる判決を求めて――作家7名がスキャン代行業者7社を提訴
スキャン代行訴訟は終わっていなかった――作家7名がスキャン代行業者7社に対し原告作品の複製権を侵害しないよう行為の差し止めを求める提訴を提起。「無許諾でのスキャン事業が著作権侵害にあたる、との確たる判決を求めて」とあり、明確な判例を求める姿勢だ。 スキャン代行訴訟は終わっていなかった――浅田次郎氏、大沢在昌氏、永井豪氏、林真理子氏、東野圭吾氏、弘兼憲史氏、武論尊氏といった名だたる作家7名を原告とし、スキャン代行業者7社に対し原告作品の複製権を侵害しないよう行為の差し止めを求める提訴が11月27日に東京地方裁判所に提起された。 無許諾でのスキャン事業が著作権侵害にあたる、との確たる判決を求めて 被告として挙げられているのは「ブックコピー」「Scan Agent」「00paper.com」「PDFBOOKS」「ヒルズスキャン 24」「電子書籍化ドットコム」「スキャポン」の7事業者および代表者個
Cosmo: A free Metro-inspired theme for Bootstrap
I’m pleased to announce Cosmo, a brand new Bootstrap theme inspired by Metro. Cosmo features bright colors and no-frill components reminiscent of Windows 8. You can jump right in and use it exactly like you would use standard Bootstrap. To really get the Metro look though, try using Font Awesome, sizing up your glyphicons, and combining them with the new .btn-block class.
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
欲求とリスクを知って壁を越えろ～やまもといちろう×楠正憲「ネット業界“ソーシャルの次”を本気で考える」（後編） - エンジニアtype
欲求とリスクを知って壁を越えろ～やまもといちろう×楠正憲「ネット業界“ソーシャルの次”を本気で考える」（後編） 2012/11/27公開 「ソーシャルってだけじゃ商売にならない、という見方は完全に固まった／ソーシャルゲームが今一番ツラいのは、ゲームで獲得したユーザーが『外』に出て行かないこと」（やまもと氏） 「業界が成熟してくると、倫理規定づくりは必ず通らなければならない道」（楠氏） 「ネット社会は作り手が考えたシナリオで進むものではない」（やまもと氏） こうした言葉で、ソーシャルWebの現在地について議論してくれた2人の対談前編は、これからのWeb業界への期待で締めくくられた。 そこで次に聞きたいのが、各種ネットサービスやアプリの作り手たちは、どう今後のソーシャルWebと向き合っていけばよいのかという点。 今年5月に編集長インタビューに登場してくれたLINE然り（記事はコチラ）、ユーザー
やまもといちろう×楠正憲「ネット業界“ソーシャルの次”を本気で考える」（前編）～楽しさだけを突き詰めても先はない - エンジニアtype
トップページ > コラボ > やまもといちろう×楠正憲「ネット業界“ソーシャルの次”を本気で考える」（前編）～楽しさだけを突き詰めても先はない 「話題のソーシャル○○が誕生」、「日本生まれのソーシャル○○アプリがリリース」。 そんな見出しのニュースがネット業界を騒がせてきたここ数年。中には、このムーブメントを“ソーシャルバブル”と表現する記事もあり、もう死語となりつつある「Web2.0」に続く業界の新トレンドとして扱われてきた。 しかし、ここに来て、その流れに陰りが見え始めている。FacebookやZyngaのIPOが不調だったことや、スマートフォンのような新デバイスの普及を受けて、マーケットは「次の展開」を求め出した。 バブル期の終わりは、新たなフェーズの始まりである。各種ネットサービスの作り手たちは、これからのソーシャルWebとどう付き合い、何を変えていくべきなのか。 古今東西のネット
『ノンプログラマのためのJavaScriptはじめの一歩』刊行記念トークセッション、フォトレポート（動画つき） | gihyo.jp
『ノンプログラマのためのJavaScriptはじめの一歩』刊行記念トークセッション、フォトレポート（動画つき） 11月22日、ジュンク堂書店池袋本店4階のカフェにて、『ノンプログラマのためのJavaScriptはじめの一歩』（外村和仁著、技術評論社）の刊行を記念したトークセッション「ノンプログラマがJavaScriptを学んでいくにはどうすればいいのか」が開催されました。 本稿では写真と動画を中心にレポートします。 18時。担当編集者（右）とトークセッションの打ち合わせをしている、著者の外村さん（左）。もう一人の登壇者である高津戸さんも到着し、最終調整しました（高津戸さんは『WebデザイナーのためのjQuery入門 ── 魅力的なユーザーインターフェースを手軽に作る』（技術評論社、2011年12月）の著者です） 打ち合わせの合間に、店頭用のPOPを書く、外村さん（右）と高津戸さ
WordPressでの開発費って高いの？安いの？
一ヶ月ぶりね。バナーを作っていたらもう精根尽きはててモチベーションがあまり残っていないGreyよ。WordPressを利用したサイト制作の開発費がいったい高いのか安いのかを考えてみたわ。 結論：ケース・バイ・ケース はい、結論でたわね！ そうよね！ 世の中のことって大体ケース・バイ・ケースよね！ 私はネカマだからなんでもグレーでいいんだけど、今日は皆さんのためにもうひと頑張り。ネカマらしく発注する側（クライアント）、制作を請け負う側（ベンダー）の両方から考えてみるわよ。 前提1. WordPressは無料、プラグイン・テーマもほとんど無料 これはWordPressの開発費を考えるにあたって忘れてはならない大前提ね。一般的なWebサイトに必要なほとんどの機能がまるっと無料で手に入るわ。これは双方にとってこんな印象なんじゃないかしら。 クライアント……え、そんなに安くできるの？ もうWordP
WordPressのパーマリンクはどの形がベストなのか～日本語URLのデメリット～ | パシのSEOブログ
日本語ドメインがGoogleで上位表示されやすいという話が出てくるようになった頃から、ドメインだけではなくURLの日本語化に関する質問を受けることが多くなりました。 WordPressサイトの場合、ドメイン以下の部分をパーマリンク設定で簡単に日本語URL化することができます。パーマリンク設定はどれを選べば良いのかという事で、悩んでいる人も多いと思いますので、簡単にまとめておきます。 先に結論を申し上げると、「パーマリンクなんて何でも良い」というのが私の見解です。ただ、WordPressサイトを運営するのであれば、ある程度理解しておいた方が良いと思います。 パーマリンクの設定は必要なのか まず、パーマリンクの設定が必要なのかということですが、個人的には設定した方が良いと思います。 WordPressのデフォルト状態では、「http://www.jweb-seo.com/blog/wordpr
ブログの将来を決める！ブログ記事のパーマリンクの理想的な形とは？
カテゴリーの変更ができない ユーザビリティから考えると、パーマリンクは構造化した方が理想です。記事が属するカテゴリー構造をパーマリンクに入れて構造を明らかにする考え方に異論はありません。当ブログでも可能であればそうしたいです。 しかし、この方式は大きな欠陥があります。カテゴリーを変更するとパーマリンクが変わってしまうことです。 例えば山手線の記事「yamanote-line.html」を 電車: http://sample.com/densha/yamanote-line.html のカテゴリーに入れていたとします。後に電車カテゴリーの記事が増えてきたので、地域別の「東京」カテゴリーと作って 東京: http://sample.com/densha/tokyo/yamanote-line.html というカテゴリーに移動しようとすると、パーマリンクが変わってしまうのです。 その都度リダイレ
[CSS]2012年最も人気のあったCSSリセットとどれを使えばいいかの指針、と上手に使うポイント
ブラウザのスタイルを初期化するCSSリセットの2012年に人気のあったものと、どのCSSリセットを使えばいいのか判断するポイント、CSSリセットを上手に使うポイントを紹介します。 CSS Reset 下記は各ポイントを意訳したものです。 2012年人気のあったCSSリセット どのCSSリセットを使うべきか判断するポイント CSSリセットを上手に使うポイント 2012年人気のあったCSS Reset まずは、2012年に人気のあったCSSリセット ベスト5！ CSS Reset経由で最もダウンロードされたものです。 Eric Meyer's "Reset CSS" 2.0 コードとドキュメント HTML5 Doctor CSS Reset コードとドキュメント Yahoo! (YUI 3) Reset CSS コードとドキュメント Universal Selector '*' Reset コ
CSS Reset - 2019's most common CSS Resets to copy/paste, with documentation / tutorials
The logistics industry has experienced a meaningful changeover with the appearance of the Internet of Things (IoT). By enabling real-time data collection and analysis, IoT has supplied new visibility into logistics operations. This raised visibility is key for keeping up […] Read Article Digital trading services have transformed the investment landscape for stocks, commodities, and other financial
fontcustom.com - このウェブサイトは販売用です！ - fontcustom リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
パララックス効果で魅せる縦に長いウェブページ | Accessible & Usable
公開日 : 2012年11月26日 (2015年12月14日 更新) カテゴリー : アクセシビリティ / ユーザビリティ 最近、パララックス効果 (parallax scrolling effect) を採り入れた、縦に長いウェブページが注目を集めています。以下の例のように、ページをスクロールしてゆくと、それに呼応して複数の視覚要素が個別に動くことで視差を作り出し、奥行き感や動きを演出する、というものです。 実際の動きを動画キャプチャしてみました。クローズドキャプション (字幕) で補足説明 (動きの解説) も用意してあります。 Anna Safroncik (http://annasafroncik.it) この効果をうまく用いれば、ユーザーの関心を惹きつける (エモーションを刺激する) ことができ、一定時間、ページに滞留してもらえることが期待できます。面白い視覚効果であれば、行きつ戻
JavaScript.. 基礎文法サンプルコード -PG's PocketArms
JavaScriptの文法を、だいたい知ることができるサンプルを掲載しました。 ここでは、クラスによるオブジェクト指向設計については割愛しました。 オブジェクトを使ったサンプル(Tip集)は別のページを設けて今後掲載していく予定です。 OS： MAC OS X 10.6.8 サンプル確認ブラウザ： Safari 5.1.1 FireFox 6.0 < ページ内目次 >
ブログでめしを食うために行っている5つのSEO – 和洋風KAI
こんにちは！するぷ（ @isloop ）です！ 最近、ブログ界隈で「Googleからの流入が大きく下がった。BANされてしまった。」という声をよく聞きます。 おかげさまで当ブログは、ここ3年くらい検索エンジンからのアクセスは安定しております。（月平均100万ページビュー。2012年9月13日〜10月13日は190万ページビューを記録） しかし、3年前はがくんと落ち込むことも多々ありました。 それが無くなったのは、以下のSEOを日々淡々と実施してきたからだと思っています。 というわけで今日は、和洋風が日々行ってきたSEOを公開してみたいと思います。 SEO対策その1. 検索してもらいたいキーワードをタイトルタグの左端にいれる。 騙されたと思って実施してみてください。思ったより効果がでます。これを実施しただけで上位10位に入ることになったという経験をいくつもしています。アクセスも当然増えます。
「Think Simple」アップルから学ぶ熱狂的哲学10個の教え | PLUS
複雑とシンプルは相反するもの。ともすれば複雑になってしまう物事をシンプルにすることで、どんな効果があるのか。シンプルの熱狂的信者であったアップル(主にスティーブ)から学べることは多いでしょう。 今回はKindleではじめて購入した本「Think Simple ―アップルを生みだす熱狂的哲学」について琴線にふれた内容をまとめました。この本を読めば、あなたの中にある「シンプル」の意味が変わることでしょう。 1. Think Brutal 容赦なく伝える はじめて、著者(アップルの広告代理店)がスティーブ・ジョブズに会ったとき、こう言われたそうです。「君たちの作ったTVコマーシャルは良かったよ、でも紙の広告はクソだった」と。それも、とても親しげな笑顔で。 けれど著者はその言葉に悪意を感じませんでした。彼は単純に著者に対して素直なのだと分かったからです。素直さはシンプルであり、あいまいな言い方は
HugeDomains.com
Captcha security check noxtan.com is for sale Please prove you're not a robot View Price Processing
外国語は1000単語覚えればなんとかなる！ 22時間でやってみよう | ライフハッカー・ジャパン
外国語を習得する一番の近道は、その言語だけにどっぷりと浸る環境に身を置くことだ、とよく言われています。しかし、どっぷりと浸る前に、ある程度の基礎は身に付けておくべきでしょう。 イギリスのガーディアン紙で、ライターのJoshua Foerさんが、約22時間の勉強で言語を習得する方法について書いていました。よく使われる単語1000語を覚えるというものです。Foerさんの経験によると、この「1000単語」というのがポイントのようです。Foerさんは、「Memrise」という単語学習サービスを使っていました。言語学習をしているうちに、ネイティブスピーカーとその言語で話ができるようになる時期が分かった、というのです。 よく使われる1000単語を「Lingala」で覚えたことは言うまでもありませんが、それでフランス語や中国語が流暢に話せるようになる訳ではありません。それに、そんな目標は非現実的だろうと
東京とシリコンバレーは違いすぎ？ 日本が目指すべき場所 (1/4)
東京で凍えるような寒波の気温から飛び立って、西海岸はバークレーに戻ってきました。時差ぼけ解消の良い方法を知っている方がいたら、ぜひ教えてほしいです。友人によると、キーワードは日光、野菜、おびただしい数の仕事の予定、と聞いたのですが、実際はどうなのでしょう。 アメリカ最大の商戦のブラック・フライデーでは タブレットを使ってタブレットを購入？ 米国では11月22日から感謝祭（Thanksgiving）で4連休。そして感謝祭の翌日は「ブラック・フライデー」という年末にかけての商戦の幕開けを迎えます。例年、Best Buyなどのお店ではテントを張って金曜日の午前0時あるいは午前1時の開店を待つ行列を作ります。オンラインストアでも同様。例えばApple Store Onlineでは米国太平洋時間の11月23日午前0時1分から特価販売が始まります。 ブラック・フライデーで寒い中行列するのもまた醍醐味で
アップルは「角が丸みを帯びた長方形」の特許を取得したのか | 栗原潔のIT弁理士日記
ちょっと前になりますが、GIGAZINEが「Appleが『丸みを帯びた長方形』のデザイン特許を取得」という記事を載せていろいろなところで話題になっています。（元記事はたぶんこちらで米国でもいろいろなところで議論されています。） まず、最初に言っておきたいことは、ここで言う「デザイン特許」とは日本でいう「意匠権」に相当するということです。米国の特許制度は、技術的アイデアに関する「特許」（Utility Patent）と工業デザインに関する「特許」(Design Patent)を一緒に扱う制度になっていますが、日本では後者を「意匠」と読んで別に扱っています。 ということで、”Design Patent”を扱っている米国の記事を翻訳する時にはできれば「意匠」と訳していただきたいです（せめて、「デザイン特許（日本では意匠権に相当）」とでもしていただきたいです）。この話、何回も書いているのですがなか
WordPress制作時に良く使うコードスニペット：functions系 - NPO法人のためのIT支援事務所 ht
コードスニペットの最後のネタです。 fuctions.phpで良く使うコードです。 カスタムメニューの追加 [php] register_nav_menus( array( ‘header’ => ‘ヘッダーナビ’, ‘global’ => ‘グローバルナビ’, ‘footer’ => ‘フッターナビ’, ) ); [/php] ウィジェットの追加 [php] register_sidebar( array( ‘name’ => ‘サイドバーウィジェットエリア（上）’, ‘id’ => ‘primary-widget-area’, ‘description’ => ‘サイドバーのウィジェットエリア’, ‘before_widget’ => ‘<aside id="%1$s" class="widget-container %2$s">’, ‘after_widget’ => ‘</asid
ビースティーノカジノ - Beastinoで最高のオンラインカジノゲームをプレイ
ビースティーノカジノ- Beastino Casinoであなたの内なる獣を解き放ちましょう。何千ものトップスロットの中から選び、テーブルゲームで順番を決め、ライブカジノで動物のアクションを楽しむことができます。 カジノを見る ビースティーノカジノ ビーストモードで行こうBeastinoは、最大のゲームコレクションを持つカジノの獣です。アカウントを作成するのに時間はかかりませんし、唯一の問題は、最初に何をプレイするかを決めることでしょう。 Microgaming、NetEnt、Yggdrasil、Pragmatic Play、その他多数のトップクラスのゲームプロバイダーがここにあります。Beastinoでプレイすれば、いつでもジャングルの王様になった気分になれるでしょう。 Beastinoで何千ものゲームをプレイスロットが欲しいなら、私たちにはスロットがあります！正確には3000台です。次の
Kwicks for jQuery
Kwicks for jQuery (v2.2.1)Welcome to the Kwicks for jQuery home page. Kwicks is a plugin providing sexy sliding panels with an emphasis on navigational interaction. Kwicks was originally a port of a MooTools effect (of the same name), but has since evolved into a highly configurable and versatile UI component. Please check out the examples to see it in action. New in v2.2.1This is a patch release
テキストのメリハリをつける方法7つ
私のデザイン修正で一番多い指示が、「メリハリをつけてください」で、以前はどうすれば良いかわからず困っておりました…。(今も時々わからなくなりますが…) 最近ようやくどうすればメリハリがつくかわかってきたので、その方法をまとめてみました。 「メリハリをつけてください」の修正意図は、目立つべきところが目立っていないので、重要な部分を視覚的にはっきりさせてください、ということだと思います。 例として、以下のような見出しとテキストをもとに考えてみます。 （メリハリをつける場合、サイト全体のバランスをみてつけることが必要ですが、ここではわかりやすくするため、見出しと説明文のみで考えています） （引用：Wikipedia: カメラ http://ja.wikipedia.org/wiki/%E3%82%AB%E3%83%A1%E3%83%A9） 私の場合、メリハリをつけるのは以下7つの方法が多いです。
Tristan's keyzen fork
Keyzen Words+Plateau, a heavily modified fork of Keyzen. Forked by Tristan Hume.
[css][jQuery]最近マークアップ中に調べたいろいろ - 末っ子三つ子のハツラツな方です。
最近デザインの合間にマークアップもやっているのですが、css力とかjs(jQuery)力が低すぎてヤバイ。 でもjQueryって相当ゆとりだと思う。可愛い。 ので、最近マークアップしてる時に「わっかんね！」ってなって調べたことのメモ。 多分マークアップエンジニアの方々には常識過ぎることなのだろうけど、そこはご愛嬌ということで。 目次 ・css：z-index付けるときは、親要素にも付ける ・jQuery：body要素に挙動を反映させたい場合はhtml要素にも設定する ・jQuery：フォーム要素のvalue取得のあれこれ ・jQueryTools：overlayのトリガーになった要素の取得はgetTrigger()で取れる ・jQuery：コールバック関数に引数を渡すには ・css：いろいろなセレクタのあれこれ ★css：z-index付けるときは、親要素にも付ける そもそ
Getting Started with Sass: Installation and the Basics
In this post, we are going to discuss a CSS Preprocessor called Sass or Syntactically Awesome Stylesheets. If you have been following our previous posts on LESS, we are sure that you are familiar with the CSS Preprocessor. Both Sass and LESS are CSS Preprocessors which primarily extend the way we compose plain-static-CSS in more dynamic way using programming languages like Variables, Mixins, and F
Changing Times For Web Developers – 6 Tips You Should Read To Survive
The context of this post is about the changing times for a web developer, and I see a lot of web developers still lagging behind especially in the .NET world. If you haven't yet started mastering your art and adapting to the changing trends, you should start today. Think about crafting your web applications properly. Use commonsense to mix and match based on scenarios. Here we go with 6 Tips to b
What's New in WordPress 3.5: The Developer's Perspective
The final version of WordPress 3.5 is coming closer – the first release candidate has already been presented to the public. It means that we should have our hands dirty with testing. Today we are going to see what new things are under the hood of new WordPress release and what it means for developers. What’s New in WordPress 3.5 New Default Theme The upcoming release is going to be packed with a n
Find the jQuery UI icon you want instantly | Roam Lab
If you've ever wanted to use a specific icon from the default jQuery UI iconset, you have no doubt spent a lot of time glancing over the icons in your theme's example page trying to find the one you need. No more! Keep this handy reference nearby and you'll find the icon you want in a heartbeat. Just hit Ctrl+F (or ⌘+F) and start searching. Download this cheatsheet in PDF format and never again wa
SEO対策！WordPressで表示されている記事のカテゴリの人気記事をサイドバーに表示する方法 | ゴリミー
【img via WordPress Moleskine notebook by Nikolay Bachiyski】 昨日、多くのブロガーの間で話題になった和洋風KAIの「ブログでめしを食うために行っている5つのSEO」という記事。 中でも注目を集めたのは「ブログでジャンルを絞れないならページで絞る」という項目。具体的な施策として「同じカテゴリの最新記事を載せる」「記事下には関連記事をいれる」の2点が挙げられていたので、早速gori.meでも同様の施策を導入した！表示されている記事のカテゴリの人気記事をサイドバーに表示する方法を紹介する！ やるべきことを整理！ 今回僕が考えたのは、表示されている記事のカテゴリIDを引っ張ってきて、それによって表示するサイドバーを切り替える、という方法。 サイドバーの対応 各カテゴリーごとにsidebar.phpを複製し、それぞれに対して人気記事を表示する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クリス・アンダーソン、48時間TOKYO滞在記
Expired
Responsive Mobile Navigation Menu - Methods and Solutions
Ustream.tv: ユーザー gihyojp: 『ノンプログラマのためのJavaScriptはじめの一歩』刊行記念トークセッション（in ジュンク堂池袋本店）, 2012年11月22日（木）19時半から，ジュンク堂書店池袋本店4階
Thematic WordPress Theme Toolbox: 10 extremely useful hooks
クラスメソッド発「やってみた」系技術メディア | DevelopersIO
How to use Media Queries for Responsive Design | DesignFloat Blog