クリエイティブなデザインが簡単に制作できるフリーpsdレイアウト「20 Free Web Layout PSDs」
TOP > Design > クリエイティブなデザインが簡単に制作できるフリーpsdレイアウト「20 Free Web Layout PSDs」 webデザインを1から完成までつくり上げるのに、時間やコストをあまりかけることができない状況も、デザインの仕事をしていると経験することがあると思います。そんな時に活用できる、フリーpsdレイアウト「20 Free Web Layout PSDs」を今回は紹介します。 （Dribbble – Sevent WordPress + free psd by trendythemes） クリエイティブなデザインを簡単につくり上げることができる20種のpsdレイアウトが紹介されています。 詳しくは以下 ■Responsive PSD Template レスポンシブデザインのテンプレートpsdです。ベースがシンプルなので、希望のテイストのデザインにア
WordPressテーマ制作チュートリアル
この記事は、はじめてブログ用のオリジナル WordPress テーマを制作される方向けに書いたチュートリアル記事です。 なぜこの記事を書いたかというと、「WordPress でブログを作ってみたい、でも作り方がわからない」とおっしゃっている方が想像以上に多いことと、私が Webデザインスクールで WordPress ブログテーマの作り方を教えていると、想像以上にテーマ制作の基礎を理解していただくのが難しかったからです。 おそらく、HTML+CSS コーディングができる方であれば、この記事を読めばブログ用のWordPressテーマを制作できるようになるはずです。 このチュートリアルでできるテーマのサンプルファイルも以下からダウンロードできます。 実際のファイルを見ながら（あるいは作りこみながら）読むと理解が深まると思います。 WordPressのインストール まだレンタルサーバを借りていない
MAMPのインストール for Mac-独学!未経験からWebデザイナーになる!!
Mac OSXにはもともとApacheがインストールされています。ですから他に何もインストールせずともApacheを利用することができます。しかし、手軽にPHPスクリプトも書いてみたい、またはWordPressやMovable Typeをインストールしてみたいという方には、このMAMPが最も手軽なソリューションだと言えるでしょう。 MAMPは、Apache,MySQL,PHPをパッケージとして一括インストールすることができるソフトです。同じようなソフトとしてWindowsではなじみ深いXAMPPもありますが、MacではMAMPの方がよく使われているようです。 まずはMAMPをダウンロード まずはMAMP のサイトにアクセスしてください。左側の[ MAMP: One-click-solution for setting up your personal webserver ]とかかれたすぐ下
[CSS]IEを含めた主要ブラウザと各スマートフォンに対応した@font-faceの指定方法
IE6, 7, 8, 9をはじめとする主要ブラウザ、iOS, Androidのスマートフォンに対応させるための@font-faceの指定方法を紹介します。 The New Bulletproof @Font-Face Syntax [ad#ad-2] 各ブラウザ・スマートフォンに対応させる@font-faceの指定方法 各主要ブラウザ、スマートフォンに対応させる@font-faceの記述は、下記のようになります。 @font-face { font-family: 'MyFontFamily'; src: url('myfont-webfont.eot?') format('eot'), url('myfont-webfont.woff') format('woff'), url('myfont-webfont.ttf') format('truetype'), url('myfont-w
CSS3 「gradient」と「@font-face」
CSS3 「gradient」と 「ウェブフォント（@font-face）」 このページは背景画像を一切使用していません。 背景のストライプ模様はCSS3のbackground-image:gradient、フォントはCSS3の@font-faceでサーバー上に置いたフォントを読み込んで表示しています。これによって、閲覧者のパソコンにインストールされていないフォントも表示する事が出来ます。また、画像文字ではないのでコピーする事も可能。 SEOの一環としても有効です。 2010年1月現在、InternetExplorerとOperaではまだgradientに対応していない為、これらのブラウザでは背景は単色になります。フォントファイルはうっかり領収書５部ダメにできる筆圧を誇るふいさんの作った「まきばフォント」をお借りしています。 フォントの為のスタイル指定 @font-face { font
Webフォントを使ってみよう！@font-face 関連の情報いろいろ
Webフォントを使う機会があった のでついでに備忘録的メモです。 @font-face関連の情報いろいろ。 と言っても、まだそんなに情報が 無いので触りを理解するための まとめ的な記事です。 Webフォントの良い所は、編集作業が不要、コピペも可能でテキストだからSEO的にも有利になりますけど、アンチエイリアスはフォントに依存しますし、日本語フォントはどうしても少なくなってしまうデメリットもあります。 クロスブラウザでWebフォントを利用するには /* IE */ @font-face { font-family: abc; src: url(abc.eot); } /* Firefox, Opera, Safari */ @font-face { font-family: abc; src: url(abc.ttf) format("truetype"); }としてあげるといいみたい。IE
Webサイト制作の一連の流れをまとめてみました
Webサイト制作の一連の流れをまとめてみました。クライアント向けにまとめたものを少し手直ししてのせています。新人Web担当者さんや、新人ディレクターさんの参考になるかなと。 なるべく難しい言葉を使わず、理解しやすいよう平易な言葉で書いております。 ※流れや手順は制作会社によって違うのですが、概要はつかめるかなと思います。 目次と流れ 1. サイトのコンセプトを考える 2. 競合他社からクライアントのお店や商品を選んでもらうためのポイント（強み）を整理する 3. そのサイトで一番伝えたい内容を決める 4. お客さんが必要とする3以外の情報や、クライアントの伝えたい情報をまとめる 5. サイト更新は誰がするのかを決める 6. 想定使用デバイス（PCやスマートフォンなど）を決める 7. サイトの周知・宣伝方法を考える 8. ページの設計図をつくる 9. サイト制作にかかわる必要な素材を準備する
GoogleニュースのRSSを取得する方法 - 溢れ出る加齢臭
ニュースはGoogle Readerで見るようにしているんだけど、朝日新聞やら日本経済新聞のRSSを登録していると、クソもミソもいっしょくたに配信されるもんだから、1日見ないと未読がたくさん溜まってしまう。 ある程度ニュースをフィルタリングして配信してもらって、かついろんなメディアの記事が見れるGoogleニュースが便利なんだけど、アメリカ版はRSSがあるけど、日本版はサイト上にはRSSのリンクがないから、GoogleニュースはRSS配信していないのかと思ったら、実はRSS配信してた。 基本的なフォーマットはこんな感じ http://news.google.com/news?hl=ja&ned=us&ie=UTF-8&oe=UTF-8&output=rssoutput=rssってところで、RSS配信を指定している。output=atomならATOM配信になる。ATOMの方が汎用的なフォーマ
特殊文字のコピペに便利なウェブアプリ
「®」や「」、また、ヨーロッパ言語などでよく見る「é」などの特殊文字の入力の際に役立ちそうなサイトを発見したのでご紹介。HTMLコーディングの際などに結構便利そうです。超シンプルですが、こういうのいいですね〜 » CopyPasteCharacter.com やり方は簡単で、表示されているキャラクターの中から文字をクリックすると、自動でクリップボードにコピーしてくれます。ちなみに、コピーの形式は「As text」か「As HTML」を選べます。 特殊文字のマグも結構いいな〜。ほしい。。。 2011年4月17日に公開され、2012年4月28日に更新された記事です。 About the author 「明日のウェブ制作に役立つアイディア」をテーマにこのブログを書いています。アメリカの大学を卒業後、ボストン近郊のウェブ制作会社に勤務。帰国後、東京のウェブ制作会社に勤務した後、ウェブ担当者として
超簡単にDropboxの容量を768MB増やす方法（無料） - ライフハックブログKo's Style
大切なファイルをオンライン上にバックアップしておける複数のパソコン、iPhone/iPadからもそのファイルを利用できるなど、便利すぎるオンラインストレージ、Dropbox。 このブログの読者の方なら世界の常識として日常的に使っている方がほとんどのはず。 通常、無料版だと2GBを使うことができるのですが、無料で超簡単に768MB増やす方法がLifehacker.comに載っていたので紹介します。 手順 えぇと、簡単です。 まず、Dropboxを登録してない方は登録（無料）。 あとは、こちらから手順に従うだけ。 ツイッターとの連携を許可して （128MB）Facebookとの連携を許可して （128MB）Dropboxのツイッターをフォローして （128MB）なぜDropboxが好きかをコメントして （128MB）それをFacebookにコメントして （128MB）それをツイッターでつぶやい
Googleアラートが便利 - TAKE OFF
昨日に引き続き、新しい機能ではないですが、Googleアラートを使い始めてみました。 Googleアラートは、気になるキーワードや人物などの情報を元に、 1日に1回や週に一度などまとめて結果をメール送信してくれるサービスです。 例えば「Facebook」についての情報を収集したいと思ったら、検索キーワードにFacebookと入力して、 メール送信頻度などを設定して[アラートの作成]ボタンを実行すればOKです。 結果のプレビューをクリックすれば、右側にどんなメールが送られてくるかのサンプルが表示されます。 その他、例えば自分のブログや管理しているHPなどを指定すれば、どこかでリンクが貼られたりツイートされたりする情報も収集出来ます。 この検索キーワードはGoogle検索と同じように指定出来るので、除外指定や特定のサイト（twitterなど）を指定出来たりもするようです。 ちなみに送信されてく
「Free」「Public」などの名前が付いている不審な無線LANに接続してはいけない | スラド
最近「Free Public WiFi」という無線ANアクセスポイントが急に話題になっているらしい。 これは一見公衆無線 LANネットワークのように見えるが、PC同士を接続するための「アドホック・モード」のネットワークであり、 これに接続してしまうと悪意のあるユーザーによって通信の傍受や攻撃を受ける可能性があることが指摘されている(@ITの記事)。 さらにたちが悪いことに、Windows XP SP2以前で特定の修正プログラムを適用していない場合、一度でもこの無線 LANに接続したことがあると、 勝手にこのネットワークに接続してしまうことがあるだけでなく、自分が「ネットワークの主」となって発信を始めてしまうこともあるという。 この問題はアドホック・モードの無線 LANに共通の問題であり、「Free Public WiFi」に限らず他の名称のアドホック・モードを利用した無線 LANネットワー
Macのアプリをダウンロードするならここ「All my Mac App」
Warning: include_once(/home/sites/lolipop.jp/users/lolipop.jp-dp16105308/web/wp/wp-content/plugins/wp-super-cache/wp-cache-phase1.php): failed to open stream: Permission denied in /home/users/0/lolipop.jp-dp16105308/web/wp/wp-content/advanced-cache.php on line 8 Warning: include_once(): Failed opening '/home/sites/lolipop.jp/users/lolipop.jp-dp16105308/web/wp/wp-content/plugins/wp-super-cache/wp-c
【サービス終了】簡易CMSに生まれ変わっていた新posterousはちょっとすごい | 毎日考
なんじゃ。Settingsの画面ってこんなんじゃなかったぞ。 デザインはともかく、Settingsやタブのメニューの構成が微妙に変わっている。とはいえ全部の画面遷移をキャプチャしてあるわけじゃない、憶えてるわけじゃないから印象で語ります。はぐれブロガー印象派です。 参考までに、前回旧ブログでposterous記事を書いたとき（人もすなるPosterousといふものを、猿もしてみむとするなり [2010-02-24] ）の画面キャプチャ。設定タブのキャプチャじゃないのが悔やまれるけど。 ええと、上の新しい管理画面だと、editをクリックしたときに内容がぐりゅん！って現れたりします。 どうよこのWeb屋にあるまじき説明。素敵だろ。 このPagesというメニューはなんだ？ OfficialBlogの最近の記事には特に説明無いし…と思って検索したらありました。 今年の6月3日の記事 Postero
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Build and implement a single sign-on solution
http://feedproxy.google.com/~r/blogspot/dtWw/~3/QCdYIkc6Vls/blog-post_23.html
「Fasten Seat Belts」は外国のマナーや習慣が学べる情報サイト！ | ライフハッカー・ジャパン
ダウンロード速度がプロバイダーによる制限を受けているかどうかを確認する方法 | ライフハッカー・ジャパン
ウェブページをPDFに変換してメールで送ってくれるWeb2PDF | ライフハッカー・ジャパン
403 Error - Forbidden