Sublime TextでできるDreamweaverのアレコレ
この記事は Sublime Text Advent Calendar 2014 1日目の記事です。 いまだDreamwaverから離れられないコーダーさんに伝えたい「それ、Sublime Textでもできるよ。」という機能を紹介します。 パッケージの機能追加については言わずもがなPackage Controlから拡張してください。 コードヒント Emmet (Package) Dreamwaverではプロパティ補完→値補完という流れになりますが、「Emmet」パッケージを入れることで［プロパティ:値］をワンセットで補完することができます。Fuzzy Searchという機能で、よしなに補完してくれます。 DreamwaverでもEmmetの拡張はありますがコード展開だけですね。 コードヒントも「sublime-snippet」ファイルというテンプレートファイルで簡単に追加・管理することができ
Blitz - ウェブクリエイタの人も，そうでない人も楽しめるデザインブログ
手相講座 オンラインが気になるなら、こちらのウェブサイトをよくチェックしたほうがいいです。 そして、あなたがすぐ副業になる 手相オンライン講座を購入しようとしているなら、上のウェブサイトで、すぐ副業になる 手相オンライン講座を手に入れると一体何ができるようになるのかについて、十分に理解した上で購入することをおすすめします。 また、レビューや評価が紹介されているなら、それについてもよくチェックしましょう。 下記のすぐ副業になる 手相オンライン講座についての情報も役に立つかもしれません。 商品名：すぐ副業になる 手相オンライン講座 販売商品紹介：手相をゼロから学んで副業になる！覚えなくても始められる！基本となる丘・線の解説に加え、応用力がつく読み方や豊富な実例も紹介。特典動画ではさらに学びを活用し副業にしていくための方法も解説した有料鑑定をやるための情報に特化した手相講座です。 電子書籍価格：
海外のハイクオリティなフリー写真素材サイト11選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Webサイト制作時には、写真素材サイトが必須ですよね。クオリティの高いものを選べば、それだけでサイト全体の印象もぐっとよくなります。 本日は、Webサイト制作時に使える高クオリティな海外のフリー写真素材サイトを紹介します。 頑張って他の記事とかぶらないものを選出してみたつもりです。（かぶっていたらゴメンナサイ。） どれもオシャレなので、Webサイト制作時だけでなく、ダミー写真や写真を撮る際の参考などにもお使いください。 無料で商用利用可能のものを集めていますが、僕の翻訳能力が怪しいので、ライセンスはご自分でお確かめになってからお使いください。それでは、どうぞ。 ※編集部注：この記事は2014年9月に公開されたものを、最新情報を元に再構成・編集しています。 写真編 New Old Stock https://nos.twnsnd.co/ サイト名のとおり、クラシックな作品を揃えており、単純に
OpenSSLコマンドによる公開鍵暗号、電子署名の方法 - Qiita
本エントリは公開鍵暗号をプログラムで扱う方法のまとめの一環で、OpenSSLコマンドを使ってRSAの公開鍵暗号や電子署名を行う方法をまとめています。 知識の前提 公開鍵暗号と電子署名の基礎知識 ある程度の基礎知識があることを前提としていますので、自信のない方は 公開鍵暗号と電子署名の基礎知識 を先にお読みください。 RSA鍵、証明書のファイルフォーマットについて 諸々の操作で鍵や証明書のファイルが出てきますが、それらのファイルのフォーマットについてある程度の理解がある必要があります。自信のない方は RSA鍵、証明書のファイルフォーマットについて を先にお読みください。 環境 OpenSSLがインストールされているコンピュータが必要です。macOSや Linux等の UNIX系コンピュータであればほぼ最初からインストールされているとおもいます。Windowsの場合はデフォルトではインストール
初心者でもほぼ無料でPHPを勉強できるコンテンツ11選 - paiza times
Photo by Robyn Jay こんにちは。谷口がお送りします。 プログラミングをこれから学ぼうとしている方の中には、「PHPを使えるようになりたい」という方も多いかと思います。 PHPは日本国内に20万人もの開発エンジニアがいるともいわれ、求人案件も非常に多い言語です。広くWeb系のサービス開発、ゲーム開発などで利用されており、少し前までその多くがLAMP環境(Linux+Apache+MySQL+PHP)と呼ばれる組み合わせの開発環境で開発されていました。最近では、CakePHPやSymfonyといった、よりWebアプリケーションを素早く作れるフレームワークによる開発も増えています。 実際のサービスでは、Facebookは現在はHackというPHP互換の言語で作られていますが、少し前まではPHPで開発されていました。また、国内ではグリーやpixivなどのサービスもPHPで開発され
禁則処理を設定する - スタイルシート
禁則処理を、PタグやDIVタグなどに指定します。 禁則処理とは、「ぁぃぅぇぉっ」などの小文字や「ー」などが行の先頭に来ないようにすることです。 スタイルシート・サンプル 緑の文字が変更箇所で、赤い文字が対応するスタイルシートです。 "/* */"内はコメントです。削除しても影響ありません。 必要な箇所をコピー＆貼り付けして編集してください。 また、その他の指定方法はメニューの「基本・リファレンス」を参考にして下さい。 → ページ全体に適用する場合 <HTML> <HEAD> <TITLE></TITLE> <STYLE type="text/css"> <!-- P { line-break: normal } /* 通常の禁則処理を適用する */ DIV { line-break: strict } /* 厳密な禁則処理を適用する */ --> </STYL
SublimeTextに開発環境変えました
またまた空いてしまいました。。。。いろいろとネタ書いていこうと思いますが、なかなかこちらの方まで手が回らないですわ～ さて、ここ最近になってようやく開発環境をSublimeText2に変えました。ドリームウィーバーからAptana3に変えてから1年、まあ、Aptanaには開発する限り特に問題ないのですがカスタマイズの点と起動が遅いのが気になりはじめ、ちまたでフィーバー中の恋するエディタSublimeTextに興味津々でございました。 使ってみて思ったのが初心者向きじゃないねってことです。カスタマイズ方法がチョット変わっている。プログラム書くようにコードを書き換えることでカスタマイズするようになっていていろいろなところで詰まったりしました。単純にブラウザ表示とかうまくできないし、FTPもプラグインで行えるなんて・・・・ しばらくは両方使っていたのですが、SublimeTextに乗り換えた決定
じっくり解説！Sublime Text 2 プラグイン 「AutoFileName」 - フロントエンドとかPCとかスマホとか
Sublime Text 2 での作業楽しいですね。 そんな作業をもっと楽しくするプラグインの紹介。 今回は、必須ともいえるプラグイン「AutoFileName」です。 htmlやcssを書いているときに、ファイルを指定する事よくあります。 そんな時にめちゃ便利なプラグインです。 例えば、htmlのimgタグを入力中に、別の階層にある画像ファイルを指定する場合、ディレクトリを構造を移動しながら、ファイルを選択して指定することができ、さらに、画像の width heightも自動的にセットしてくれます。 では、インストールから始めましょう。 インストール メニューバーの「Preferences」から、「Package Control」を選択します。 次に、「Package Control:Install Package」を呼び出します。 “autof”まで入力すると、「AutoFileNam
nodebrewでバージョン管理してる場合にSublimeText3でCSScombが動かない問題 - bata's log
SublimeTextにCSScombというめちゃくちゃ便利なパッケージがあります。CSScombはNode.jsで動いているので、使うときはNode.jsをインストールする必要があります。 CSScomb JS を Sublime Text 3 で使ってみる | Web Design Leaves ※記事では「CSScomb js」となっていますが現在は「CSScomb」と表示されるようです。 ところがNode.jsをnodebrewで管理している場合、パッケージをインストールしてもCSScombが動いてくれません。 ググっても情報が出てこないので、パッケージ内のファイルを調べているとREADMEにこのような記述がありました。 Package/CSScomb/README.md ### Caveats If node has been installed with NVM you nee
ChocolateyでWindowsにVirtualBox, Vagrant, Rubyをインストールしてみた | 時の回廊
Chocolateyをインストール ChocolateyはWindows用のパッケージ管理ツール。 aptとかyumみたいなもの。 環境はWindows8.1。 下記を見てインストールする。 https://chocolatey.org/ 2014年6月現在だと、コマンドプロンプトに下記を入力すればインストールできる。 @powershell -NoProfile -ExecutionPolicy unrestricted -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%systemdrive%\chocolatey\bin @powershell -NoProfile -ExecutionPolicy u
windowsの開発環境は一瞬で整うwith chocolatey - Qiita
windowsの開発環境はpower shellの入っている環境なら手作業をほとんどなくして整えることが可能だ。 chocolateyを使います。インストールするのはピカイチに簡単。コマンドプロンプトから以下をコピペして実行してね。 @powershell -NoProfile -ExecutionPolicy unrestricted -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%systemdrive%\chocolatey\bin 勝手にインストールが始まるから放置しとく、結構すぐ終わった気がする。 Windows updateを怠ってたりすると.NETがねぇよって言われることあるけど再起動したら勝
[Windows] OpenSSL on Windows and PowerShell Script Signing
年明けなので、軽い話題を。 EFS や IIS などの PKI 関連の検証を行なうときは、自己署名証明書を使うのが簡単です。しかし、自己署名を使う方法と、認証局に署名してもらう方法とでは微妙に異なっていることが多いので、OpenSSL で認証局を作って、そこで署名するようにしています。Windows 的には、Active Directory 証明書サービス (ADCS) を使うのが王道かもしれませんが、ADCS だと自動化され過ぎて面白くないのと、ADCS は規模が大きいので 「鶏を割くに牛刀を用い」 ているような気がして結局 OpenSSL です。Windows SDK に入っている makecert.exe を使った方が実は楽なのですが、Windows 以外でも使えるオープンな OpenSSL を覚えておいた方が後で幸せになれそうです。 MakeCert (Windows) http:
![[Windows] OpenSSL on Windows and PowerShell Script Signing](https://cdn-ak-scissors.b.st-hatena.com/image/square/f6a2ebaaec1788660dc8bfe25d40b854e785b1fc/height=288;version=1;width=512/https%3A%2F%2Fmsmania.files.wordpress.com%2F2013%2F01%2Fimage_thumb.png)
Web Componentsを構成する4つの仕様 ー Web Components基礎編
我々Web開発者がWeb Componentsという言葉を耳にしてから、もう2年程経ったでしょうか。Web Componentsが変えるWeb開発の未来という記事に、「今のWeb開発がどのような課題を抱えているか、それをWeb Componentsがどう解決するか」を書きました。これを踏まえて、本連載ではWeb Componentsの仕様から実装、PolymerやX-TagといったWeb Componentsを支えるライブラリなどの周辺知識まで解説していきます。 Web Componentsを支える4つの仕様 連載第1回目となる本記事では、Web Componentsを支える4つの仕様について解説します。Web Componentsは以下の4つの独立した仕様から構成されます。 Custom Elements – 独自のカスタム要素をユーザーが定義することを可能にする Shadow DOM
SublimeText3 – SublimeCodeIntelの補完が効かない – TypeError: must be str, not bytes – Lifelog
SublimeText3 – SublimeCodeIntelの補完が効かない – TypeError: must be str, not bytes SublimeText3のRubyモードでEclipseのContet Assistみたいに補完したい SublimeText 3でRubyスクリプトをコーディングするときに、コンテキストに応じた補完が効くと便利だと思って調べたら、SublimeCodeIntelというプラグインがデファクトスタンダードのようです。Package Controlから、 Shift + Command + P Installと入力 SublimeCodeIntelを選択 return としてインストールしました。 動かない問題 早速Rubyスクリプトを書いて、補完が効くかどうか試してみたのですが、コーディング途中に自動的に表示されるはずの補完候補が表示されませ
フロントデベロッパーが幸せになれる"恋に落ちるエディタSublimeText3"導入のススメ #HTML #CSS｜CodeIQ MAGAZINE
フロントデベロッパーが幸せになれる”恋に落ちるエディタSublimeText3”導入のススメ #HTML #CSS 2014.04.17 Category：技術コラム Tag：SublimeText 美しいインターフェイスや充実のプラグインラインナップで人気のテキストエディタ"SublimeText"の異名は”恋に落ちるエディタ”！話題で気になってはいるけれど、使い慣れたエディタから乗り換える気にはなれないな、と思っていませんか？ 今回はそんなSublimeTextの魅惑とWeb制作に役立つ便利なプラグインを導入から順にご紹介していきます！これを読んだら乗り換えたくなるかも！？ by hibikiYzk SublimeTextとは？ SublimeTextは多くのエンジニアを虜にし続けている人気のテキストエディタです。 Vimやmi、Notepad++、なんとDreamWeaverからも乗
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ruucb.com/blog/2014-03-09/responsive-web-design/