iPhone X の Safari における Web コンテンツの表示 - ONO TAKEHIKO - Medium
iPhone X が発表されて間もなく、ディスプレイの「切り欠き」については至るところでちょっとしたイジリ合戦が始まっています。中には実際に信じてしまっている人もいるほど秀逸なものがありまして、それがこちら。 思わずクスッときてしまいますが（笑）、まあ当然こんなことにはなりません。 iPhone X にはディスプレイの上下左右に iOS の占有領域が存在し、それ以外（アプリのタッチイベントを認める領域）を Safe Area と呼ぶようです。Safe Area の外にある上部領域にはステータスバーとして時計やアンテナのインジケータなど iOS のシステムアイコン等が並び、下部の領域には iPhone X で導入された「ホームバー」が存在することになります。 では iPhone X の Safari で Web サイトを表示した場合に一体どのようになるのか？それを Web 上の情報を元にまと
Sublime Text 2 + Emmet でRetina用に半分の画像サイズでimgタグを挿入する方法 - Qiita
概要 Sublime Text2 には Emmetをインストールした状態でhtmlを編集時にcmd + shift + p -> "Emmet : Update Image Size"で指定したパスの画像をwidthとheight込みでimageタグを挿入してくれるという便利機能がある。 Retinaを考慮したスマートフォン用にマークアップしている際はこの自動挿入されるwidthとheightのサイズを半分にする必要があるがそれができない。 既存の"Emmet : Update Image Size"を編集してRetina用に半分のサイズを自動挿入する方法を説明する。 1. スクリプトファイルを開く メニューのPreferences -> Browse Packages…でFinder開く 開いたFinderのEmmet -> emmet -> emmet-app.jsを開く 2. 編集
Gulp.js入門 - コーディングを10倍速くする環境を作る方法まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
普通に使う分には全く困らないほどの数のプラグインがGulpにはあります。 Githubでのstar数からも明らかなように、GoogleのWenStarterKitでもGulpが採用されるなど、注目度はますます高くなっています。 Gruntとの比較 Gruntと比較してのメリット・デメリットは以下のようになります。 メリット Gruntより設定ファイルが記述しやすい StreamAPIを利用することでファイルを毎回書き出すGruntより高速でエコ デメリット 記述がよりNodeに近くなるため、複雑なことは敷居がやや高め プラグイン開発のためのドキュメントが少ない 今日のゴール Gulp.jsを使ってコーディング作業を10倍速くする！ そんな環境を作りたいと思います。 1. Node.jsをインストール まずはNode.jsをインストールしましょう。 Node.js http://nodejs
2015年用、日本語のフリーフォント163種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 | コリス
個人や商用で利用できる、無料の日本語フォント164種類を紹介します。 年賀状の宛名にも使える縦書き対応のフォント、かわいい手書きフォント、読みやすいゴシックなどが揃っています。同人誌や印刷物などでの利用も明記しました。 毎年まとめていますが、初紹介のものから既存のものまでダウンロード・ライセンスを改めて確認しています（※情報はこの記事の執筆時のもの）。 最新版を公開！フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には必ず利用条件やライセンスをご確認ください。 では、多彩なデザインが揃った「FGシリーズ」からご紹介。 FGゼロ 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 零式艦上戦闘機に使用されていた文字を現代風にアレンジしたフォント。レトロでシャープな字形
全国のおいしいしょうゆを紹介する同人誌『醤油手帖』が商業出版 再録はせず、新たな内容に - はてなニュース
河出書房新社は3月26日（水）、あらゆるしょうゆを紹介する書籍『醤油手帖』を発売します。ライターの杉村啓さんが2011年から発行している同名の同人誌を、河出書房新社が単行本化します。 ▽ 醤油手帖 :杉村 啓｜河出書房新社 ▽ 醤油手帖の本が出ます - 醤油手帖 同人誌『醤油手帖』は、有名なしょうゆやだししょうゆ、デザートしょうゆなど日本全国のおいしいしょうゆを紹介しています。2011年12月に「Vol.1 ～たまごかけご飯専用醤油編～」が発行されて以降、2013年8月までにシリーズ5冊が登場。同人誌即売会や一部書店などで販売され、バラエティー番組「タモリ倶楽部」でも紹介されました。 商業出版バージョンの『醤油手帖』では、同人誌の再録はせず、新たな内容を盛り込み、全編書き直すとのこと。価格は1,500円（税抜）です。Amazon.co.jpでは、予約の受け付けを開始しています。 醤油手帖
JavaScriptの最新仕様をみんなで読もう！ 『ECMA-262 Edition 5.1を読む』発売記念プレゼントキャンペーンを実施します - Hatena Developer Blog
竹迫良範（ id:TAKESAKO）さんが翻訳および編集をされた『ECMA-262 Edition 5.1を読む』が、9月25日に発売になりました。多くのWebエンジニアが利用するプログラミング言語「JavaScript」の最新仕様書である「ECMA-262 Edition 5.1」を完全翻訳し、解説を加えた一冊です。 ECMA-262 Edition 5.1を読む 作者: 竹迫良範出版社/メーカー: 秀和システム発売日: 2013/09/25メディア: 単行本この商品を含むブログを見る 本書には弊社エンジニアの id:nanto_vi がレビューで協力させていただいたこともあり、はてな開発者ブログでは発売を記念したキャンペーンを実施します。秀和システム様からご提供いただいた『ECMA-262 Edition 5.1を読む』に、はてなブックマークのオリジナルステッカーをセットにして、当ブロ
みんなビックデータビックデータって言ってるけど 名寄せとかどうしてんの？
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
タモリ倶楽部に出演する醤油手帖さんが手土産を携えてはてな東京オフィスに遊びにきてくれたので読者の皆さまにプレゼントです！（インタビューもしました） - 週刊はてなブログ
お醤油ブログ「醤油手帖」で知られる料理漫画研究家の杉村啓（id:shouyutechou）さんが、9月13日（金）深夜放送*1のタモリ倶楽部「食べ比べ同人誌大賞」の回に出演されます。 共演する同人誌は、ネットの情報を総合すると以下の方々のようです。 「このタルタルソースがすごい！」の 臼井総理さん 「この芋けんぴがすごい！」のきよーか【追記：id:kiyooka】さん 納豆本「まぜたり、のせたり。」のC2機関さん 司会を担当される渡辺祐（id:dothemonkey）さんのはてなダイアリーにも情報が掲載されています。元宝島社の渡辺さんのほか、元講談社の山田五郎さん、元電通の大宮エリーさんと、プロ目線のコメンテーターが出演されます。 「食の数だけ本がある 今夜決定！ 食べ比べ同人誌大賞」 同じ食材を複数食べ比べた同人誌が話題！ そこで醤油、タルタルソース、芋けんぴ、納豆など食べ比べ本の大賞を
醤油手帖の本が出ます - 醤油手帖
醤油手帖の本が出ます。え？ 醤油手帖って本じゃなかったの？ と思われるかもしれません。同人誌ではなく、商業出版で醤油手帖が出るのです。 出版社は河出書房新社さんになります。 http://www.kawade.co.jp/np/index.html 半分本気で、半分冗談で後書きとかに「商業出版のオファーお待ちしております」と書き続けたことが実現したというわけですね。ありがたいです。 今回のコンセプトといたしましては、今までの醤油手帖の味を消さずに作る、ということが第一にあげられています。なので、同人誌版のデザインをやってくれている地獄のデストロイ子さんにも参加していただきますし、文章は僕が全部書きますし、醤油のセレクトは全て僕がやります。筑紫明朝も使いたいと言いました。今までの醤油手帖を気に入ってくださっている方々にも安心して読めるようなものにしたいと思っています。 また、同人誌そのままを
【jQuery】要素が見えたタイミングでイベントを発生させるjQueryプラグイン | バシャログ。
はじめまして、今月よりバシャログのメンバーになったfukasawaと申します。 まだまだ勉強中で至らぬ点も多々あるとは存じますが、生温く見守っていただけると幸いです。 本題です。社内で行われているjQuery勉強会のネタ探しのためにWeb DesigningのjQuery Lab.を読んでいたのですが、記事の中でinviewというjQueryプラグインが使われていました。 記事では「グラフを描画する領域がブラウザの表示領域内に入ったタイミングで、アニメーションを実行しグラフを描画する」という動作を行うためにこのプラグインが使われているのですが、inviewを使うことで、このように「ブラウザ上で見えたときに処理を実行する」という動作を実現できるようです。 jquery.inview 気になったので使い方を調べてみました。 簡単な使い方 1. jQueryとjquery.inview.jsを読
さぁ転職だ！ IT業界を中心とした転職サイトまとめ選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、副社長のゴウです。 最近、転職系サイトをいくつか見ているんですが（求人を出す側としてです）、せっかくなので記事にまとめてみました。 転職を考えている人の参考になれば幸いです。 また、他にもこんなサイトあるよーというのがあれば、コメントなどいただけると嬉しいです。 では、いってみましょー！ ITに特化した転職サイト 数ある転職サイトの中でも、特にIT系に特化したサイトをまとめました。IT系に転職するならここから！ Findjob! LIGが大好きFind Job!。 昔からIT業界の求人を広く扱っている求人サイトですので、ご存知の方も多いかと思います。mixiが運営しているという事を意外と知らない人も多いかもしれませんね。 Find Job! キュリア YAHOO!が手がけるIT系転職サイト、キュリア。 人事担当者に「Q」という形で質問を送れるのが特徴です。 キュリア Green
HTML5 input type のブラウザ対応について検証してみた。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
search、tel、url、email以外は対応状況が微妙です。 week、colorのみiPhone・Androidに対応していませんでした。 numberはFirefoxは対応していませんが、iPhoneでキー配列が数字になるため、適宜使用したいところです。 フォームの見た目 各typeを対応ブラウザで見た時の見た目の参考です。 今回はMac Chromeのキャプチャですが、各ブラウザによって多少デザインや仕様が変わります。 対応していないブラウザはどうなる？ 各ブラウザで対応していないtypeはtype=”text”で生成されます。 rangeとcolor以外はなんとかなりますね。 バリデートの実用性は？ Safariはバリデートが機能していないようでしたし、仕様も不親切な点が見受けられました。 各ブラウザのバラバラな対応状況を考えると、実用出来るのはまだ先のように思います。 バリ
PCでもスマホでもスワイプできるギャラリー実装プラグイン「jQuery.swapgallerywithdots」:phpspot開発日誌
jQuery.swapgallerywithdots PCでもスマホでもスワイプできるギャラリー実装プラグイン「jQuery.swapgallerywithdots」。 スマホ用のサイト等でよく見るあのインタフェースをサクっとjQueryで実装するプラグインです。 これさえ知っておけば特別な事はしなくても簡単に実装できるということで覚えておいて良さそう 関連エントリ HTML5＆CSS3なクールでレスポンシブが良い感じのイメージギャラリー実装jQueryプラグイン「least.js」 画像を細長切りにしたオシャレなギャラリーを作れるjQueryプラグイン「Stripte」 Google画像検索っぽい画像ギャラリーが作れるjQueryプラグイン「Superbox」 ギャラリー、スライダー等、複数画像の見せ方を色々提供するjQueryプラグイン「Rondell」 レスポンシブな画像ギャラリーが
20 Free Flat Icon Sets to Accompany Flat Websites
If we could already summarize the important events that have happened in the web design industry for the year 2013, flat web design or the integration of flat style will be the star. With the new trend that emerges the arena, there are various free flat user interface templates and designs crafted by different talented designers. To accompany flat websites like the metro WordPress themes, we have
JavaScript イディオム集
JavaScriptでは、初見の人にはさっぱりわからないけれども、ある程度慣れた人は当たり前に使うイディオムが結構たくさんあります。知ってしまえば何てことはないので、私の知っている限りのイディオムとその意味を解説します。 （7/3追記: twitter等で教えていただいた内容を追加しました） +v （数値化） var v = "123"; console.log(+v + 100) // 223 console.log(v + 100) // 123100 vを数値化する方法では最もメジャーです。parseFloat(v) に比べて高速なのに加えて、parseFloatとは細かい挙動が異なります（例えば空文字列の場合、parseFloatならば NaN になりますが、 +v の場合はゼロになります）。必ず数値になることが保証されており、文字列などで数値化出来ない場合はNaNが返ります。 v
フォントサイズを変える「大・中・小」ボタンを実装する方法
知り合いのデザイナーさんに、「大・中・小」のボタンでフォントサイズを変更する方法ってどうやるのですか？という質問をいただきました。 CSSとJavaScript（場合によってはJSのみ）で簡単にできてしまうので、サンプルをご紹介しておきます。 フォントサイズを変える「大・中・小」ボタン実装 jQueryを使ってフォントサイズを変える「大・中・小」ボタンをサクサクっと実装してみようと思います。 まずは仕様を考えてみましょう。 仕様 ・大・中・小のボタンをクリックするとフォントサイズが変更される ・それぞれのボタンにIDをセットしておき、そのID名をもとにclassをセット ・CSSにあらかじめ各class用のフォントサイズを入れておく ・再度訪れたとき、クッキー情報があればそのサイズ、なければ中サイズを。 スタイルシートごと変更する方法もあるのですが、今回はCSSとclassでセットで対応し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AUN[あうん]｜登録不要の修正依頼・指示ツール![AUN[あうん]｜登録不要の修正依頼・指示ツール](https://cdn-ak-scissors.b.st-hatena.com/image/square/80d7ef00157a95f1026eb6ba3e952aeffe00b3f2/height=288;version=1;width=512/https%3A%2F%2Faun.tools%2Finc%2Fimages%2Fogp-image.jpg)
iDangero.us
JavaScriptの落とし穴
[JS]チェックしておきたいjQueryのプラグインのまとめ -2013年3・4月