はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ デバイスごと

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 9 / 9件)
 

IoTデバイス用プログラミング言語「Eclipse Mita」登場。C言語へ変換、組み込み開発を容易に - Publickey

2018/08/07 このエントリーをはてなブックマークに追加 174 users Instapaper Pocket Tweet Facebook Share Evernote Clip Publickey ネットワークデバイス IoT 変換 C言語

IoTデバイス用プログラミング言語「Eclipse Mita」登場。C言語へ変換、組み込み開発を容易に Eclipse Mitaでは、IoTデバイスをプログラミングする際に面倒になりがちな、センサーの読み取りやネットワークデバイスの制御といった低レベルかつデバイスごとに異なる部分をプラットフォームごとに吸収する仕組みを持ち、IoT... 続きを読む

レスポンシブデザインにすぐ使える!すごいアイデア30個 | コリス

2016/03/04 このエントリーをはてなブックマークに追加 662 users Instapaper Pocket Tweet Facebook Share Evernote Clip DESIGN スクロール フォント トリミング スワイプ

サイトをレスポンシブ対応にするには、デバイスごとのスクリーンサイズ、フォントや画像のサイズだけでなく、クリックとタップ、スクロールとスワイプなどの機能性、そして見た目もサイズだけでなく、配置やトリミングなど、さまざまな取り組みがあります。 レスポンシブデザインにすぐに使える制作テクニックのすごいアイデアを紹介します。 Responsive web design: What the Internet... 続きを読む

スマホ・タブレットをはじめ、27インチの大モニタまで!ページの見え方をさくっと確認できるレスポンシブ用の便利ツール -Responsive View | コリス

2016/02/10 このエントリーをはてなブックマークに追加 70 users Instapaper Pocket Tweet Facebook Share Evernote Clip モックアップ コリス デバイス 縦向き レスポンシブ用

スマホ・タブレットの縦向き・横向き、ノートブック・デスクトップなど、さまざまなデバイスでのページの見え方をさくっと確認できる便利なオンラインサービスを紹介します。 デバイスごとのモックアップにも使えるレベルですよ! Re ...記事の続きを読む 続きを読む

[CSS]レスポンシブ対応ページに役立つ機能がまとめられたFlexboxを使ったスタイルシート(Sass対応) -Ocssipital | コリス

2015/11/26 このエントリーをはてなブックマークに追加 51 users Instapaper Pocket Tweet Facebook Share Evernote Clip GitHub Flexbox コリス ひな形 グリッド

レスポンシブ対応の柔軟なグリッドをシンプルに、そして簡単に実装することを目的に制作されたひな形として利用できるスタイルシートを紹介します。 レイアウトのベースに最適で、グリッドの設計、デバイスごとに異なるレイアウトや表示・非表示など、レスポンシブ対応ページに役立つ機能が揃っています。 Ocssipital Ocssipital -GitHub 補足: Flexboxの各プロパティの使い方は、以前の... 続きを読む

[JS]画像を拡大表示するLightboxの進化形、デバイスごとに異なる設定も可能な高性能な軽量スクリプト -Chocolat | コリス

2015/07/30 このエントリーをはてなブックマークに追加 69 users Instapaper Pocket Tweet Facebook Share Evernote Clip chocolat lightbox コリス スライダー デモ

デスクトップ、タブレット、スマホのそれぞれに合わせた方法で、指定したエリアやウインドウいっぱいに画像を拡大表示したり、そのまま複数の画像を表示するスライダーにすることもできる、軽量で高性能な画像を拡大表示するスクリプトを紹介します。 スクリプトだけでなく、ページ全体やデモなども非常に面白いデザインです。 Chocolatの特徴 個人ユーザーからプロのWeb制作者まで 専門的な知識がなくても簡単に実... 続きを読む

Web制作者は要ブックマーク!制作時にいろいろと役立つ便利サイトのまとめ | コリス

2014/09/12 このエントリーをはてなブックマークに追加 511 users Instapaper Pocket Tweet Facebook Share Evernote Clip Bootstrap コリス Foundation ライセンス

Web制作時に、あれ?なんだっけな?って時に役立つ便利サイトを紹介します。 HTML5やCSS3の各ブラウザのバージョンごとのサポート状況、スクリーンサイズやデバイスごとのMedia Queriesの書き方、Bootstrap, Foundationなど各フレームワークの対応ブラウザやライセンス、ブラウザの各バージョンごとのCSS Hackなど、いざという時に役立つサイトばかりです。 Can I ... 続きを読む

Webデザインの代表的な4つのレイアウト、その特徴と相違点 -Liquidapsive | コリス

2014/09/09 このエントリーをはてなブックマークに追加 238 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス Responsive static Adaptive

デモページ Responsive(レスポンシブ) Adaptive(アダプティブ) Liquid(リキッド) Static(スタティック) Responsive(レスポンシブ) レスポンシブは、デスクトップ・スマホ・タブレットなど異なる解像度ごとにレイアウトを定義するのが特徴です。一見するとリキッドのように見えますが、表示サイズに応じて要素の幅のサイズやレイアウトが変化します。 デバイスごとに合わ... 続きを読む

iPhoneでSafari、でもPCはChromeという人へ:メニューバーからデバイスごとのiCloudタブを表示できる『CloudyTabs』 : ライフハッカー[日本版]

2014/03/14 このエントリーをはてなブックマークに追加 260 users Instapaper Pocket Tweet Facebook Share Evernote Clip iCloud CloudyTabs iCloudタブ Mac

MacOS , OS , ツール iPhoneでSafari、でもPCはChromeという人へ:メニューバーからデバイスごとのiCloudタブを表示できる『CloudyTabs』 ライフハッカー編集部 2014.03.15 07:00 Mac:あなたがiPhoneもしくはiPadユーザーであれば、iCloudがコンピューター間で全てのSafariを同期してくれる便利さを知っているでしょう。しかし残... 続きを読む

HTML5とCSS3を使いこなしたくなるフレームワーク15選 | コリス

2011/08/24 このエントリーをはてなブックマークに追加 504 users Instapaper Pocket Tweet Facebook Share Evernote Clip フレームワーク Media Queries コリス

HTML5とCSS3を使って作成されたフレームワークを紹介します。 「詳しくは」で各フレームワークがざっと分かる記事にリンクしています。 Less Framework 4 Media Queriesでデバイスごとに最適な [...] 続きを読む

 
(1 - 9 / 9件)