![PSDファイルからテキストを抽出してtxtファイルにまとめてくれるスクリプト | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/b32b7b39e793e9ca22f7b768f450bcb25618270f/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_photoshop.png)
2012年は、WordPressに出会えた年でありWeb系のことに本気で足を踏み入れた年です。よちよち歩いていた娘が喋れるようになってきて、そして何より、このブログを開設した年でもあります。インドアな生活を送っていた私にとって、今までにない1年でした。 このブログの今年の人気記事! それではまず、この1年間でPVが多い記事を5つ。 第一位 日本の伝統色の組み合わせ、襲色目(かさねいろめ)の色コードまとめ 初めての大規模なSNS爆発。うわぁー、初めて100はてブ超えたー、うれしー(*´ω`*) などと思っていたらみるみるうちに1,000を超え…。。他の記事の追随を許さぬレベルでぶっちぎりの1位ですw 第二位 サイトにtwitterウィジェットを表示、カスタマイズする 公式twitterウィジェットも完全に変わり、情報が古くなって紛らわしくなってしまったので削除しました。ありがとうございました
Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF
iPhoneやandroidの案件ばっかりの今日この頃。 HTML5を使用することが多くなってきましたが、文書論理構造となると少しうやむやなところがありました。 <header>や<footer>などは特に違和感なく使えますが、<section>や<article>になると少し自信がなかったりするので、改めて見直してみます。 HTML5 Element Flowchart 『HTML5 文書論理構造』で探してみると、「HTML5 Element Flowchart 」なる画像が公開されていました。これがすごくわかりやすい。 HTML5で使用するタグを、消去法でマークアップしてます。 ではさっそくスタート。 1. それは、主要なナビゲーションブロックですか? Yes <nav> で囲む グローバルナビゲーションやフッターナビゲーションなどに使用。 No 2へ 2. それは、自分自身だ
はじめに 先日ちょうどAdobe Creative Cloudを申し込みました。 Photoshopをまっさらな環境にする必要があるため、今回はまさに新品状態のCS6/CCの画面で解説をします! もくじ 定規などの単位はpxで統一 「自動選択」で図形からレイヤーを選択する 「バウンティングボックス」を表示して選択や変形をしやすくする 「ピクセルにスナップ(エッジを整列)」で端がぼやけるのを解消 レイヤーコピー時に「〜のコピー」とつけないようにする スライス書き出し時に「images」フォルダを作成しないようにする 【CS6/CCの場合】カラーテーマをグレーにする 【CS6/CCの場合】切り抜きツールを「クラシックモード」にする 起動画面。か、かっこいい…! CS6/CCはUIが黒いのですね。ちょっと慣れない。 従来のグレーにする方法も後ほどお伝えしますので、どうぞおつきあいください! 1.
こんにちは、井畑です。 前回書いた記事が割りと好評だったので、調子に乗って第2弾。 Photoshopのシェイプを使って、長方形などの図形を描くと、どうしてもシェイプの端がぼやけるというか、汚く表示されてしまいますよね。 実は、これを簡単にきれいに書く方法があるんです! 簡単な設定ですが、意外と僕の周りで知らない人が多かったので紹介してみました。 それではどうぞ! ※環境はPhotoshopCS5です。それ以下のバージョンでも多分出来ると思いますが・・・なにぶん未確認ですのでご了承ください シェイプの端が汚くなる理由 理由はただひとつ。ピクセルのすき間でなく上にパスが描かれてしまうからです。 ガイドを使わず適当にシェイプを描いた場合、パスが綺麗にピクセルとピクセルの間を通らないので、シェイプの端がぼやけて、汚く表示されてしまいます。 運よく、ピクセルに沿って描かれた場合はもちろんきれいに表
12月15日に年末恒例のイベント CSS Nite Shift が開催されました。今年はカバーする分野もグッと広がり、合計 9 セッションという大イベントになりました。また、参加者のおよそ半数が都外からの方で、 Web サイト制作に関わる専門家たちが全国から集まった日になりました。 今年の基調講演は 未来をプロトタイプしよう というタイトルで話をしました。今年は何度か プロトタイプをテーマにした話 をさせてもらいましたが、昨年から感じていた課題へのひとつの回答だと思っています。 繋げるためのプロトタイプ 昨年の CSS Nite Shift で、従来の Web サイト制作のあり方は終わり始めているという話をしました。当時は、Web サイトを制作することだけを考えるのではなく、利用者が必要としているコンテンツをどのように開発・配信するのかを考えるべきだということを訴えかけました。コンテンツに
日経電子版のリニューアルで、コンセプトモデル設計とプロダクト監修をさせていただいた。 超大型アプリを完全リニューアルするとき、KPIを落とす事なく、どのように整合性やユーザー利便性を担保していくか。 「日経電子版×Sansanアプリ開発プロジェクト成功への道〜アプリ開発者勉強会Vol.2」より http://connpass.com/event/16187/
商用・非商用を問わず無料で利用できるWebフォント、「Google web fonts」の実装方法をさっくりメモっておきたいと思います。 Google Web Fonts Google web fontsとは Webページ閲覧時、通常ではパソコンにインストールされているフォントしかブラウザで表示することが出来ませんが、「Webフォント」を使用すると任意のフォントを表示することが出来ます。 Googleの提供するGoogle Web Fontsはアカウント登録の必要も無く、実装が非常に簡単なそれの一つです。商用・非商用ともに無償で利用が可能と言うのもポイント:) ちなみに当サイトでも日付の表示とサイドバー・フッターの見出しにGoogle web fontsの「Coda」を使用しています。 Google web fontsの実装方法 実装の手順は3ステップ。 1.使いたいフォントを選択する 2
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く