デスクの上に段ボール箱を置かないと仕事にならない人の体験談 | バシャログ。
『ブレードランナー2049』のブルーレイディスクが出たら買おうと思っている kagata です。いやきっと買う。 今回はシーブレインアドベントカレンダー2017の4（営業）日目です。昨日は yanagimachi の Qiita のお話でした。Web 業界人っぽくていいんじゃないでしょうか。 わたしも「これがないと仕事にならない！」というお題を受けて考えてみたのですが、なかなかこれというものが思い浮かびません。まずは PC とインターネット、そうすると電気も必要で、あーあとは酸素がないと死ぬから仕事にならないな…でも、どれもブログの題材にはならなさそうです。 困ったわたしは、自分のデスクを改めて見回してみるのでした。 いまデスクの上にあるもの PC（Lenovo ThinkPad T440p） PC がないとたしかに仕事になりませんが、なんというか当たり前です。 マウス（Logicool
コーダーをイラッとさせない、美しいデザインデータ作成のすすめ〜その１：レイヤー編〜 | バシャログ。
こんにちは。 心が乱れると、デザインデータのレイヤーまで乱れてしまう、デザイナーのsitoです。 ・・・よくないですね！非常によくない！ そんなことでは、デザインデータを受け取ったコーダーさんを、イラッとさせてしまいます。 と、いうわけで、 自分への戒めも込めて、コーダーさんとイラッとさせない、美しいデザインデータ作成のポイントをまとめてみました。 実際にコーダーさんにも聞いてみたところ、たくさん意見をもらえたので、今回はレイヤー構成のポイントを中心に書いていこうと思います。 ※PhotoshopCCでのデザイン作成を例にしています。 こんなデザインデータは嫌だ！〜レイヤー編〜 レイヤーが全く整理（グループ化等）されていない 私も心が乱れるとやってしまいがちなこれ。 しかし、このままデータを渡してしまっては、コーダーさんが「このレイヤーどこにあるんじゃいッ！」ってなってしまいます。 また、
【要確認】Facebook で「いいね！」しないと見られないコンテンツが禁止になります | バシャログ。
ちょっと読書熱が高まりつつある kimoto です。まずは家に積まれてる手付かずの小説を読もう。 さて、2ヶ月ほど前に、Facebook のプラットフォームポリシーを改訂しました。 これにより、Facebook ページで「いいね！」をしないと見ることのできないコンテンツなどは、禁止となります。詳しくは以下から。 新しくなったプラットフォームポリシー Facebook Platform Policy（日本語）これが改訂されたプラットフォームポリシーですが、ここの 4. Encourage proper use をみると、「いいね！を押すのと引き換えにコンテンツを提供するのはダメですよ」というような事が書かれています。 サービスを利用する側としては、無理に「いいね！」を強要されることなく情報を見たりコンテンツを利用したりできるようになるということで、とても良い改訂ですね。 一方提供側は、いまま
[Fireworks]これは便利！Adobe Fireworks CSS3 Mobile Pack | バシャログ。
ここ最近はピンク・フロイドを BGM に就寝している sakai です。どんどん陰気になってきている気がします。 11/12（土）に開催される「CSS Nite in MIYAZAKI Vol.3」に出演させていただくことになりました。 近隣の方、ご都合の合う方いらっしゃいましたら是非。Fireworks や Dreamweaver を使って効率よく Web 制作をするノウハウをご紹介する予定です！（詳細は近日公開します） さて、今回は先日リリースされた「Adobe Fireworks CSS3 Mobile Pack」のご紹介です。これはなかなかイイモノですよ！ インストール 拡張機能のダウンロードはこちらから。 Adobe Fireworks CSS3 Mobile Pack Download のリンクをクリックすると、Adobe Extension Manager が立ち上がって、自
![[Fireworks]これは便利！Adobe Fireworks CSS3 Mobile Pack | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c06e5dc16e1d75594b70da83a3dfbacbdc01b4e/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_fireworks.png)
Dreamweaverの全角・半角変換拡張機能 | バシャログ。
チャンピオンズリーグ決勝を見るために頑張って起きましたが、眠気のため後半途中で撃沈した sakai です。 お客様から原稿をもらったら、半角カナ、全角カナが入り混じり、数字も半角だったり全角だったり。機種依存文字も使われてたー！ なんてことがよくあるかと思います。 今回は Dreamweaver で全角・半角や機種依存文字を一括変換できる拡張機能をご紹介します。 こちら 全角・半角変換拡張機能 CS3 用とありますが、CS5.5 でも問題なく動作しました。 こんな感じでダイアログが出て、変換をすることができます。 これまでは秀丸のマクロを使って一括変換をして、それから Dreamweaver にコピーして… という手順を踏んでいましたが、この拡張機能さえあれば作業を Dreamweaver に一本化できるので、ありがたい！ 是非お試しください。
【CSS】ネガティブマージンの使いどころ その1 パンくずリスト編 | バシャログ。
今さらながら「ヱヴァンゲリヲン新劇場版：破」を DVD で見まして、 ヱヴァ：Q 見るまでこりゃ死ねないな、と思った sakai です。序破急だから急かと思いきや Q ってところが意味深ですよね… CSS で margin にマイナスの値を指定する、通称ネガティブマージンの使いどころについて、何回かにわけてご紹介します。（先日の CSS Nite でデモをした内容の再紹介です） 今回は「パンくずリスト」のコーディングでのネガティブマージンの使いどころです。 1. パンくずリストでネガティブマージンを使う まず HTML で普通にパンくずリストを組んでみます。 <div id="topiPath"> <ol> <li><a href="/">ホーム</a></li> <li><a href="/wear/">ウェア</a></li> <li><a href="/wear/tops/">トップ
手軽にRSSを表示させたい時に便利なPEAR::XML_RSS | バシャログ。
こんにちは、ichikawaです。 例えばサイトにブログの最新記事を表示させたい時などありますよね。 本日は、そんな時に便利なPEARの「XML_RSS」パッケージをご紹介いたします。 インストール PEARのインストールは簡単です。以下のコマンドを実行すれば完了です。 pear install XML_RSS-1.0.0 レンタルサーバーなどの環境などにより、コマンドでインストールできない場合には以下など参考になさっていてみて下さい。 PEARのインストール方法 利用前準備 必要な場合にはphpのinclude_pathを設定しましょう。方法は環境に応じて下さい。 .htaccessの場合 php_value include_path .:[PEARへのパス] ini_set()で設定する場合 ini_set("include_path","[PEARへのパス]" . ini_get("
Google AJAX Search API ウィザード を使ってみよう！ | バシャログ。
こんにちは、人によく道を尋ねられるinoueです。いい人に見えるんだなと勝手に思っています。 さて。Google の APIを使ったWebパーツの作成、というとどのような事を思い浮かべますか？ APIキーを取得して、Javascript書いて…なんだか難しい、という印象の方も多いかと思います。 しかし、現在では「ウィザード」機能が Google AJAX Search API と Google AJAX Feed API で用意されており、 必要事項を埋めるだけで誰でも簡単にAPIを使ったパーツのコードを生成することができます。 今回はそんなGoogle AJAX Search API ウィザードの中からいくつかサンプルをご紹介します。 NewsShow ウィザード NewsShow ウィザードで作成したコードをサイトに追加すると、 選択した Google ニュース検索の結果の見出しとプレ
ワイヤーフレーム、オンラインで描くなら『Cacoo』 | バシャログ。
こんにちは、inoueです。さっそくTVを買い替えました。マリオが大きいー。ピカチュウがきれいー。アナログで撮った過去の録画がしょぼいー。 さて、ワイヤーフレーム用ツールネタの第2弾です（前回はこちら）。ゴトウのつぶやきで知った『Cacoo』というwebアプリケーションをご紹介します。 『Cacoo』は、webブラウザ上で編集を行うワイヤーフレームをはじめとした様々な図を描くことができるアプリケーションです。 図の種類には、UML、サイトマップ、オフィスレイアウトなどがあります。基本的な図はだいたい作成することができるでしょう。 利用は無料で、アカウントとメールアドレス、パスワードなど最小限の情報登録ですぐに使い始めることができます。 大きな特徴としては「共有機能」があり、別のユーザーを招待して図の共有をすることができます。編集履歴も無制限に残る仕様になっています。 たとえば、お客様と図を
【CSS】CSSで実装するちょっと凝ったパンくずリスト | バシャログ。
地味なパーツながら実は便利。そのためコーディングをする機会も多いと思われるのが「パンくずリスト」です。 シンプルなコーディングでちょっと気の利いた「パンくずリスト」を実現する方法をご紹介します。 パンくずリストの XHTML のサンプルは以下です。とてもシンプルです。 <ol id="topicPath"> <li class="home"><a href="hoge">ホーム</a></li> <li><a href="hoge">アニメ</a></li> <li><a href="hoge">ガンバの冒険</a></li> <li><em>ボーボ</em></li> </ol> サンプル1 とてもシンプルなパンくずリスト とてもシンプルなパンくずリストのサンプルです。 ホーム アニメ ガンバの冒険 ボーボ CSS はこちら ol#topicPath { margin: 20px 0;
[使えるCSSテクニックVol.2] CSS を使った見栄えの良いページャー | バシャログ。
第 3 回目は「見栄えの良いページャー」です。 シンプルなコーディングで見栄えの良いページャーを実現します。 XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li class="prev"><a href="hoge">« PREV</a></li> <li><a href="hoge">1</a></li> <li><em>2</em></li> <li><a href="hoge">3</a></li> <li><a href="hoge">4</a></li> <li><a href="hoge">5</a></li> <li class="next"><a href="hoge">NEXT »</a></li> </ul> サンプル1： とてもシンプルなページャー とてもシンプルなページャーのサンプルです。 «
![[使えるCSSテクニックVol.2] CSS を使った見栄えの良いページャー | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
HTML をシンプルに保ちつつ、ブロック要素の段組みを実現する方法 パート3 | バシャログ。
「HTML をシンプルに保ったままブロック要素を段組みする方法」「HTML をシンプルに保ったままブロック要素を段組みする方法 パート2」の応用テクニックのご紹介です。 前回までは画像の横並びの解説でしたが、今回は段組みさせるブロック要素（サンプルの場合は div 要素）の内容が画像のみとは限らない場合です。 ボックスと余白の幅の値は以下です。 HTML ソースはこちら。シンプルなソースになっています。 <div id="content"> <div class="section"> <div class="box"> <h2>会社案内</h2> <p>株式会社シーブレインのご紹介</p> <!-- /.box --></div> <div class="box"> <h2>採用情報</h2> <p>プログラマ中途採用募集中！ まずはお問い合わせください。</p> <!-- /.box -
strict な XHTML のままポップアップを実現する | バシャログ。
XHTML 1.0 strict では、targetを_blankに設定すると構文エラーとなります。 そこで jquery を使って XHTML は スマートな記述にして、ポップアップを実現します。 XHTMLのソースコード <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="popup.js"></script> <ul> <li><a href="/">トップページ</a></li> <li><a href="/company/">会社概要</a></li> <li><a href="/blog/">ブログ</a></li> <li><a href="/help/">ヘルプ</a></li> </ul> jquery.js と ポップアップ用の popu
【CSS】clearfixを使わずにfloatを解除する | バシャログ。
以前、floatを解除する clearfixハックという記事を書きましたが、できることならハックは使いたくないと最近思うようになってきました。 いろいろと検証した結果、今回ご紹介するのはハックを使用せずにfloatを解除するための方法です。 divの構成はこちら。 boxというクラス名の div （floatを解除するための div ）は必要です。 cssのソース div.box { overflow: hidden; /* これがポイント */ position: relative; /* IE6でエリアを選択できるようにする */ /* DreamWeaverのデザインビューで正しく表示させる */ } div.left { float: left; /* 左に寄せて配置 */ width: 200px; } div.right { float: right; /* 右に寄せて配置 *
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
