Figmaがこれからの人にも、すでに使用中の人にもお勧めです。macOS対応の公式より快適に動作するFigmaアプリを紹介します。 .figファイルはもちろん、.sketchファイルを編集したり、.pdfに書き出したり、共同作業やバージョン管理なども簡単にできます。 Figmaは無料で利用でき、Figmacも無料で利用できます。 Figmac Sketchファイルを開きたいけど、Sketchがない人にも便利です。 Windowsの場合は、下記をご覧ください。 SketchファイルをWindowsで開いて、編集・保存できる無料アプリが登場 -Lunacy Figmacの特徴 Figmacのダウンロード Figmaとは Figmacの使い方 Figmacの特徴 Figmacは、BlocsやSolisなどのmacOS用のUIデザインツールを開発したNorm氏の新しいアプリで、Figmaの公式アプ
すごいツールが登場しました! コードは一切必要とせず、スマホアプリのデザイン、プロトタイプ、アニメーションが手軽に作成できるmacOS用のアプリを紹介します。 実際に試してみたところ、操作は非常に簡単で、動作も快適、さまざまなスマホアプリの構築に役立つと思います。 Drama Dramaの特徴 Dramaのダウンロード Dramaの使い方 Dramaの特徴 DramaはPaintCodeのクリエイターによる、デザイン、プロトタイプ、アニメーションがオールインワンになったmacOS用のアプリです。先月リリースされたばかりで、現在はベータ版として提供されており、無料で利用できます。 Dramaのキャプチャ ユーザーインターフェイスを描画 コードは一切不要、プロトタイプの視覚的な状態をシーンに描きます。 インタラクティブなプロトタイプを作成 各シーンをトランジションに繋げるだけで、インタラクティ
macOSのメニューバーに、アイコンがたくさん並んでいませんか? 常に表示させておきたいアイコンと、非表示にさせておきたいアイコンがあると思います。メニューバーに配置されているアイコンを整理して、指定したアイコンを隠すことができる無料アプリを紹介します。 Bartenderに似た機能ですが、Dozerは無料アプリで、使い勝手は非常に簡単です。 私の環境(macOS Mojave日本語)で問題なく、利用できました。 Dozer Dozer -GitHub Dozerの特徴 Dozerのインストール Dozerの使い方 Dozerの特徴 Dozerは、macOS 10.13+、High Sierra, Mojave対応の無料アプリです。 メニューバーにあるアイコンを指定した範囲で表示・非表示を簡単に切り替えることができます。 Dozer ライセンスはBSD 3-Clause Licenseで、
macOSのベースはUnixなので、CLIコマンドが使えるのが便利です。しかし開発者でない方にとっては黒い画面と呼ばれたりして、なかなか浸透しません。インタラクティブな入力ができるといっても、対話型での文字入力も不便に感じるでしょう。 そこで使ってみたいのがTermipalです。ターミナルの下にちょっとしたGUIを追加できます。 Termipalの使い方 実行したところです。下にGUIが追加されています。 ファイル選択ダイアログを出すこともできます。 Termipalで選択された情報は実行したスクリプト(シェルや任意のプログラミング)で受け取ることができます。ドロップダウンから選択できれば入力ミスが防げますし、ファイル選択ダイアログを通してファイル選択を促せるのも便利です。 TermipalはmacOS用のオープンソース・ソフトウェア(GPL)です。 Termipal pojala/ter
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Mac OSXを使っていてWebサーバを立ち上げたり、Vagrantを実行したりする際にはターミナルを使うでしょう。しかしあの画面が苦手だという人は多いかと思います。サービスの起動、停止くらいはGUIでできると便利です。 そこで紹介したいのがmonuです。メニューバーからコマンドを実行したり、終了させられるツールになります。 monuの使い方 monuはまず設定ファイルを書く必要があります。processesが追加するところです。 { "logs": "./logs", "pids": "./pids", "processes": { "Web 1": "python -m SimpleHTTPServer" } } そうするとこのようにプロセスがメニューに反映されます。ここから起
Macでファイルやフォルダを管理するのに欠かせないのが「Finder」というファイル管理アプリです。複数のデータを一度に取り扱う場合、たくさんのFinderウインドウを開いて目当てのデータを全て表示する必要があるので、デスクトップ上にはたくさんのFinderウインドウが表示されることとなり、一体全体どのウインドウにどのデータが表示されているのか混乱したりするもの。そんな時に役立ちそうな無料アプリが「XtraFinder」で、複数のFinderウインドウをひとつにまとめて表示できるようになり、さらにはひとつのウィンドウ上に2つのFinderウインドウを同時に開いたりすることもできたり、ショートカットキーを自分で自由に割り当てたりもできるて、ファイル管理がよりスマートになります。 XtraFinder adds Tabs and features to Mac Finder. https://
Apple Navigation with CSS3 | Design in Development AppleのナビゲーションをCSS3で実装するチュートリアル。 おなじみのAppleのヘッダーナビゲーションをCSS3で再現したものが公開されています マークアップは以下のように超シンプル CSSのradiusやgradientによって実現されており、クリックした際の動作も再現されています。 関連エントリ Apple.comの新スライダーエフェクトを実装するjQueryプラグイン Apple関連のフリーのアイコンや素材集20 AppleのiCouldアイコンを描画するPhotoshopチュートリアル appleスタイルのクールなインプットフィールド実装チュートリアル
"Docklr" - Simple jQuery OSX-like Dock Menu | jQuery Plugins Mac OS X風のドックを上下左右どこでも設置できるjQueryプラグイン「Docklr」。 次のように上下左右、ページ内、どこにでも設置できるDock風UIを実現できるプラグインです。 ページの左側に設置してもなかなかオシャレですね。 デモページ アイコンをクリックするとバイーンとアイコンがアニメーションするあたりもそっくりです。 上下左右だけでなく、ページ内に普通に設置することもできるみたいです 関連エントリ レイアウトに関する強力なjQueryプラグイン6つ 小さくで可愛いグラフが描けるjQueryプラグイン「Piety」 超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」 画像スライダーに関することならお任せ!なjQueryプ
The fancy Apple.com navigation menu created using only CSS3. CSS3で実装するApple.comのナビゲーションメニュー。 Appleのサイトで実装されているメニューをCSS3で実装してしまおうというデモ。 グラデーションが綺麗に表現されています。 検索ボックスも次のとおり 画像として使われているのはロゴと虫眼鏡のみ。 検索ボックスが伸縮しない部分は公式とちょっと違いますが自分で実装してみても面白いかもしれませんね。 関連エントリ 立体的なCSS3でデザインされた検索フォーム実装チュートリアル CSS3をフル活用した立体的な画像ギャラリー作成デモ CSS3で実装されたボタンのサンプルやチュートリアル総まとめ CSS3で動くプログレスバー作成サンプル
Dateline.js Mac OS XのDateLine風1行カレンダーをWEBサイトにも簡単実装できるjQueryプラグイン「Dateline.js」 DateLineとはこういうもの 個々の日付に対するコールバック関数のひも付けなんかも出来るようです。 高さを取らずにカレンダーが入れられるので使いどころによっては便利につかえるパーツですね。 関連エントリ これは新しい日付ピッカー実装用jQueryプラグイン「calendarPicker」 通貨、日付のグローバリゼーションを可能にするjQueryプラグイン 日付の範囲を指定できるJavaScriptデートピッカー「sliding date-picker」
水平タイプ、垂直タイプなど多彩なデザインが可能なMac OS XのDock風ナビゲーションを実装するスクリプトを紹介します。 下記のキャプチャは水平タイプのもので上から、上揃え、中央揃え、下揃えとなっています。 jqDock デモ [ad#ad-2] デモでは、HTML5, XHTML 1.0(Transitional, Strict), HTML 4.01(Transitional, Strict)のDoctype有り・無しごとの動作確認ができます。 下記では、その多彩なデザインをいくつか紹介します。 左から、Sleep Slide(アイドル時にスライドで隠れる)、Colourise(カラー)、ClickFreeze(クリックで固定)、ラベル表示 [ad#ad-2] スクリプトのオプションも豊富で、下記にいくつか紹介します。 サイトのデモではこれらのオプションが簡単に試せます。 acti
CSS3 Leopard-style Stacks An experiment by Gordon Brander Pure CSS3 (and experimental CSS). No Javascript. Best in Safari/Chrome. Still good in Firefox. Properties Used :target pseudo-class transform transition border-radius border-image CSS gradients rgba colors text-overflow: ellipsis; Click the button below.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く