Apacheの設定をディレクトリ単位で制御するためのファイル「.htaccess」。管理者だけではなく一般ユーザーにとってもお馴染みのファイルですが、急に設定を変更しようとしても、書き方を忘れてしまってすぐには出来ないという方も多いかもしれません。 「.htaccess Snippets」はそのようなときに参照したい便利な設定集です。有用な.htaccessの設定が、やりたいこと別に簡潔にまとめられています。覚えておけばいざというときに役に立つこと間違いないと思われます。 見慣れた設定も確認できる .htaccess Snippetsの内容は、リライト / リダイレクト、セキュリティ、パフォーマンス、その他に大別されていて、例えばセキュリティカテゴリの中では、アクセス制御の書き方などが説明されています。 全て禁止で一部許可する場合。 Order deny, allow Deny from

ブログのタイトルロゴが欲しい！（切実） 先日、WordPressで作ったブログのテーマをGushに変更したのですが・・・ ダサい！！ ※Gushは余分な物は一切なくシンプルで、カスタマイズしやすい作りになっているのが非常に良い点ですが、そのまま使用することは考慮されていません。（カスタマイズが前提となっています） 【追記】「そのままでも使える」をコンセプトでGush2.0が開発されました！ というわけで、まずはタイトルロゴの制作に取り掛かります。 Windowsのペイントソフトで作る Windows付属のペイントソフトでせこせこ作ってみました。 ・・・「チープ！」という言葉が最初に思い浮かびました（笑） いくら個人のブログとはいえ、これは酷い！ もっと簡単にかっこいいロゴが作れないか？調査しました。 正統派ロゴ作成Webアプリ まずは普通のロゴ作成Webアプリです。 Free Logo D

このページの最終更新日：2019年7月4日 JavaScript。主にWebページを作るのに使われるほか、現在ではさまざまなところで活躍しているプログラミング言語です。 このページはJavaScriptの中級講座です。最新鋭ではないかもしれませんが、読み進めれば大抵のものを自分で作れるようになることでしょう。 言い訳とJavaScriptの歴史 / 問い合わせ 最近の更新2017/10/05 全ページを手直ししました。十六章第六回を追加。2017/11/9 十六章第二十一回・十六章第二十二回を追加。2017/12/2 十七章第三回・十七章第四回を追加。2017/12/3 十七章第五回・十七章第六回・十七章第七回を追加。概要コンテンツは第一篇と第二篇に分かれています。 JavaScriptは昔からWebページに動きを与えるものとして用いられてきましたが、第一篇ではそのような、昔からあるJav

こんにちは、デザイナーのサリーです。 フラットデザインが流行してから、アイコンやモックアップ素材を使う機会が以前より多くなったように感じます……。 素材をダウンロードしたとき、編集がラクチンだと助かりますよね。 今回はPSD形式などのまま素材をダウンロードできる、とっても太っ腹なサイトを20個ご紹介します。 PSD形式のフリー素材を配布しているサイト GraphicBurger http://graphicburger.com/ 無料と有料の素材がごちゃ混ぜなのでご注意。 緑の「Download」ボタンが「Visit download page」となっている場合は有料素材です。 365psd http://365psd.com/ 日本でも有名なフリー素材サイト。 365個一気にまとめてダウンロードできる有料パックもあります。 Pixeden http://www.pixeden.com/

国内外のWebメディア、ブログから、マーケティングやWeb制作に役立つ注目記事をピックアップ。先週は、LINEの乗っ取り対策など考えさせられる話題がありました（ピックアップ期間＝2014/6/30〜7/6）。 マーケティング（ソーシャル／SEO／SEM／アクセス解析など） Facebook広告、Twitter広告、Adwordsの実績を比較してみた。（gamba流(ル)） http://gamba.blog.jp/archives/1005266751.html ソーシャルメディア広告とリスティング広告の実績比較。商材やターゲットにもよると思いますが、ここまで差が出るんですね。 GoogleウェブマスターツールとGoogleアナリティクスを連携しないと利用できない2つのこと（真摯のブログ） http://cinci.jp/blog/20140707-cooperation-of-googl

『Google+』をソーシャルネットワークとして活用していない場合には、その秀逸な写真サービスだけでも使ってみるとおもしろいかもしれません。無制限の写真ストレージから、自動補正、強力な写真編集ツールなど...今回はGoogle+でできる写真関連の機能をご紹介します。 写真と動画を無制限ストレージに自動バックアップする まず、Google+の写真機能では、スマホやパソコン上の写真と動画をバックアップできます。自動バックアップ機能をオンにしておけば、クラウド上に手動でアップロードする手間が省けます。『Dropbox』のようなオンラインストレージサービスにも同様の機能はありますが、Google+にしかない重要な特徴があります。それはストレージ容量が無制限である、という点です（ただし、写真と動画が基準サイズ以下であれば）。写真であれば、2048×2048 ピクセル以下、動画は15分以下であれば問題

