.htaccessの有用な設定を集めたコレクション「.htaccess Snippets」 | ソフトアンテナ
Apacheの設定をディレクトリ単位で制御するためのファイル「.htaccess」。管理者だけではなく一般ユーザーにとってもお馴染みのファイルですが、急に設定を変更しようとしても、書き方を忘れてしまってすぐには出来ないという方も多いかもしれません。 「.htaccess Snippets」はそのようなときに参照したい便利な設定集です。有用な.htaccessの設定が、やりたいこと別に簡潔にまとめられています。覚えておけばいざというときに役に立つこと間違いないと思われます。 見慣れた設定も確認できる .htaccess Snippetsの内容は、リライト / リダイレクト、セキュリティ、パフォーマンス、その他に大別されていて、例えばセキュリティカテゴリの中では、アクセス制御の書き方などが説明されています。 全て禁止で一部許可する場合。 Order deny, allow Deny from
絵心が無くても大丈夫！かっこいいタイトルロゴが作れるWebアプリ8選 - もふぬこ動画☆画像
ブログのタイトルロゴが欲しい！（切実） 先日、WordPressで作ったブログのテーマをGushに変更したのですが・・・ ダサい！！ ※Gushは余分な物は一切なくシンプルで、カスタマイズしやすい作りになっているのが非常に良い点ですが、そのまま使用することは考慮されていません。（カスタマイズが前提となっています） 【追記】「そのままでも使える」をコンセプトでGush2.0が開発されました！ というわけで、まずはタイトルロゴの制作に取り掛かります。 Windowsのペイントソフトで作る Windows付属のペイントソフトでせこせこ作ってみました。 ・・・「チープ！」という言葉が最初に思い浮かびました（笑） いくら個人のブログとはいえ、これは酷い！ もっと簡単にかっこいいロゴが作れないか？調査しました。 正統派ロゴ作成Webアプリ まずは普通のロゴ作成Webアプリです。 Free Logo D
よく使うWordperssプラグインをまとめておいて、サイト構築時に一括インストールでできる「WPCore」 - WEBマーケティング ブログ
Wordperssでいくつもサイトを構築する際に、面倒なのはいつも必ず使うプラグインをインストールすること。必ず使うものを覚えておくのも面倒ですし、ひとつひとつインストールしていくのも億劫になります。 そんなときに便利なのが、今回ご紹介するサービスとプラグインのセットです。 １人で頑張っているウェブ担当者さま必見！業界トップに教えてもらえるチャンス 10枚とじタイプもある針のいらないホッチキス コクヨ ハリナックス 毎回使うプラグインをまとめてインストールできる「WPCore」 「WPCore.com」は、よく使うプラグインをサービスサイト上にまとめておいて、専用のプラグインを使って一括インストールできるオンラインサービス。 まとめたプラグインをコレクションとして公開し、共有することもできるようになっています。 サービスサイト上にプラグインをまとめられる WPCore.comに無料会員登録
JavaScript初級者から中級者になろう — uhyohyo.net
このページの最終更新日：2019年7月4日 JavaScript。主にWebページを作るのに使われるほか、現在ではさまざまなところで活躍しているプログラミング言語です。 このページはJavaScriptの中級講座です。最新鋭ではないかもしれませんが、読み進めれば大抵のものを自分で作れるようになることでしょう。 言い訳とJavaScriptの歴史 / 問い合わせ 最近の更新2017/10/05 全ページを手直ししました。十六章第六回を追加。2017/11/9 十六章第二十一回・十六章第二十二回を追加。2017/12/2 十七章第三回・十七章第四回を追加。2017/12/3 十七章第五回・十七章第六回・十七章第七回を追加。概要コンテンツは第一篇と第二篇に分かれています。 JavaScriptは昔からWebページに動きを与えるものとして用いられてきましたが、第一篇ではそのような、昔からあるJav
ハイクオリティなフリー素材がPSD形式でダウンロードできるサイト20選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのサリーです。 フラットデザインが流行してから、アイコンやモックアップ素材を使う機会が以前より多くなったように感じます……。 素材をダウンロードしたとき、編集がラクチンだと助かりますよね。 今回はPSD形式などのまま素材をダウンロードできる、とっても太っ腹なサイトを20個ご紹介します。 PSD形式のフリー素材を配布しているサイト GraphicBurger http://graphicburger.com/ 無料と有料の素材がごちゃ混ぜなのでご注意。 緑の「Download」ボタンが「Visit download page」となっている場合は有料素材です。 365psd http://365psd.com/ 日本でも有名なフリー素材サイト。 365個一気にまとめてダウンロードできる有料パックもあります。 Pixeden http://www.pixeden.com/
SNSとリスティングの違い/jQueryの読み込み方/いまどきLP10選
国内外の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+でできる写真関連の機能をご紹介します。 写真と動画を無制限ストレージに自動バックアップする まず、Google+の写真機能では、スマホやパソコン上の写真と動画をバックアップできます。自動バックアップ機能をオンにしておけば、クラウド上に手動でアップロードする手間が省けます。『Dropbox』のようなオンラインストレージサービスにも同様の機能はありますが、Google+にしかない重要な特徴があります。それはストレージ容量が無制限である、という点です（ただし、写真と動画が基準サイズ以下であれば）。写真であれば、2048×2048 ピクセル以下、動画は15分以下であれば問題
PhotoshopでWebデザインを効率化するための便利な使い方 | ページ 3 / 3 | 東京上野のWeb制作会社LIG
こんにちは。LIGブログ編集部です。いつも「時間が足りない！」「忙しい」「寝たい……」と思っているWebデザイナーの皆さん、Photoshop作業の時間短縮をしていますか？ Photoshop作業の効率化すれば、余った時間でやりたいことができますよね。そこで今回は、Webデザイナーさんならぜひ使ってほしい、Photoshop作業を効率化する方法をまとめました。Photoshop初心者の方も、そうでない方も、時短できる要素がないかぜひ確認してみてください。 1. ショートカットを使い倒そう 作業時間の短縮を考えたときに、まず思い浮かぶのがキーボードショートカットですよね。知ってるか知らないかで大きな差が出てしまうところでもあります。 ひとつひとつ説明すると長くなってしまうので、おすすめのショートカットについては、かなり詳しく解説されているこちらの記事「Photoshopの効率化におすすめのシ
忙しい現代社会人のために習うより慣れる AngularJS のリンク集 - Qiita
忙しくない人は、公式のチュートリアルを頭から全部やると良いです。めんどくさくてそっちはやってないので分かりません。 とりあえずここを開いてジャッヴァスクリプトを眺める モジュールについて 基本中の基本。特に推奨セットアップのところを見ておけば良い。 DI(依存性注入)について こっちを読んだ方が幸せになれるかも。 どんなサンプルを読むにあたっても、DI の仕組みを知ってないと辛くなる。仕組み自体はよくできているが取っつきづらい。 特に 引数名で渡される実体が変わる 部分は慣れるまで気持ち悪い気がするし、ぼくは気持ち悪い。もっと言うと、minify した場合などで変数名が変わると動作しなくなるため基本的には変数名を指定して、実体を捕捉する必要がある。 var sampleApp = angular.module('sampleApp', []); /** たとえば、Controller で
入社して1年経った新米Webデザイナーが考えてみたこと｜株式会社アクトゼロ｜クリエイティブブログ
こんにちは あゆこです。いよいよGWですね！ 私はフライングして先週末箱根に行ってきました。 箱根はまだ桜が綺麗でした。そしてやはり温泉最高です！ さて、私がアクトゼロに入社してあっという間に1年が経ちました。 こんな感じで短かった髪も肩下まで伸びましたよ～ まだまだペーペーである私ですが、この1年で体感した「WEBデザイナー」という仕事をこの場をお借りして振り返ってみようと思います。 ご紹介するトピックは下記5こ。 最初が肝心！徹底的に情報整理 とにかくこの仕事は「情報」が命です。他の仕事でも勿論ですが、PDCAが出来ていないとどんどん自分の首が絞まっていきます…！ デザインのトンマナは？イメージは共有できている？スケジュールは？素材は？などなど、洗い出すことは山ほどありますし、常にアンテナを張りつつ情報を追いながら、スケジュール内にデザインが組み立てられるよう考えるよう心掛けています。
IllustratorでWeb制作をするときに気をつけたい5つの設定 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
CCの魅力を感じつつもCS6製品で様子を見ている、月額支払いがちょっと怖い。そんな九州ライター村上です、みなさんこんにちは。 今人気のフラットデザインはIllustratorが得意とする部分なので、最近Illustratorを使ってWebサイトを作ろうという動きが増えてきました。Illustrator使いとしては非常に嬉しい事です。しかし、DTPを得意とするIllustratorでWebサイトを作る際には、確認しておかなくてはいけないWeb用のポイントがあります。 今回は、初心者向けのちょっとした用語の説明と共に、Web用コンテンツ作成時に気をつけるべきIllustratorの設定をご紹介していきます。 IllustratorでWeb作業をする時に気をつけたい5つの設定 単位は相対単位のピクセルにする カラーモードはRGBにする ピクセルプレビューで作業する 各パーツはアートボードをわけて
これは今読むべき！Web制作の今がわかりやすく説明されている「現場のプロが教えるWeb制作の最新常識」を読みました！｜男子ハック
本の紹介これは今読むべき！Web制作の今がわかりやすく説明されている「現場のプロが教えるWeb制作の最新常識」を読みました！2014年4月14日290 @JUNP_Nです。WEBCRE8.jpの酒井優（@glatyou）さんが共著として参加されている「現場のプロが教えるWeb制作の最新常識」をいただきました。Web制作者ではない僕が制作の本を紹介するのはおかしいのですが、Webに関わることをしている人は読んでおくべき本だったのでご紹介。 Web制作の現状やトレンドを知っているか知らないかでは大違い目まぐるしいスピードで変化しているWeb制作の現場。最近では「フラットデザイン」「レスポンシブデザイン」「パララックス」などWeb制作の職業についていなくても耳にしたことがあるキーワードがたくさん。他にもHTML5やSass、Gitなど新しい言語やプロジェクト管理について、今のWeb制作の現場がど
Webデザインが3倍速くなる！Photoshop神速テク4つ
カンプのデザインやパーツの作成など、Webデザインにも欠かせないPhotoshop。もっとラクに、もっと速くWebデザインするために、すぐに役立つ4つの時短テクニックを紹介します。 サイズ違いのバナーはまとめて使い回し Photoshopでよく作るモノの1つといえば、バナー。掲載場所や配信先によってサイズが異なるバナーをバラバラに作成すると使い回しが面倒だし、写真や文言に変更があったときにいちいち直すのが大変ですよね。 いろんなサイズのバナーを1つのPhotoshopファイルにまとめて作成し、写真やロゴをスマートオブジェクトで一元化しておくと、バリエーションをスピーディに作れ、修正にも対応しやすくなります。 例として、大中小の3つのバナーを一気に作ってみましょう。作成する最大サイズのバナーが収まるように新規ドキュメントを作成し、大きいサイズのバナーから作成します。 レイヤーに素材を配置して
ウェブデザイン配置のちょっとした「もやもや」をスッキリさせる解決例。 | バニデザノート
ウェブデザインでの配置で、「ルール通りにやっているのにどこかうまくいかない」場合にどうやって解決していくかを考えてみました。今回の例題画像は、すべてクリックすると100%表示のデータを表示するようにしてあります。 ウェブデザインのちょっとした「もやもや」を、少しだけスッキリしたデザインにするヒントになれば嬉しいです。
知らないと損！ウェブデザインに特化したPhotoshopの効率的な89の時短テクニック -神速 Photoshop Webデザイン編
Photoshopを毎日使うウェブ制作者はぜひ目を通してほしい、Photoshopを自分の手足のように使えるようにするノウハウ、同じ結果でも遙かに時間が短縮されるテクニックが満載のオススメ本を紹介します。 同サイズの画像をスライスするのに5分かかっていたのが1分で！ 10px以下の小さな文字を鮮明にするのに10分以上かかっていたのが5分でよりキレイに！ など実用的な技が満載です。 「神速 Photoshop Webデザイン編」ではウェブデザインの現場でPhotoshopを使う時に役立つ情報が満載！ Webデザインに特化したPhotoshopの環境設定方法から、すばやいスライス、効率的なカンプの作成、デザインのバリエーションを楽につくるなど、実践的なテクニックや便利なツール、そしていざという時の「直し」に強いデータをつくる方法など、デザイナーの時間を大幅に短縮します。 神速デザインの5箇条
ブルブル落ち着きのないエフェクト「CSShake」を使ってみた！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです、はやちです。 はやちはよく周りの人から落ち着きがないとよく言われます そういえば子供の頃から親にも言われていました((((´ʘ‿ʘ｀)))) 今回は、はやちのようにブルブルふるえる落ち着きのないエフェクト「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」
フォントにはシンプルなもの、可愛らしいもの、クールなものなど、さまざまなテイストのものが存在しています。そんな中今回紹介するのは、スタイリッシュなデザインが特徴の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デザインの作り方｜【Tech総研】
Webデザインを苦手とするプログラマも多いけれど、「覚えたい」という人も多いはず。そんなエンジニアは必見です。Perlギークのゆーすけべーさんに楽で簡単な「コツ」を聞きました。内緒（？）で教えちゃいましょう。 今年11月から「Japan Perl Association」の新理事と、YAPC運営委員会の委員長に就任した、Perlハッカーの和田裕介さん。というより、ゆーすけべーさん。「ボケて」や「君のラジオ」の開発者として知られる和田さんは、実はWebデザインにもこだわりを持つ。 「僕は開発者なので、Webデザインは本職ではありません。ただ、Webを作るときに色やフォントはシビアに見ていますね。とはいえ、基本的に面倒くさがりです（笑）」 色の設計に便利なツールとして和田さんオススメなのが「ColorSchemer Studio 2」。有償のMac用アプリで、実際に使っているという。 「ひとつ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[M]WEBデザインを勉強したい方必見！実際に読んで参考になったWEBデザイン系スライド5選 | miMemo(ミメモ)![[M]WEBデザインを勉強したい方必見！実際に読んで参考になったWEBデザイン系スライド5選 | miMemo(ミメモ)](https://cdn-ak-scissors.b.st-hatena.com/image/square/5e150ee9637acb3305e1bc4705dac7271529b553/height=288;version=1;width=512/https%3A%2F%2Fweb-mimemo.com%2Fwp-content%2Fuploads%2F2014%2F06%2Fslide_web_basic.jpg)
あ、これ便利！HTMLエンティティを簡単に見つけることができるオンラインサービス -Entity Lookup