Dark modes with CSS | CSS-Tricks
With the introduction of dark mode in macOS, Safari Technology Preview 68 has released a new feature called prefers-color-scheme which lets us detect whether the user has dark mode enabled with a media query. Safari Technology Preview 71 also has supported-color-schemes, which… well, I couldn’t exactly tell you what that does. The media query is like this: @media (prefers-color-scheme: dark) { } I
CSS Selector - All about HTML, CSS, JS
JavaScript remains one of the most exciting and popular programming languages. Over the years, the JavaScript community has come up with numerous tricks
Recreating the OS X Dock | Playground from ZURB
We take a basic list of links and turn them into an awesome OS X dock of icons. Note: Demo works in Safari 4.x and Chrome 5. ul.osx-dock li a { display: block; height: 50px; padding: 0 1px; margin: 0; -webkit-transition: 0.15s linear; -webkit-transition-property: -webkit-transform margin; -webkit-box-reflect: below 2px; -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(
これが決定版？フォルダを監視してCSS/JavaScript/HTMLを生成·Fire.app MOONGIFT
Fire.appはフォルダを監視してSass/Compass/CoffeeScriptを自動変換するソフトウェアです。 最近はCSS/JavaScript/HTMLをそのまま書くのではなくSassやCoffeeScript、Haml/Markdownを使ってそれぞれのフォーマットに変換するのが当たり前になってきています。そこで使ってみたいのがFire.app、自動ファイル変換ソフトウェアです。 起動します。 メニュー常駐型です。 設定画面です。 Growlを使った通知に対応しています。 Livereloadに対応しています。 履歴です。 フォルダを指定しました。 プロジェクトテンプレートを生成してくれる機能があります。 生成しました。後は修正すると自動的に別フォーマットファイルを生成してくれます。 Fire.appはSass/CompassからCSSを、Haml/ERB/Markdownか
[CSS3] Mac OS X Lion CSS3 - CSS3で作ったLionぽいインターフェース
[CSS3] Mac OS X Lion CSS3 – CSS3で作ったLionぽいインターフェース Pocket Tweet 本日のナニコレスゴい。Mac OS X Lionの起動画面からデスクトップまでの流れを、CSS3で再現しちゃいました作例。サイトに入るとお馴染みのアップルマーク起動画面がしばらく表示されて、その後ログイン画面が出ます。パスワード“admin”でログインすると、Lionの見慣れた初期画面に遷移します。ここまでの流れの、なんつーか再現性がスゴくて色々チビりました。奥から手前に出てくるトランジションとかLionそのまんま。正直何の実用性もありませんが、よく作ってあんなーと感心しました。コーディング魂みたいなものを感じたのであります。 Mac OS X Lion CSS3
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
LiveReload
LiveReload 2 proudly presents… The Web Developer Wonderland(a happy land where browsers don't need a Refresh button) CSS edits and image changes apply live.CoffeeScript, SASS, LESS and others just work. Citizenship is granted through the Mac App Store. Windows permanent residency issues are being worked out, temporary stay already allowed. What does LiveReload do?LiveReload monitors changes in the
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
游ゴシックのfont-family指定方法！@font-faceは絶対NG！WindowsのChromeでかすれる問題徹底検証 | WEMO
GitHub - alappe/compass-notify: Add Notifications (via Mac OS X Notification Center) to compass