こんにちは！みう(@miu0512)です。最近SlideShareで色々な資料を読むことにハマっているのですが、その中にはWEB系の解説スライドも沢山！私が実際に読んで参考にしたスライドをジャンルごとにまとめてみようと思います。 WEBデザインに関するスライド5選 WEBのデザインをする上で必要な知識や配色、これだけおさえればいいというポイントをまとめているスライドが沢山あります。WEBデザインをこれから勉強する方や、もうちょっとスキルアップしたいなと思っている方におすすめです。 基礎知識や、デザインに重要なことがまとめられています

こんにちは。LIGブログ編集部です。いつも「時間が足りない！」「忙しい」「寝たい……」と思っているWebデザイナーの皆さん、Photoshop作業の時間短縮をしていますか？ Photoshop作業の効率化すれば、余った時間でやりたいことができますよね。そこで今回は、Webデザイナーさんならぜひ使ってほしい、Photoshop作業を効率化する方法をまとめました。Photoshop初心者の方も、そうでない方も、時短できる要素がないかぜひ確認してみてください。 1. ショートカットを使い倒そう 作業時間の短縮を考えたときに、まず思い浮かぶのがキーボードショートカットですよね。知ってるか知らないかで大きな差が出てしまうところでもあります。 ひとつひとつ説明すると長くなってしまうので、おすすめのショートカットについては、かなり詳しく解説されているこちらの記事「Photoshopの効率化におすすめのシ

