【Sassを覚えよう！Vol.4】Sassの基本的な記述方法
前回のエントリーで、無事にSassが動作する環境が整ったかと思います。 今回は、いよいよ通常のCSSでは出来なかったSassの記述（Sass記法）に関してです！ まずは基本って感じですが、これだけでも十分Sassを利用することでコーディングの効率が上がる！って思ってもらえれば幸いです＞＜ 記法の前に Sass記法の前に、SassはCSSの「完全な上位互換」と言えるので、CSSのルールはすべてそのまま利用することが出来ます。 その為、cssファイルをそのまま拡張子だけ .scssに変更して変換（コンパイル）し直すみたいな事も可能です。（圧縮できる程度のメリットしか有りませんが） 軽く余談ですが、このCSSとの完全な互換性が従来のSassには無かったのですが、現行のバージョンではそれが出来るので、余計な事を覚える必要がなく、Sassの機能を今までのCSSの知識にプラスアルファとして使えるんです
Sublime Text 2でコンパイル編 ｜ クラスメソッド開発ブログ
はじめに このシリーズ「すぐに使えるSCSS入門シリーズ」ではScoutを使ってコンパイルしてきました。 最近Sublime Text 2のライセンスも買って、本格的に使い始めました。 そこで、今回はSublime Text 2（Windows, Mac）を使ってコンパイルする方法を調べたので、まとめて紹介したいと思います。 この記事ではデザイナーに苦手な人が多いかもしれない黒い画面「コマンドプロンプトとターミナル」を利用します。 難しいんじゃないかと思うかもしれませんが、是非挑戦してみてください。そのうち大したことしてないじゃんと思えるようになります。 主な流れ 主な流れはこんな感じで、最初に黒い画面でコマンドを入力していきます。 それが終わればSublime Text 2の設定を行い、コンパイルを試します。 Rybyのインストール インストールの確認とコンソール Sassのインストール
Browsersync - Time-saving synchronised browser testing
Time-saving synchronised browser testing. It’s wicked-fast and totally free. npm install -g browser-sync Get Started Your indispensable test assistant. With each web page, device and browser, testing time grows exponentially. From live reloads to URL pushing, form replication to click mirroring, Browsersync cuts out repetitive manual tasks. It’s like an extra pair of hands. Customise an array of s
So you need a template engine..
Template-Engine-Chooser! This tool is not being updated — more info Is this for use on the client or the server? client server both How much logic should it have? the entirety of JS just the basics none at all Does it need to be one of the very fastest? yes no Do you need to pre-compile templates? yes no Do you need compile-time partials? yes no Do you want a DOM structure, or just a string? DOM s
【jQuery】親要素を削除する - Qiita
親要素を削除したいときに、どうすればいいのかわかったのでメモ。 下記のようなHTMLのときに、pをクリックしたらdivを消すとする。
アプリのUI設計に便利！無料ツール「Flinto」を使ってプロトタイプをつくってみた
こんにちは。デザイナーのまんです。 Webサイトやモバイルアプリをつくる上でUIに悩むことは多いと思います。 ワイヤーフレームを引いてみても、動かしてみたときを頭の中で想像しながらだとなかなか時間が掛るし思うようにならない…。 そんなとき！作った画面をお手軽にがしがし動かしてくれるプロトタイプツールが便利です。 今回使ってみたのは「Flinto」というWebツール。(1ヶ月体験無料) 実際に使ってみた感想や気づきをご紹介します。 使い方 基本的にはよくあるプロトタイプツールと同じで ①画面イメージ（画像）を登録する ↓↓↓ ②リンク箇所とリンク先を設定する （みょい～～～んとアンカーが伸びるのが気持ちよくてすごく好きです） リンク設定しおわったら「Share & Install」からURLを生成してモバイルのホーム画面に追加すると まるで本物のアプリのような動きをしてくれます！（Web上で
新GoogleMapsの最も簡単な地図埋め込み方法！
ノンジャンルで知ってるような知らない様々な情報を配信中。健康、ダイエット、名言、動画、画像、面白情報など。 ちょっと前からですが、GoogleMapsが新しいバージョンへと変更されました。以前のGoogleMapsと比べ広くスッキリとした印象で機能などもよりシンプルで使いやすくなったイメージがあります。 しかし、一つ問題があります。 結構利用者が多いと気がするのですが、サイトやブログへのGoogleMapsの埋め込みリンク発行ボタンが無くなっているのです。新しいGoogleMapsではどこを探してもありません。 今回はGoogleMapsの地図をサイトやブログへ埋め込む方法を二つ紹介したいと思います。 最も簡単な埋め込み方法は以前のバージョンを使用！ 新しいGoogleMapsにはサイトへの埋め込みリンク発行ボタンは設置されていません。現状としてサイトやブログなどに埋め込みたい場合、一番簡
Macで.htaccessなどのドットから始まるファイルを表示する方法 | Last Day. jp
先日当ブログLast Day.jpのサーバーを新しい所に移す作業をしていて.htaccessが新しいサーバーにアップロードされていませんでした。 Macではデフォルトの状態ですとドットから始まるファイルは非表示になっています。※CyberDuck等のFTPアプリは設定で表示する事ができます。 ターミナルを起動します。 defaults write com.apple.finder AppleShowAllFiles true killall Finder と入力してください。 Finderやデスクトップを確認すると今まで表示されていなかったドットから始まるファイルが表示されているはずです。(.localizeや.DS_Store .htaccessなど) ファイルを再度非表示にしたい場合はターミナルに defaults write com.apple.finder AppleShowAll
Page Layers - Website screenshots for macOS
Page Layers is a website screenshot app for macOS. It converts web pages to Photoshop files with separate layers for all page elements. It enables you to open web pages in Photoshop and saves you lots of time when re-designing or improving existing web page designs. Just open any page in the embedded browser and save the page as PSD with layers or as plain PNG image. In the HTML to PSD conversion
FrontPage - Trac Lightning Wiki
最近の更新 (Recent Changes)2016-03-02Plugin Plugin/4.0.0/AddCommentMacro 2016-01-30Plugin/4.0.0/TracNavMacro Plugin/4.0.0/TocMacro Plugin/4.0.0/PrivateWikiPlugin 2015-11-22Plugin/4.0.0/FootNoteMacro 最新リリース情報traclight (1.5.2)2008-02-13 23:09trac-lightning (3.2.0)2013-04-29 13:00trac-lightning-dev (3.2.0beta1)2013-03-16 11:37 Wikiガイド(Guide)Wikiの文法 リンクの種類と文法 ブロックプロセッサ 拡張文法 サイドバー プロジェクトWikiでの広告設定 サイドバー (Si
Coda を使って Mac のローカルでバージョン管理をする | ツール・サービス | かたつむりくんのWWW
僕は Subversion やら Trac やら Git やら、そもそもバージョン管理ってのが良くわかっていないのですが、そんな僕でも Coda を使って Mac のローカルでバージョン管理をする環境が作れたよっていうお話です。 僕は、Movable Type のプラグインやWebサイトを制作をするときに、これまでは nori さんの『CodaとGoogle Codeで始めるプロジェクトのバージョン管理 :: 5509(+1)』を参考にして 「Google Code」を使ってバージョン管理の真似事をやっていました。公開したくないものについては「どこでもプロジェクト管理バックログ」のフリープランを使っていたりもしました。 しかし、僕の場合、電車などの移動中にコードを書くことが多々あるのですが、イーモバイルなども持っていないので、できればオフラインでバージョン管理ができればいいなーと思っていた
Become Kodiak - Expanding Possibilities
You can send a message to someone anonymously, without them knowing who you are. Here’s how it works. How do we know that someone is anonymous? The person doesn’t have a public profile on the internet, and doesn’t use any of their social media accounts to identify themselves, or provide any personal information about themselves. Some people might be worried that this could lead to harassment — but
これでテストの為にAndroidを沢山買わなくていいかも。Androidアプリの実機テストをリモートで行えるサービスを試してみた
レーベでもAndroidアプリの開発を行っていまして、最近ではカメラアプリを開発しました。沢山ダウンロードされると「○○で動かない」といったレビューがGoogle Playに入る事も多々あり、逐一各機種でテストする必要があります。 最近まで私たちも実機を事あるごとに購入していたのですが、良いレンタルサービスを発見したので、簡単な動作検証の場合は実機を買わずに済ませるようになりました。 Remote Testkit for Androidについて http://appkitbox.com/testkit Remote Testkit for AndroidとはNTTレゾナントが提供するリモートによるスマートフォン実機検証のためのサービスです。端末のレンタルはチケット制で3チケットで30分利用可能となっています。6チケット（1時間分）945円（税込）で販売しています。 エミュレータではなく、実
marcorotoli.com - このウェブサイトは販売用です！ - design graphic design visual design creative web design illustration print brand branding logotypes リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web and Mobile Development Services | Netling ®
How to Hire a Great Freelance Developer | Toptal®
夜職の世界｜ナイトワークのお悩み研究所 |
Website Development in Toronto - Rebel Trail Web Design
Daftar Slot Online Indonesia Terpercaya & Termurah - mixitup
Loading...