見通しの良いスタイルシートを維持するために重複した定義を見つけよう·csscss MOONGIFT
csscssはスタイルシート上の重複定義をチェックするソフトウェアです。 スタイルシートの便利なところは多少間違っていたとしてもWebブラウザ側が良いように解釈してくれて描画してくれることです。そのため、更新を繰り返すと徐々に不要な定義ができたり、重複したりして思わぬミスにつながったりします。それを防ぐのに使えそうなのがcsscssです。 例です。複数のスタイル定義が重なっているとのことです。 csscssを使うと複数のスタイルシートについて、その重複度合いをチェックできます。ローカルのファイルはもちろん、URLを指定してリモートのファイルに対してチェックを行うこともできます。さらに最小のマッチ回数も指定できますので、重複が多い箇所だけを洗い出すと言った目的にも使えます。 csscssはRuby製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る 決ま
デザイナー（もどき）がSmartyとPHPを勉強してみる - ONE PERCENT DESIGN BLOG
会社の先輩からは結構前から言われていたんですが、デザイナーとプログラマーの双方のやり取りをスムーズに進めるためにも、デザイナーもSmartyの知識は持っておいた方が良いとのこと。 まぁ、小生はデザイナーにもプログラマーにもなる気が無いので、今までほったらかしにしてしまっていたのですが。。 小生！やるときはやる男です！ というわけで、動機はどうあれ、勉強しはじめましたSmarty。 その前に・・・・だ。PHPのことが良く分からん。。。。なので、最初の課題は PHP初心者がPHPとは何かをそれとなく理解する というわけで、先月あたりからデザイナーがwebサービスを10週間で作れるようになる方法。または私は如何にしてPHPを愛するようになったか。という記事を見ながらPHPの勉強を始めました。ほんと、よく書かれていますねこの記事。 この記事で言う「神」役はまぁ会社の先輩にお願いすると勝手に想定した
How to Learn iPhone App Development for Non-Programmers
2014年8月17日 スマートフォン 「iPhone/iPadアプリを作るのは難しい」。デザイナーの人は特にそう思い込んでいませんか？確かに新しいプログラミング言語を習得するには時間がかかります。しかし、一度「楽しい！」と思えばこっちのものです。その気持ちだけで難しいものも簡単に乗り越えてしまえるもの。そう、もう無敵です！どんなアプリでも作れるようになります！ここではアプリの開発方法よりも、「どうやって楽しく学習できるか」に焦点を当ててみたいと思います。 ↑私が10年以上利用している会計ソフト！ 準備しよう 必要なもの Mac OS Lion iOSアプリの開発は基本的にMac OSですすめることになります。Apple Storeでポチッちゃいましょう :P XCode 4 iPhone/iPadアプリの開発にはXcodeが必要になります。App Storeで最新のXcodeをダウンロード
photoshop（フォトショップ）で髪の毛を自然な形で切り抜く方法 | 楽してプロっぽいデザイン | Forty-N-FiveBlog
フォトショップでは様々な切抜きの方法があり、パスを使って切り抜くことが多いですが、髪の毛を切り抜く際、先端部分をパスで綺麗に切り抜くことは至難の業です。そんな時「チャンネル」を利用して切り抜きを行えば、髪の毛部分も自然な形で切り抜くことが出来ます。 「チャンネル」を利用して髪の毛を自然な形で切り抜く方法 パスでおおよその輪郭を選択します 「ペンツール」を選択し、パスパレットよりパスを新規作成します。おおよその輪郭のパスをとっていきます。ポイントは、髪の毛の部分は内側にパスをとることです。 髪の毛部分をなげなわツールで選択します 「なげなわツール」より髪の毛の先端部分を囲んでいきます。ある程度適当でかまいません。 なげなわツールで選択範囲が取れれば、Ctrl+Jを押してみます（今選択した部分のみコピーされ新規レイヤーに追加されます。） 「チャンネル」での処理 現状レイヤーには、基画像と、手順
[JS]スライドを縦横斜めのダイナミックなスクロールで表示するスクリプト -Ascensor.js
デモページ ページ中央の「Demo and how to use」をクリックします。 操作は、左上の「prev, next」、右下の「ナビゲーション」、キーボードの「矢印キー」です。 [ad#ad-2] Ascensorを実際に使用しているサイトも紹介します。 Reverse Buro Ascensorの使い方 外部ファイル 「jquery.js」と「scrollTo.js」、そして当スクリプトを外部ファイルとして記述します。 <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.scrollTo.js" type="text/javascript"></script> <script src="js/jquery.ascensor.js" type="text/java
PhotoShop&FireworksでWebデザインする為に必要な情報をまとめてみた
PhotoShopでWebデザイン PhotoShopVIP PhotoShopだけでなく、他のソフト共通で使える素材やネタも多い。 これからPhotoshopでWebデザインをしたい初心者さんのためのツールパネルとかいろいろ PhotoshopをつかってWebデザインする視点で使う機能解説なので、知ってることも多いけど、ここはまず抑えておいたほうがいい！ Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ この辺りの設定数値は覚えておこう！他のソフトでも応用できます。 PhotoshopでWebサイトのモックアップをつくるチュートリアル 海外のチュートリアルの日本語訳での解説、グリッドシステムの勉強にもなる。 日本語で読めるPhotoshopチュートリアル集 まとめ まずは、日本語でのチュートリアル！どんな使い方をしているのかを知るのが大事！ photos
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
コレはヤバイ！Wi-Fiのページ読み込みを爆速にする「魔法の数字」は本物だったぞ！設定はコピペでOK | カミアプ
ども！てみたーずのともぞう(@tomozo_1975)です。 皆さん、スマホのWi-Fi接続を爆速にすると言われる「魔法の数字」をご存知ですか？ 今回はその魔法を実際に試してみたので詳細をレポートしたいと思います。 その結果…驚くほどステキな結果が出ちゃいましたよ！ 参照:スマホのWi-Fi接続を爆速にする魔法の数字 129.250.35.250 – NAVER まとめ 早速、「魔法の数字」でWi-Fiがどれだけ早くなるか、実験をしてみました。 iPhone4を２台用意して、片方に「魔法の数字」を設定します。 ホーム画面にアップスへのブックマークを作成して同時に接続。 おぉ～！「魔法の数字」を設定したiPhoneはサクサク読み込んでいきますよ！ 同じWi-Fiを使っているのにここまで差が出るとは驚きです。まさに魔法！ ということで、次は魔法の数字の設定です。 そんなWi-Fiをサックサクに
Google画像検索で無料で使える画像を絞り込む方法 – @attrip
↑この画像は、無料で使える。武田梨奈さんの写真 Google画像検索で無料で使える画像を絞り込む方法 まず、Googleで画像検索をする。 https://www.google.co.jp/imghp ここで検索したいキーワードをいれる。 右側にこんな設定ボタンがあるので押す。 検索オプションを選択し、一番したにライセンスの部分で自由に使用または共有できるを選択。 これで無料で使える画像を簡単に選択することができますよ。 試してみてね！ なお、googleのサポートの内容には、 http://support.google.com/websearch/bin/answer.py?hl=ja&answer=29508 “検索したコンテンツを再利用する前に、ライセンスが正当であるか、および再利用に関する規約をご自分で確認してください “ と書いてあるので、確認してからどうぞ。 とはいえ確認するの
無料で使える単一ページのHTML/CSSテンプレート集
美しい単一ページの無料テンプレート集。 CSS/HTMLの勉強にも使えそうですが、細かいところで単一ページらしいアイデアが使われているところも見所です。 色々と使い所満載のテンプレート集 単一ページだからと思って油断していましたがなかなかのクオリティでびっくり。 Free Single-Page HTML5 Portfolio Template Demo / Download スライドショーの部分も細かいですがよく出来てます。 Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3 Demo / Download Page 一般的な縦型のシングルページ。スムーズな移動も特徴的です。 Resume (HTML) Demo / Download Page Roundfolio: A Free Portfolio T
フロントエンドがやっておかなきゃいけない、iPhone(スマホ)向けサイトを軽量化･高速化するための必須項目をメモ。 | Mnemoniqs Web Designer Blog
Webサイトの待ち時間の80％はフロントエンドの処理によるもの なんて言われるとドキっとしちゃいます。どんな素敵にデザインして綺麗にコーディングしても、ページが重くてイライラしてるユーザーがいたら台無しです。なのでスマホ向けサイトのデザインに入る段階から、高速化・軽量化を意識するために、いくつか項目をメモしておきます。 デザインの段階から軽量化を意識する 画像を極力使わないで魅せる努力をする 当たり前ですが、画像を使えば使うだけレスポンスは遅くなります。背景画像にドデーンと写真を使ったり、見出しを使うたびに大きなアイコンを入れるなど、わざわざページを重くさせるようなデザインにする必要はありません。 多少シンプルになったとしても、色のメリハリ・1pxの線などでカバーしましょう。テキストも可能な限り画像にせず、デフォルト文字にするべきです。Webデザイナーの腕の見せ所ですね。 HTML5+C
フリーランスor起業するとき、やっちゃうと破綻しがちな５つのこと - @fromdusktildawnの雑記帳
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.
グラデーションをより美しく滑らかにするPhotoshopのアクション -No More Banding
グラデーションを描いた時にできてしまうバンディング（濃淡の縞）を滑らかにするPhotoshopのアクションを紹介します。 手動用にそのアクションの解説も。 Photoshop Actions to fix the banding of Photoshop's gradients. [ad#ad-2] No More Bandingの使い方 No More Bandingの仕組み No More Bandingの使い方 No More Bandingの使い方は簡単です。 「Download」ボタンから「No More Banding 0.5.atn.zip」をダウンロードして、解凍。 「No More Banding 0.5.atn」をPhotoshopのアクションパネルに登録。 インストールが完了すると、下記のようになります。 右半分が適用前、左半分が適用後です。 No More Band
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
知っておくと何かと応用が利くCSS3を使った表現テクニックいろいろ
GW中にまとめて読みたい、Web制作者におすすめのスライド
Mac App Storeで入手できない超便利なMacアプリ30コ - iTea3.0
http://webdesignmatome.com/webdesign/js_anim
フリーフォントまとめ
新着記事