忙しくない人は、公式のチュートリアルを頭から全部やると良いです。めんどくさくてそっちはやってないので分かりません。 とりあえずここを開いてジャッヴァスクリプトを眺める モジュールについて 基本中の基本。特に推奨セットアップのところを見ておけば良い。 DI(依存性注入)について こっちを読んだ方が幸せになれるかも。 どんなサンプルを読むにあたっても、DI の仕組みを知ってないと辛くなる。仕組み自体はよくできているが取っつきづらい。 特に 引数名で渡される実体が変わる 部分は慣れるまで気持ち悪い気がするし、ぼくは気持ち悪い。もっと言うと、minify した場合などで変数名が変わると動作しなくなるため基本的には変数名を指定して、実体を捕捉する必要がある。 var sampleApp = angular.module('sampleApp', []); /** たとえば、Controller で

こんにちは　あゆこです。いよいよGWですね！ 私はフライングして先週末箱根に行ってきました。 箱根はまだ桜が綺麗でした。そしてやはり温泉最高です！ さて、私がアクトゼロに入社してあっという間に1年が経ちました。 こんな感じで短かった髪も肩下まで伸びましたよ～ まだまだペーペーである私ですが、この1年で体感した「WEBデザイナー」という仕事をこの場をお借りして振り返ってみようと思います。 ご紹介するトピックは下記5こ。 最初が肝心！徹底的に情報整理 とにかくこの仕事は「情報」が命です。他の仕事でも勿論ですが、PDCAが出来ていないとどんどん自分の首が絞まっていきます…！ デザインのトンマナは？イメージは共有できている？スケジュールは？素材は？などなど、洗い出すことは山ほどありますし、常にアンテナを張りつつ情報を追いながら、スケジュール内にデザインが組み立てられるよう考えるよう心掛けています。

CCの魅力を感じつつもCS6製品で様子を見ている、月額支払いがちょっと怖い。そんな九州ライター村上です、みなさんこんにちは。 今人気のフラットデザインはIllustratorが得意とする部分なので、最近Illustratorを使ってWebサイトを作ろうという動きが増えてきました。Illustrator使いとしては非常に嬉しい事です。しかし、DTPを得意とするIllustratorでWebサイトを作る際には、確認しておかなくてはいけないWeb用のポイントがあります。 今回は、初心者向けのちょっとした用語の説明と共に、Web用コンテンツ作成時に気をつけるべきIllustratorの設定をご紹介していきます。 IllustratorでWeb作業をする時に気をつけたい5つの設定 単位は相対単位のピクセルにする カラーモードはRGBにする ピクセルプレビューで作業する 各パーツはアートボードをわけて

本の紹介これは今読むべき！Web制作の今がわかりやすく説明されている「現場のプロが教えるWeb制作の最新常識」を読みました！2014年4月14日290 @JUNP_Nです。WEBCRE8.jpの酒井優（@glatyou）さんが共著として参加されている「現場のプロが教えるWeb制作の最新常識」をいただきました。Web制作者ではない僕が制作の本を紹介するのはおかしいのですが、Webに関わることをしている人は読んでおくべき本だったのでご紹介。 Web制作の現状やトレンドを知っているか知らないかでは大違い目まぐるしいスピードで変化しているWeb制作の現場。最近では「フラットデザイン」「レスポンシブデザイン」「パララックス」などWeb制作の職業についていなくても耳にしたことがあるキーワードがたくさん。他にもHTML5やSass、Gitなど新しい言語やプロジェクト管理について、今のWeb制作の現場がど

カンプのデザインやパーツの作成など、Webデザインにも欠かせないPhotoshop。もっとラクに、もっと速くWebデザインするために、すぐに役立つ4つの時短テクニックを紹介します。 サイズ違いのバナーはまとめて使い回し Photoshopでよく作るモノの1つといえば、バナー。掲載場所や配信先によってサイズが異なるバナーをバラバラに作成すると使い回しが面倒だし、写真や文言に変更があったときにいちいち直すのが大変ですよね。 いろんなサイズのバナーを1つのPhotoshopファイルにまとめて作成し、写真やロゴをスマートオブジェクトで一元化しておくと、バリエーションをスピーディに作れ、修正にも対応しやすくなります。 例として、大中小の3つのバナーを一気に作ってみましょう。作成する最大サイズのバナーが収まるように新規ドキュメントを作成し、大きいサイズのバナーから作成します。 レイヤーに素材を配置して

ウェブデザインでの配置で、「ルール通りにやっているのにどこかうまくいかない」場合にどうやって解決していくかを考えてみました。今回の例題画像は、すべてクリックすると100%表示のデータを表示するようにしてあります。 ウェブデザインのちょっとした「もやもや」を、少しだけスッキリしたデザインにするヒントになれば嬉しいです。

どうもです、はやちです。 はやちはよく周りの人から落ち着きがないとよく言われます そういえば子供の頃から親にも言われていました((((´ʘ‿ʘ｀)))) 今回は、はやちのようにブルブルふるえる落ち着きのないエフェクト「CSShake」をご紹介致します((((´ʘ‿ʘ｀)))) ブルブルする種類 ブルブルの動きは全部で9種類用意されています(((　˘ω˘)))☝ Basic Shake…基本のブルブル Slow Shake…ちょっと遅く大きくブルブル Little Shake…小さくブルブル Hard Shake…激しくブルブル Fixed Horizontal…横にブルブル Fixed Vertical…縦にブルブル Fixed Rotation…回るようにブルブル Opacity Shake…透明度が変わりながらチカチカブルブル Crazy Shake…縦横無尽にバタバタチカチカブルブル

フォントにはシンプルなもの、可愛らしいもの、クールなものなど、さまざまなテイストのものが存在しています。そんな中今回紹介するのは、スタイリッシュなデザインが特徴の35種のフリーフォント「35 Stylish Collection of Free Fonts」です。 （WAVE ME IN – Free Font on Behance） クリエイティブ性の高いスタイリッシュテイストのフォントが多数まとめられています。気になったものをピックアップしましたので下記よりご覧ください。 詳しくは以下 Glamor – Chic & Modern Free Type Family on Behance 一見シンプルですが、強弱のあるラインやあしらわれた丸型の飾りが、フォントに個性を与えてくれていますね。 Dribbble – Sunbather Font by Brittany Buescher とこ

Webデザインを苦手とするプログラマも多いけれど、「覚えたい」という人も多いはず。そんなエンジニアは必見です。Perlギークのゆーすけべーさんに楽で簡単な「コツ」を聞きました。内緒（？）で教えちゃいましょう。 今年11月から「Japan Perl Association」の新理事と、YAPC運営委員会の委員長に就任した、Perlハッカーの和田裕介さん。というより、ゆーすけべーさん。「ボケて」や「君のラジオ」の開発者として知られる和田さんは、実はWebデザインにもこだわりを持つ。 「僕は開発者なので、Webデザインは本職ではありません。ただ、Webを作るときに色やフォントはシビアに見ていますね。とはいえ、基本的に面倒くさがりです（笑）」 色の設計に便利なツールとして和田さんオススメなのが「ColorSchemer Studio 2」。有償のMac用アプリで、実際に使っているという。 「ひとつ