こんばんは傍島です。 あれよあれよと言うまに、11月半ばになって、今年もあと1ヶ月半。年始に本棚を新調しようと考えていたのですが、結局買わず終いとなりそうです。最近、ソニーの『Reader』を購入したので、これまでのようなスピードで本が増えないかもしれないと思うと、本棚を買わなくて良かったのかもしれません。 さて、ライフハッカー読者の皆さんは、どのように情報収集をしていますか? 私は、RSSとSNSがメインです。RSSの方は、Googleリーダーに集約していますが、SNSの方は、FacebookとGoogle+、Twitterを使い分けています。メインはGoogle+ですが、各サービスで固有の関係が構築されているので、ウェブブラウザで各サービスを開いたままにして、時々チェックしているような使い方をしています。 ただ、使い分けるのは面倒で、どれかのサービスですべて確認できれば...と考えるこ
Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers: a quick and simple method to plan the layout and a cost-effective, time-saving tool to easily communicate your ideas to others. A wireframe typically has the basic elements of a Web page: header, footer, sidebar, maybe even some gener
iPhone 4S遣いが身の回りに着々と増えてますが、うらやましくなんかないんだからねっhakoishiです。 今回は、「あれ、今回はデザイン?」と見せかけてやはりコーディングネタ。 スライスって、コーダーが担当することが多いですよね。 けど、デザイナーほどグラフィックソフトに通じてなくて「もっと効率いいやり方があるんじゃないかなあー」なんてもどかしく思うこと、あるんじゃないですか? そこで、突然ですがFireworks。 馴染みのない人も多いかもしれませんが、スライス機能がスッゴイんですよ! 以下、普段Photoshopを使用している人向けに、Fireworksの便利なスライス機能をまとめました。 最初に。 まずは基本動作。 Photoshop同様、スライスツールでドラッグします。 …でも良いのですが、もっと楽な方法があります。 スライスを切りたいオブジェクトを全て選択 ⇒右クリックで「
コーディングガイドラインの必要性 私もはじめはガイドラインの必要性を感じずにいました。しかし、コーディングを続けていくうちにじょじょに必要性を感じてくるようになりました。 なぜなら、コーディングガイドラインを定めないままコーディングした結果、自分で作ったものですらどういう構造になっているか分からなくなったからです。そのため、更新に手間取ってしまいました。 一人のときですらこの有様ですから、二人以上で作業を行うことを考えるとコーディングガイドラインの必要性は明らかでした。 その後、何度もコーディングガイドラインを改善してきました。 項目1 データを編集した人が誰か分かるようにする HTMLファイル・CSSファイルともに、作成者と更新者の名前と日付をセットにした署名を入れるようにしましょう。 そのデータを編集した人が誰で・いつ編集したのかをわかるようにすることで、ミスが起きたときに責任の所在が
今日は、Webサイトのガイドラインやルールについて、ちょっとしたコラムを。あなたは、こうした決まり事を「制限」だと考えていませんか? 実はそれだけでなく、あなたの仕事における人間関係を良くするために役立っているのではないでしょうか。 企業Webサイトのデザインやコンテンツをどう作るかを示す「ガイドライン」や「ルール」を定めているところも多いでしょう。 「守らなければいけない規則」を「ルール」として、「こうするようにしましょう」という決まりを「ガイドライン」として定めて、担当者の引き継ぎに使ったり、パートナーの制作会社さんや広告代理店さんとのやりとりに使ったりするものですね。 こうしたものは、Webサイト構築・運営にかかわる決まり事を定めたものであり、関係者がそれに従うようにする「制限事項」だと考えられがちですが、最近、それだけではないのかもしれない、と考えるようになってきました。 というの
2014年9月29日 便利ツール Webサイト制作や色彩感覚、タイポグラフィの知識をクイズ感覚で勉強できるサイトをまとめてみました。どれも短時間で楽しみながらできるものばかりなので、気軽に挑戦できますよ!Webデザインや制作の勉強中のあなたも、ベテランさんのあなたも、ぜひ試してみてください :) ↑私が10年以上利用している会計ソフト! 休憩時間にサクッと挑戦! 選択問題やドラッグ&ドロップでできるゲーム感覚な問題いろいろ! 1. HTML/CSS HTML5実力テスト HTML/CSSコース 「実力テスト」という名のクイズサイト。HTML/CSSコースではHTML5とCSSの基本問題がクイズ形式で出題されます。制限時間は15分。「HTMLやCSSを見てどのように表示されるか?」「smallタグは何を意味するか?」などなど、問題を解きながら勉強になります!
概要 alt 属性に指定する代替テキスト 空文字列の代替テキスト alt 属性の省略 関連リンク 訂正:HTML4/XHTML の alt 属性について 概要 HTML5 では img 要素の alt 属性の仕様が大幅に変更され、HTML4/XHTML と比較すると定義がかなり詳細化されている。 HTML5 における alt 属性 の仕様を概略すると次のようになる。 alt 属性には画像を置換可能な詳細な代替テキストを指定する HTML4/XHTML の alt 属性は短い説明 (alt テキスト) だったが HTML5 の alt 属性は長い説明 (title 属性よりは longdesc 属性に近い (※)) 画像の情報量 ≒ alt 属性に指定する代替テキストの情報量 特定の条件を満たせば alt 属性を省略することができる ※ HTML5 の仕様はワーキングドラフトでまだ勧告されて
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
説明はリンクタグの title 属性に含まれて、マウスカーソルを合わせると説明が出力されるという仕様ですが、これを以下のように説明もきちんと出力して、一種のページとして成り立たせたい時があります。 <h2><a href="http://codex.wordpress.org/" target="_blank">Documentation</a></h2> <p>このリンクはとても凄いリンクです。参考にしましょう。</p> <h2><a href="http://codex.wordpress.org/" target="_blank">Documentation</a></h2> <p>このリンクはとても凄いリンクです。参考にしましょう。</p> <h2><a href="http://codex.wordpress.org/" target="_blank">Documentation
本日2011年11月1日で、ブログを書き始めてからちょうど6年が経ちました。 そもそもわたしがブログを書き始めた経緯ってなんだっけ?と思って調べてみるとちょうど半年くらい前にエントリーを起こしてました。そのエントリーを一言でまとめるととさほど大きな理由もなくただ何となくという、身も蓋もないわたしらしい理由でした。さすがおれ。 それから2年近く経った2005年の11月1日。 大学の先輩が仙台で結婚式をするということで、久しぶりにみんなで集まれるねーと浮足立っていたことと、友だちとすきやで牛丼を食べて帰ったことだけはよく覚えているのですが、その日の夜に何の前触れもなくわたしははてなダイアリーでブログを書くことに決めました。 今週のお題「私がブログを始めた理由」 - 子持ちししゃもといっしょ コアな技術者の多かったはてなでブログを書いてみたかったというのはおぼえてますが、その割に技術的なことにつ
はじめましてこんにちは。 KRAYアルバイトの浅海です。 html5のcanvasを使ってお絵かき投稿サイトを作ってみようと思います。 初めてブログ記事を書くということで気合が入りました。 ちょっと長めですがお付き合い下さい。 機能 お絵かき投稿サイトの必要最低限な機能って? ざっと下のような機能を入れてみます。 絵を描ける 絵を消せる 描画を一回分戻れる 線の太さを変えられる 線の色を変える 絵を投稿できる 投稿された画像の一覧を表示できる → 完成見本はこちら完成見本の公開は終了致しました。 絵を描ける HTML5のcanvasにマウスの軌道に線を引いていくわけです。 canvasでのマウス軌道の描き方は、 ・mousemoveイベント発生時に点をプロット という手段が真っ先に思い浮かぶと思いますが、これは、以下の様になります。 これではお話になりません。 なので、点ではなく線を引くこ
どうも。生まれて初めて当たり付き自動販売機で当たりが出た@OZPA です。 さて、かねてより和洋風◎の@isloop くんより 「ブログのデザイン、テンプレートじゃなくて自分で作ったほうがいいよ」 とのアドバイスをうけていたのですが、phpやcssどころかhtmlすらろくに理解していなかった私。 プロフィールページを作るのに戸惑ったり、はたまたサーバを移転するのにしこたま苦労したりと本当に手のかかるお子様だったわけです。そんな私がWordPressのテーマですって・・・?汚らわしいっ! [blackbirdpie url=http://twitter.com/#!/OZPA/statuses/64271506724757504] ですが今年の4月の終わりに上のようなつぶやきをしていることをふと思い出し、新しいことを覚える良いチャンスだなということで、WordPressのテーマを作るためにB
みなさま、ご無沙汰しております。 今年5月に最後のエントリをを書いて以来、半年間ずっと書いていなかったブログを久しぶりに再開することにしました。久しぶりに開いたら、いつのまにかFacebookやはてなブックマークとも連携できるようになって便利になっていて、ちょっと浦島な気分。 何故ずっと書いていなかったのか、と言われると、単に創作活動をする精神的余裕が無かったのだろうと思う。仕事も忙しかった。でも、今年1月のエントリ「私が人生の進路変更をした理由」で書いたとおり、「書く」という時間は、私にとって最も大切な時間で、精神的にも一番落ち着く時だ。特にブログは、書くことですぐに人とつながれるのが楽しく、やはり自分のホームベースだと感じている。だから少しでも書く方がよいとわかっていたが、ずっと書いてないと、「あ~すごく面白いことを書かなきゃ~」というプレッシャーがあってなかなか書けなかったりする。正
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く