我们的业务: 搜狗收录域名 高pr域名 备案域名 历史建站记录干净域名 高外链域名 域名筛选定制 seo相关域名 驿家域名
我们的业务: 搜狗收录域名 高pr域名 备案域名 历史建站记录干净域名 高外链域名 域名筛选定制 seo相关域名 驿家域名
2012年 01月 12日 コーディングのスピードアップに最適なSassを使ってみた。環境構築から基礎的な記述までを紹介します。 カテゴリ: Sass タグ:CodingSassコーディング効率化 CSSのメタ言語として登場したSass。去年から認知はしていたのですが中々手を出しておらず、年が開けて「やってみよう!」と思い起こして使って見ました。 Index 1.Sassとは 2.インストール 3.SassファイルをCSSファイルに 4.実際に作る 5.参考文献 1.Sassとは Sassがなんなのか知らない人も居ると思うので簡単に説明すると、CSSファイルを作成するために扱うプログラムのようなもので、直接CSSファイルを作成するのではなく、CSSよりもシンプル且つ構造化した記述でSCSSというファイルを作成し、そのファイルからCSSファイルに変換(コンパイル)します。 コンパイルされたフ
フリーランスでWEB製作をされている@sou_labさんから ドラッグ&ドロップするだけでサイズ表記付きの良質なワイヤーフレームが作れてしまう 超便利なFW拡張機能の存在を教えて頂き、実際に使ってみたのでご紹介したいと思います。 FW持ってるけど使ったことない・・という方にも是非読んでいただきたい記事です!! ワイヤーフレームとは デザインにとりかかる前にサイトの骨組みを視覚化し、 要素の漏れを防いだり、全体のイメージを掴むために用意するものですよね。 実はわたしは今まで作ったことがなかったのですが、 しっかり骨組みをしておけばデザイン時・コーディング時の作業がスムーズに進みますし、作っておいて損はないモノですね。 Placeholderとは そんなワイヤーフレームですが、自分用ならともかく クライアントさんにお見せする場合は、要素ごとにwidthやheightの数値なども記載してあった方
いま、テスト駆動JavaScriptを読んでいます。テストツールを使ってJavaScriptをマスターしようという本です。そして後半ではアプリケーション開発にテスト駆動開発を適用するみたいです。中級技術者向けと書いてあるだけあって、少しはJavaScriptの本を読んだことが私でも、結構難解です。でも読み甲斐があります。そして、JavaScriptのコア、パターン、テスト、非同期処理、など多くのことが学べる本です。 この本では、ほぼ全編にわたってjsTestDriverが使われています。私はPhpStorm使いなので、今日はjsTestDriverプラグインで、この本のコードを動かすのを紹介します。 インストール とても簡単です。Settings(またはpreferences)→Plugins→Browse Repository...ボタンを押します。 インストールできるプラグインの一覧が
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 Vim Advent Calendar 2011 43日目の記事です。というかもう2012年ですね! あけましておめでとうございます。この度は前回の続き。本当は翌日にでも書くつもりだったけど伸ばしに伸びたWeb屋のためのVim特集をお送りします。初めに言っときますが、3部作です。つまりこの記事は2/3。どうしてこうなった。 Web屋のための Vim-Starter-kit Demo: Vim Starter-Kit from sigwyg on Vimeo. はい、けっきょく作ってしまったんですよ。初心者導入キット。黒い画面恐怖症の方々のためにGit依存しないように作
HTML5対応のスケルトンやフォームなどの骨格生成やテストなどを行ってくれる無料のオンラインツール5選。Initializr 2 http://www.initializr.com/ HTML5のページを書き始めるためのテンプレートを生成し、ダウンロードさせてくれるサイト。 ダウンロードするだけの1秒コース、15秒の簡単カスタマイズ、1分間のカスタムコースの3つがあります。 Switch To HTML5 http://switchtohtml5.com/ やはりHTML5のページを書くためのテンプレートを作成してくれるサイト。いくつかのチェックボックスから選ぶだけでHTML5対応の雛形を作ってくれます。 HTML5Test http://html5test.com/ ブラウザーのHTML5への対応度合いを点数で教えてくれるサイト。ブラウザーの種類ごとに未対応のHTML5要素を知りたい場合
HTML5 ADMINはHTML5で作られた管理画面用テンプレートです。 格好いい管理者専用のWebページが作ってみたいならばお勧めしたいのがHTML5 ADMINです。 デモの画面です。シンプルで分かりやすい画面構成になっています。 ツリービューを広げた場合です。 レイアウトは柔軟に設定されています。 アコーディオンやタブ、シャドーも用意されています。 ダイアログです。 アイコン、スライダー、カレンダー、プログレスバーもあります。 テーブル表示です。 プロフィール的な表示にも対応しています。 メッセージ表示も考慮されています。 フォームのサンプルもあります。 細かな部分にも気を配られたデザインです。 HTML5 ADMINはjQuery、jQuery UIを使っており、無限の階層メニュー、追加ナビゲーションなどの機能があります。 HTML5 ADMINはHTML5/JavaScriptを
PHPでデータベースから取得したデータをJSONとして出力する方法です。 JSONとして出力するにはとても簡単で、 連想配列として値を保存→header関数でJSONを指定してあげるだけです。 tags: データベースから値を取り出して何かをする際に、 データの整形はJSを使ってクライアントサイドで行ないたいって場合にはいいですね。 今回はuserというテーブルからid、name、ageという項目を取ってきてJSONファイルに変換します。 mb_language("uni"); mb_internal_encoding("utf-8"); //内部文字コードを変更 mb_http_input("auto"); mb_http_output("utf-8"); $link = mysql_connect('localhost', 'user', 'pass'); //user名とパスワードは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く