CSSの便利ツールが登場！ レスポンシブ対応のフォントサイズを超簡単に定義できる -Modern Fluid Typography Editor

2022/01/31 225 users フォントサイズ CSS CLAMP レスポンシブ対応 登場

Webサイトをレスポンシブ対応にする時、フォントサイズをさまざまなスクリーンに最適なサイズにします。スマホ用のfont-size、デスクトップ用のfont-sizeを定義するのも一つの方法ですが、font-sizeの最小値と最大値とその間の値を流動的にするclamp()を使用すると簡単に定義できます。 CSSでレスポンシブ対応のフォント... 続きを読む

最近のCloudIDEは良くできていて、ブラウザだけで本当に開発が完結しそう｜masuidrive｜note

2018/10/07 71 users vscode エディタ 一因 Atom 主流

AWS Cloud9を始めとしたCloudIDE。結構昔からあるけど、パフォーマンス的にも機能的にもまだまだ実用にならないなと思っていたら、ここ1年ぐらいで本当に開発に使えるクラスのものが出てき始めた。 デスクトップ用のエディタが、AtomやVSCodeのようにブラウザ技術を使ったものが主流になって開発が加速しているのも一因... 続きを読む

CSS Grid Layoutを使う前に知っておきたい、floatやflexboxなど既存の実装にどのような影響を与えるか | コリス

2017/03/29 58 users Flexbox コリス float inline-block

CSS Grid Layout は先日リリースされたChrome 57がサポートし、デスクトップ用のすべてのブラウザで利用できるようになりました。 floatやflexbox、vertical-alignやinline-blockなど、Webページでよく使用するレイアウトの実装に、CSS Grid Layoutがどのような影響を与えるかについて紹介します。 Grid “fallbacks” and... 続きを読む

「Remix OS」はデスクトップ用に最適化されたカスタムAndroid OS！Mac/PCに対応、USBから起動可能 | gori.me（ゴリミー）

2016/01/07 64 users ゴリミー gori.me USB Mac Remix OS

「Remix OS」はデスクトップ用に最適化されたカスタムAndroid OS！Mac/PCに対応、USBから起動可能 f t B P G 昨年1月、元 Google エンジニアが開発した「Remix」という「 Microsoft Surface」激似の タブレット が話題になった。動作するのはAndroidをベースとした「 Remix OS 」。 【関連】 元Googleエンジニアが作った「Re... 続きを読む

レスポンシブ対応のアイコン素材、単にサイズを変えるだけでなく、デザインを最適化した優れもの！ | コリス

2015/10/13 78 users コリス SVG EPS レスポンシブ対応 優れもの

単にサイズを変えるだけでなく、スマホ・タブレット・デスクトップのサイズにあったデザインが用意されたレスポンシブ対応のアイコン素材を紹介します。 商用利用無料で、ベクター完備の優れものです。 左からスマホ用・タブレット用・デスクトップ用のアイコン アイコン素材のフォーマットは、すぐ使う用から制作用まで完備されています。ベクターなので、カラーやサイズ変更も簡単です。 .svg .eps .ai .ps... 続きを読む

[JS]デスクトップ用に実装した表組みをスマフォでもいい感じに表示する超軽量のスクリプト -ReStable | コリス

2013/12/02 75 users jQuery コリス table jquery.js Step

デスクトップ用にtableで実装された表組みをスマフォでも最適に見えるよう変更するjQueryのプラグインを紹介します。 既存のテーブルにも簡単に対応でき、しかも1KBと超軽量です。 デモページ：幅480pxで表示 左：ヘッダ有り、右：ヘッダ無し 一つのアイテムに対して、それぞれ対応する項目が配置されるようになっています。 ReStableの使い方 Step 1: 外部ファイル jquery.js... 続きを読む

[JS]スマフォに最適！フォームのラベルをアニメーションでぽんっと表示するスクリプト -Label Better | コリス

2013/11/25 70 users コリス プレースホルダー jQuery スクリプト ラベル

フォームにフォーカスすると、プレースホルダーに配置したラベルがアニメーションでぽんっと上に移動するjQueryのプラグインを紹介します。 デスクトップ用のページで使用してもかっこいいですが、スマフォ用のページにも省スペースを兼ねて使用してもいいですね。 Label Better -GitHub Label Betterのデモ Label Betterの使い方 Label Betterのデモ デモは... 続きを読む

Bootstrap 3(2.xも)を活用する時に役立つリソースのまとめ | コリス

2013/08/06 321 users コリス スマプ Bootstrap インターフェイス リソース

Bootstrapは先日リリースされたBootstrap 3rc1で、モバイルファーストのフロンドエンド用のフレームワークに生まれ変わりました。2.xまでは、デスクトップ用のブラウザを想定したインターフェイスのコンポーネントを核にしていました。 Bootstrapをカスタマイズしたり、もっと活用するためのリソースを紹介します。 まずは、本家のBootstrapから。 Bootstrap 3 スマフ... 続きを読む

Evernoteの壁紙がスゴく良いので記事が消える前にダウンロードしておこう！ | 歩けば僕の足跡

2013/07/28 65 users Evernote 足跡 壁紙 配布ページ 公式

