Hands-on with the new iPad Pro M4: Absurdly thin and light, but the screen steals the show
Google Chrome が採用する新しいオープンソースレンダリングエンジン 「Blink」 のプロジェクトページの記述や Mozilla の方針から、今後ベンダプレフィックスがなくなるかもというお話 本の虫さんで、「Blink、新機能に対して新たなベンダープレフィクスを追加しない決定」 という記事が上がっていた (ちなみに border-radius は現状、-moz- も -webkit- も不要で使えますよ) のですが、これ、確か Blink レンダリングエンジンが発表された時から FAQ とかに書かれていましたよね? なので今さらだと思いますが、当 Blog では当時触れていなかったし、いい機会ですので簡単に書いてみたいと思います。 Google の Chromium プロジェクトにおいて、レンダリングエンジンを Webkit から、Webkit をフォークして開発された新しいオ
最近、Windows7をシャットダウンする際に「バックグラウンドシステムの終了を待っています…」と表示され、なかなか終了されないことが多くなっていました。 原因を調べてみたところ、Chromeのバックグラウンドアプリ機能が原因であることがわかりました。 photo credit: PromoBlog via photopin cc 設定解除の方法 ↑Chromeの「設定」から「詳細設定を表示…」を選びます。 ↑「バックグラウンドアプリ」の項目のチェックボックスをオフにします。これでOKです。 バックグラウンドアプリとは? 拡張機能やウェブ アプリの多くは、機能を実行するためにバックグラウンド ページを使用します。 (中略…) 高度な機能を提供するために、Google Chrome のウィンドウがすべて閉じた後でも実行を続けるアプリもあり、バックグラウンド アプリと呼ばれます。 via バッ
ちょっと jQuery と簡単なサーバサイドの処理を組み合わせた処理を試しに書いてみよう・・・なんて時に、いちいち jQuery を取ってきて HTML を書いて script タグを書いてロードして sinatra 立ち上げて云々・・・というのが毎度面倒なので、ひな形になるアプリケーションを作った。 https://github.com/naoya/boilerplate ひとまず sinatra でサーバーサイドを書き、HTML は slim で、CSS は sass 。JavaScript は CoffeeScriptで書くにあたって jQuery、underscore、Backbone をロードしてある、というような構成にしてあります。 まあ、この類のことは人それぞれ自分なりにカスタマイズしてやっていると思いますが、どういうコンポーネントで構成しているかを、備忘録も兼ねてちょっと紹
MEMOPATCHをご覧になっている方のほとんどがWebデザインやUIデザインに関わっている方だと思います。そして多くのデザイナーが頭を悩まされるのが配色ではないでしょうか?。そこで今回は配色の参考やインスピレーションを得られるツールを6つご紹介します! COLRD http://colrd.com/ 大まかな色から、その色が使われている写真やカラーパレット、グラデーション、パターンを探す事ができるサイトです。カラーパレット、グラデーション、パターンにはそれぞれに使える便利な機能があるのでご紹介します。 ・カラーパレット 検索して出てきたカラーパレットは編集可能で、Photoshop用にカラーパレットをダウンロードできる(.acoファイル) ・グラデーション 検索して出てきたグラデーションはcssのコードを生成することができる ・パターン パターンはそのまま使えるパターン素材(繰り返し可能
ローカルサーバーを立てると、同じネットワークにつながってる別の端末から簡単にアクセスできるようになるから、スマホの表示確認とかに便利。でもいちいち httpd.conf とかいじるのはダルい。このやり方なら一瞬でできるからちょう楽ちん。 ターミナルでサーバー起動 サーバーのルートにしたいディレクトリまで cd コマンドで移動したら、下記コマンドを実行。 $ python -m SimpleHTTPServer 8888 最後の数字はポート番号で、他に使われていなさそうな番号に適当に変えれば、複数のサーバーを同時に起動できる。 ブラウザで表示確認 localhost で確認 ブラウザのアドレスバーに http://localhost:8888/{ファイル名} と入力して表示確認。 表示できてるなら、ローカルサーバーを立てるのが成功してる。表示できなかったら、ターミナルを見て、さっきのサーバー
StyleDoccoはスタイルシート中に書いた設定をドキュメント化するソフトウェアです。 Webデザインにおいてスタイルシートは欠かせません。Webサイトのスタイルシート設定をドキュメントにしたい時に使いたいのがStyleDoccoです。 インストールします。 デモです。右側にスタイルシート、左側にその説明が表示されています。 HTMLのコーディング方法と、その結果とかが上下に並んで表示されます。 リスト表示などもあります。 スマートフォンの幅に指定することもできます。 レスポンシブWebデザインの場合は便利そうです。 Bootstrapで作られたデモもあります。 ボタンのデザイン。こうやって表示されると分かりやすいですね。 StyleDoccoを使うとCSSファイル中に書いた設定の使い方をそのままドキュメントにできるようになります。書き方と実際に適用した結果が分かれば、Webデザイナーの
Resumable File Uploadsはリジューム可能なファイルアップロードライブラリ、プロトコルです。 Webの発展に伴って巨大なファイルをWebフォームを使ってアップロードすることも増えてきました。しかし途中でエラーが出てしまったらまたやり直し、というではとてもストレスがたまります。そこで紹介したいのがResumable File Uploads、リジューム対応のファイルアップローダーです。 デモのフォームです。巨大なファイルを指定してみましょう。 アップロードが開始されました。一旦タブを閉じます。 再度開いて同じファイルを指定します。そうするとファイルのアップロードが途中から行われます。 ネットワークを見ると分かりますが、アップロード処理が何回かに切り替わって行われています。 Resumable File Uploadsは簡単に言うとJavaScriptやその他のプログラミング
こんにちは、モモコです。 ページを作っている際に、想定していたコンテンツ量よりも原稿が短く、フッターの下にブラウザとの隙間が空いてしまう事がありました。 このスカスカ感を埋めるべく、フッターをウィンドウ下部に固定する方法を調べたので備忘録も兼ねてご紹介します。 positionを使い、フッターをコンテンツ下部に固定する方法 【HTML】 <html lang="ja"> <body> <div id="wrap"> <header>ヘッダー</header> <div id="contents">コンテンツ</div><!-- contents --> <footer id="footer">フッター</footer> </div><!-- wrap --> </body> </html> 【css】 html,body{ height:100%; } #wrap{ width: 100%
最近上京してきたんだけど東京とか物価高くてやんなっちゃう。ほんともう特に家賃とか駅から徒歩30分とかそれってもう徒歩圏内じゃなくない?あ、どうも僕です。 今日はクライアント(ブラウザ)側で高速にページを表示させるために、最低限押さえておきたい簡単なテクニックを厳選してお届けしちゃうよ! WebサイトやWebサービスを作る上で、ユーザを獲得するには応答時間を早めることがとても重要なファクターなんだ。 統計的にも応答時間とユーザのリピート率との相関性は実証されていて、例えば、表示までに時間のかかるサイトなんかは、もう二度と使わねぇとか思っちゃうよね! それほど応答時間というものはユーザを獲得する上でもかなり重要なんだ! HTTPリクエスト数を少なくする Webページが表示される際、まずはベースとなるHTMLが読み込まれてから、ページにリンクしてある画像ファイルやスクリプトファイルなどを読み込ん
TopCoatはグレー系を主体とした落ち着いた雰囲気のWebデザインフレームワークです。 最近はWebデザインフレームワークが多数出揃ってきました。サイトの雰囲気によってフレームワークを選ぶと良いでしょう。グレー系の落ち着いた感じを出したいならばTopCoatを使ってみましょう。 グレースケールを基調としたはっきりとした見た目のUIです。 ウィジェットは数多く提供されています。 フォーム系。 スライダーなどもあります。 スピナー。効果的に青が使われています。 こちらはモバイル。スマートフォンで使えます。 アイコンとラベルのセット。 テキストエリアとチェックボックス。 基本的に濃淡2色のバックグラウンドが選択できます。 オーバーレイ表示。これも色々使えそうです。 TopCoatはデスクトップとモバイルのそれぞれにデザインが提供されています。グレー系が約6色、青系が2色程度で構成されています。
Congratulations, you successfully deployed a container image to Cloud Run This created the revision main-web-00001-fxq of the Cloud Run service main-web in us-central1 in the GCP project xce-web. You can deploy any container to Cloud Run that listens for HTTP requests on the port defined by the PORT environment variable. Cloud Run will scale automatically based on requests and you never have to wo
1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア(スペイン)の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。 [読了時間: 2分] 日本のITスタートアップが一大ムーブメントとして脚光を浴びるようになって、およそ2年超。グローバル化にチャレンジするチームも少なくない状況にある。本当に世界進出にはチャンスがあるのか? そんな疑問にズバリ答えるイベントが開催される。
Result テーブル上のマウスの位置を表示する jQuery $("table tr td").mouseenter(function () { //ポインタ追加 $(this).css("cursor", "pointer"); //ユーザーへの表記は+1する var col = $(this).closest("tr td").prevAll("tr td").length += 1; var row = $(this).closest("tr").prevAll("tr").length; //テーブル上のマウスの位置を取得して現在地を表示する $('#result').html("上から<b>" + row + "</b>番目、左から<b>" + col + "</b>番目にいます"); }); css table { border: 1px solid #DFDFDF; bac
こんにちは、GW前半に意を決して体組成計を購入し、体重・BMI・体脂肪率、内臓脂肪など、数々の恐ろしい数値があらわになったメディア事業部のあゆみです。体内年齢は27歳(実年齢+2歳)…恐怖のあまり、即スポーツジムに入会しました。痩せよう。 さて、今年のGWはお休みが前半、後半と分断されていて遠出するか悩ましいカレンダーですよね。 そこで「中途半端にまとまったお休み、どこかに行く気力もお金もないし、どこに行っても混んでるからもう引きこもるに限る」という方にぜひ読んでもらいたい、LIGブログの技術系記事をピックアップしてみました。ゴロゴロするだけじゃもったいない!GWの時間を、知識・技術のレベルアップにあててみませんか?もちろん旅行や帰省の際の移動時間にもおススメです。携帯でも読めますので!(きっとPC開きたくなっちゃうだろうけど) WEBデザイン 必読!5分でわかる流行のレスポンシブWebデ
TOP > Design > しなやかに渦を巻くブラシ素材まとめ「33 Pretty Swirl Brushes for Free Download」 植物の蔦であったり、美しいカーブを描く曲線をデザインで表現するためのブラシ素材、デザインの幅を広げるためにはできるだけ多く所持していたいもの。そんな中今回は、しなやかに渦を巻くブラシ素材まとめ「33 Pretty Swirl Brushes for Free Download」を紹介したいと思います。 (Swirl Brushes by *DianazDesignz on deviantART) さまざまなテイストのブラシ素材が収録されており、幅広いデザインで活用することができそうです。中でも気になったものをピックアップしてみましたので、下記よりご覧ください。 詳しくは以下 ■Grunge Swirl Brushes 3 by ~L
TOP > Design > webデザイン制作に是非利用したい フリーpsd素材まとめ「20 Useful Set of Free Web Element PSD」 webサイトを制作する際に、アイコンやボタン、スクロールバーなどさまざまな素材を使用すると思いますが、デフォルトの素材やいつも使っている処理・素材ではどうしても味気なくなってしまうもの。そんな時に是非利用したい、高いクオリティのフリーpsd素材まとめ「20 Useful Set of Free Web Element PSD」を今回は紹介したいと思います。 (Free psd web elements for download) 新たに定番として導入できるシンプルなタイプや、デザインにポイントを加えたい個性を持ったタイプなどを集めた、20種のpsd素材が収録されています。中でも気になったものをピックアップしてみました
最近、いきなり電源が入っていることがあるなー。 先日は、ケースに入れて持ち歩いているときにそうなっていたみたいで、本体が触れないくらい熱くなっていた。 これはやばいよね。壊れちゃうよ。 最初は大丈夫だったんだけどね。最近OSに近い部分でやったことといえば、 Windows 8 Media Center Pack を入れたことかな? ということで、なんかのタスクがスケジュールされてるか確認する。 [Windowsキー + X] → [コンピュータの管理] を開く 左側、タスク スケジューラで、Microsoft / Windows / Media Center を開く ・・すると、mcupdate_scheduled が、毎日決まった時間に動くようになっている! これだ!! そういえば、いつもこの時間だった気がする! このmcupdate_scheduledを右クリックし、プロパティを選択す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く