こんにちは！知ってる人には今さらな話題ですが、 Evernoteが公式に配布している デスクトップ用の壁紙があることを知っていますか？ 配布ページはブログ記事なので、 今後どんどん埋もれていってしまいます。 「リンク先がなくなった」ってなる前に ダウンロードしてEvernoteに保存しておきましょう！ Evernoteの公式壁紙 Evernote for iPad wallpapers [upda... 続きを読む

Google、Monotypeとの提携によりWeb Fontsをデスクトップ用にも提供開始 | TechCrunch Japan

2013/05/05 74 users フォント Monotype デスクトップ ウェブ上 提携

GoogleのオープンソースWeb Fontsコレクションが、デスクトップでも利用できるようになっている（MacおよびWindows）。「どういうことなのだ」と混乱する方もいらっしゃることだろう。Web Fontsとはそもそも、ウェブ上で自由にいろいろなフォントを利用できるようにするために用意されたものだ。デスクトップで利用できるもなにも、既にきちんと表示されるようになっているはずだ。ただ、表示の... 続きを読む

[JS]スマートフォンでタッチを促すようにプルプルと振動させるスクリプト -Wiggle | コリス

2012/06/03 64 users コリス iPhone jQuery Opera Safari

iPhone, iPadなどでアイコンのタッチを促すようにプルプルと振動させるjQueryのプラグインを紹介します。 Wiggleのデモ Wiggleの使い方 Wiggleのデモ デモはiPhone, iPadで動作しますが、デスクトップ用のFirefox, Chrome, Safari, Operaでも動作します。 各画像はタッチ（クリック）するとプルプル振動し、下のボタン「Start All」... 続きを読む

iPhone, iPadで表示中のウェブページのソース表示ができるブックマークレット -Snoopy | コリス

2012/03/11 88 users ＳＮＯＯＰＹ iPhone iCloud コリス ウェブページ

Snoopyでは、iPhone, iPadなどのモバイルデバイスで表示中のウェブページの情報やソースを表示することができます。 ※キャプチャはiPod Touchです。 Snoopyの使い方 Mobile Safari -iPhone, iPad, iPodなど 最も簡単な方法は、デスクトップ用のSafariでブックマークレットをドラッグしてブックマークに登録し、iCloudやiTunesなどでブ... 続きを読む

2011年、スマフォ・デスクトップ用のクロスブラウザ確認ツールのまとめ | コリス

2011/10/23 473 users コリス Media Queries ワイドスクリーン ツール

デスクトップ用の各ブラウザをはじめ、スマートフォン、ワイドスクリーンなど、さまざまユーザー環境を想定して確認できるツールを紹介します。 各ツールで表示しているのは、Media Queriesを使用している「CSS-Tri [...] 続きを読む

そに子が可愛すぎてヤバイって思ってる奴集合:ハムスター速報

2011/09/09 335 users ハムスター速報 奴集合 VIP 露出 名無し

そに子が可愛すぎてヤバイって思ってる奴集合 Tweet カテゴリ画像系 1：以下、名無しにかわりましてVIPがお送りします：2011/08/29(月) 01:39:53.71ID:ocxO45PO0 とりあえずデスクトップ用の画像 そに子可愛すぎ 2：以下、名無しにかわりましてVIPがお送りします：2011/08/29(月) 01:40:58.23ID:JuwxYd720 何でこんなに露出が多いの... 続きを読む

[JS]大量ページの本やマンガをiPad/iPhoneで表示できる -Diva.js | コリス

2011/08/21 52 users iPhone コリス Ajax マンガ スクリプト

デスクトップ用のブラウザをはじめ、iPadやiPhoneなどのタッチデバイスにも対応したドキュメントイメージビューアー用のスクリプトを紹介します。 表示はAJAXで行われるため、大量のページでも楽らく表示できます。 Di [...] 続きを読む

無料でダウンロードできるiPhoneの壁紙サイトいろいろ | DesignWalker

2009/09/28 323 users iPhone DesignWalker iPhone用 壁紙

本日は、iPhoneの壁紙サイトのまとめです。 毎日、見る画面なのでやっぱり、おしゃれなもの、自分の気に入った壁紙を設定したいですよね。 なるべくおしゃれな壁紙を無料で配布されているサイトをまとめてみました。 +KN | Kitsune Noir » The Desktop Wallpaper Project iPhone用だけでなく、とってもおしゃれなイラスト系のデスクトップ用の壁紙などを中心に... 続きを読む

JavaScriptでかんたんAIRアプリに挑戦 - ぼくはまちちゃん！(Hatena)

2009/01/16 363 users ボク Hatena 挑戦 Air まちちゃん

AIR, JavaScript こんにちは！ みなさんガジェットつくってますか！ なんだか最近、色々な種類があるみたいですね！ Yahooナントカとか、Googleガジェットとか、Adobe AIRとか、シルバーナントカとか、あとWindowsサイドバーだとか…。 こういうガジェット的な、ちょっとしたデスクトップ用のツールって、 どうやってつくるのかなーなんて思って、ちょっと調べてみました！ そし... 続きを読む

商用非商用に関わらず使える超可愛いアイコン集「PI Diagona Pack」:phpspot開発日誌

2008/03/09 203 users phpspot開発日誌 商用非商用 アイコ アイコン RSS

pinvoke - Icons and pixel fonts The icons can be used free for any personal or commercial projects.商用非商用に関わらず使える超可愛いアイコン集「PI Diagona Pack」。 これはfamfamfamライクな感じのアイコンで実に可愛いですね。 アイコン関連エントリ RSSやデスクトップ用のアイコ... 続きを読む

いろいろな壁紙を配布しているサイト一覧まとめ - GIGAZINE

2006/09/22 678 users 起動 若干 パフォーマンス ジャンル デスクトップ

デスクトップの壁紙は表示しない方が起動なども若干早くなり、パフォーマンスもアップするのですが、殺風景なデスクトップはイヤだという方のために、デスクトップ用の壁紙配布サイトをまとめてみました。 リストは以下の通り。 All Best Wallpapers、High Resolution Wallpapers for your Desktop 全部で16個のジャンルがあり、それぞれについて1024×7... 続きを読む