[大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- [あわせて読みたい] KSSで作るパターンライブラリ by @machida https://speakerdeck.com/machida/k…
![ズルいデザインテクニック2013 + セミフラット version](https://cdn-ak-scissors.b.st-hatena.com/image/square/85822b941b7cdbfa330662d2a814f791d0bbe594/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F2d35efa005030131eea62a18219dbb39%2Fslide_0.jpg%3F1999804)
[大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- [あわせて読みたい] KSSで作るパターンライブラリ by @machida https://speakerdeck.com/machida/k…
ズルいデザイン(4): ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン 今回のテーマは「ズルいボタン」。これまでの連載で出てきた数々のズルいデザインテクニックを駆使して作成しよう。(2013/9/12) ズルいデザイン(3): box-shadowで表現する、「セミフラット」なズルいデザインテクニック box-shadowを活用した各種ボックス表現の作り方を紹介。フラットデザインの中でも違和感なく使える「やりすぎていない立体感」とは?(2013/8/21) ズルいデザイン(2): SassやCompassを使って、ズルいデザインテクニック SassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介。グラデーション、角丸のお手軽かつ効果的な使い方とは?(2013/2/27) ズルいデザイン(1): 少ない手間と知識でそれなりに見せる
クリエイティブ・コモンズ・ジャパン(CCJP)の活動母体・コモンスフィアは7月17日、2次創作同人誌文化を守るための「同人マーク」(仮)を、今晩夏までにリリースすると発表した。自らの作品の元にした2次創作同人誌について、第三者によるイベントでの配布を認める旨を作家が意思表示できるマークで、赤松健さんがCCJPに提案していた。 マークのデザイン案を28日まで公募。審査員として講談社「週刊少年マガジン」編集長が参加し、赤松さんによる同誌新連載作品から順次、採用する予定だ。 TPP交渉で著作権侵害の非親告罪化が実現する恐れがあり、2次創作同人文化の萎縮が懸念されている。作家が2次創作を認める意思表示を行おうとしても、現行のクリエイティブ・コモンズ・ライセンスは、作品をそのまま複製するデッドコピーが前提となっており、2次創作には使いづらいため、デッドコピーや原作からの切り貼りを禁止した新ライセンス
本年度最大のアガペー!? 『聖☆おにいさん』第1話をクリエイティブ・コモンズ・ライセンスで提供します! 講談社モーニング編集部はこのたび、月刊「モーニング・ツー」誌連載中の『聖☆おにいさん』(中村光・作)の第1話「ブッダの休日」4ページ分の原稿データを、クリエイティブ・コモンズ・ライセンス 表示 - 改変禁止 2.1 日本 (CC BY-ND 2.1 JP)のもとで提供いたします。 劇場版アニメ公開を控え、今以上により多くの皆様に親しんでもらいたいとの作者・中村光さんのご意向により、今回のCCライセンス採用を決定しました。 具体的には、「原著作者のクレジット表示」「改変の禁止」(※「改変」には翻訳も含みます)の条件さえ満たしていれば、『聖☆おにいさん』第1話(4ページ)を自由に転載、印刷していただくことができます。これには商業的出版物も含みます。また許諾の必要もありません。 これは、個人の
PDFで仕様や指示のファイルを貰うが、どこが変更されているのかわからない時や、同名の2つのPDFがあった場合どちらが最新のものかわからないなどの悩みを解決するのが株式会社ニューキャストが5/1より始めたdproofsです。 使ってみる 無料期間、フリープランがあるのでまずは登録。そしたらプロジェクトを作ってPDFをアップしてみる。 今回アップするのは下記のような請求書PDF これをアップしたらこっそり請求額などを変更してみる そして、再登録 すると差分のPDFがダウンロードを取得できるので、それを開いてみる 見事差分が取得できている。 文字の変更だけでなく、右上の印影などの画像部分の差分もとれているのがポイントですね。 要望 追加アップロードはドラッグ・アンド・ドロップの方法しかない?最初やりかたがわからなかった 難しそうだけど差分が発見された箇所の数がわかるとうれしい まとめ 地味だけど
ChromeとFirefox、この2つのブラウザを並行して使っている人もいると思います。Firefoxで今まさに開いているページをChromeでも開きたいという人は、ここで紹介する『Open In Chrome』というFirefox用アドオンがオススメです。 ツールバーのアイコンをクリックするだけで、Firefoxで開いているページをChromeで開けます。Open In Chromeは、Firefoxでアクセスしたこちらのページからダウンロードできます。このアドオンを表示するには、ツールバーを右クリックして「カスタマイズ」を選びましょう。 画面下部にOpen In Chromeのアイコンがあるので、これをツールバーにドラッグ&ドロップして表示させます。 Firefoxでページを開いている状態でOpen In Chromeのアイコンをクリックすると、同ページがChromeで自動的に開きます
Tweet * WhatFont is not affiliated with MyFonts and/or the WhatTheFont service. ← Back to Chengyin's main page What is the easiest way to find out the fonts used in a webpage? Firebug or Webkit Inspector? No, that's too complicated. It should be just a click away. Hence I wrote WhatFont, with which you can easily get font information about the text you are hovering on. To embrace the new web font
2013年3月19日紙版発売 2013年3月19日電子版発売 雨宮美季,片岡玄一,橋詰卓司 著 A5判/240ページ 定価2,508円(本体2,280円+税10%) ISBN 978-4-7741-5594-4 ただいま弊社在庫はございません。 →本書の新版が発行されています。 本書のサポートページサンプルファイルのダウンロードや正誤表など この本の概要 「利用規約なんてどうせ読まれないし」 「まるごとパクればいいんじゃないの」 「免責しとけばなんとかなるよ」 と思ってませんか? 本書は,多くのベンチャー企業の支援を通じてウェブサービスに関するリーガルサポートを数多く手がけている弁護士と,スタートアップ企業から上場企業までさまざまな規模・業態の企業でウェブサービスの運営をサポートしてきた法務担当者2人が,その経験をもとに,「ウェブサービスを安全に・円滑に運営するために本当に気を配る必要のあ
公開日:2013年1月18日 カテゴリ:アレな話題 先日、ツイートした "7年くらい運営したサイトの会社から『もうサイトの運営しないから、ドメインとサーバーは削除して』っと連絡があったので、再三保有してたほうがいいと忠告したのだけど削除したら、即中古ドメイン屋に買われデリヘルサイトにリニューアル・・・それ見て元に戻せと電話キタ" が程よくRTされていたので、簡単ですが事の成り行きとかを書いてみました。('A') 戻せと言われてもね・・ 小生、リアル仕事でお客様のドメインやサーバーの運用を任されておりまして、客先より長年運営していたサイトをやめるという連絡をもらい、この事故が発生したわけでございます。 7年くらい運営したサイトの会社から『もうサイトの運営しないから、ドメインとサーバーは削除して』っと連絡があったので、再三保有してたほうがいいと忠告したのだけど削除したら、即中古ドメイン屋に買わ
昨年、文書管理システムで有名なAlfrescoがクラウドサービスを始めました。システムにログインして、オンラインヘルプを見たら、「Alfresco Cloud Documentation」という名前の、これまでのマニュアルとはちょっと違う、斬新なオンラインヘルプが現れました。 Alfresco Cloud Documentation オンラインヘルプ+動画マニュアル+ブログ+ソーシャルメディアといった感じのヘルプです。「オンラインならでは」の機能をふんだんに盛り込んでいることに関心しました。このヘルプはもちろんDITAを使って作られています。 この発見と前後してoXygenV14がリリースされ、WebHelp with Feedbackが出力可能になりました。調べてみると、どうやらAlfrescoのオンラインヘルプは、oXygenV14のWebHelp with Feedbackをカスタマ
Macでウェブ制作に携わる人全員に伝えたい、Windows, Linux, Mac OS Xのさまざまなブラウザでの表示確認ができる無料のMac OS Xアプリを紹介します。 Boot CampやParallelsなどは必要なく動作します。 Sauce -App Store Sauce for Mac -Website Sauceは、約100種類のブラウザとOSの組み合わせでブラウザの表示確認ができるOS X用のアプリケーションで、簡単に起動・操作ができます。 Windows用のIE6/7/8/9/10をはじめChrome, Safari, Firefox, Opera、iPhone4/5/6, iPad4/5/6, Android4なども揃っています。
2012年12月25日火曜日 Web開発を革命する(かも知れない)Web Componentsという仕様について Web Componentsは、現在のところ余りまとまった日本語の情報がないようですが、Web開発を大きく、本当に大きく変える可能性を持つテクノロジーです。 Web Componentsは、現在のWebが抱える大きな問題点を解決する手段としてW3Cで仕様が策定中です。仕様策定を主導しているのはGoogleで、現時点ではGoogle Chrome(WebKit)がWeb Components(の一部)を実装している唯一のブラウザです。 Google Japanのエンジニアも、Web Componentsの実装には深く関わっているとのことなので、そのうち日本語の情報も充実してくると思われますが、本エントリはそれまでのつなぎ、ということで書いてみたいと思います。 しかし、Web Co
10/27(土)に 第一回プログラマ向けデザイン勉強会 を開催しました。 この勉強会は毎月やっている デザイナー向けプログラム部 (P4D) の逆バージョンで、デザイナさんにプログラマがデザインを教わるという趣旨で開催しました。 そして講師役として、いつもP4Dの方でもお世話になっている @machida さん、@ken_c_lo さん、@saucerjp さんの3人にお願いしました。 もっともこの3人をはじめ、P4Dに参加されているデザイナさんは普通にJSやFlash、ObjCなんか書いていたりして単にデザイナと呼んでいいのかどうかは怪しいところですが。 RailsエンジニアのためのTwitter Bootstrapカスタマイズ例 まずは@machidaさんのTwitter Bootstrapのカスタマイズ例の話からでした。 このテーマはP4D参加のプログラマからしきりにリクエストの
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
CSSWARPはテキストをベジュ曲線や円に沿って表示するJavaScript/CSSライブラリです。 Web Fontの登場によってWebサービスのロゴをテキストで記述するサイトも増えています。しかしまっすぐではなく多少のイフェクトをかけようと思ったらIllustratorのようなソフトウェアを頼らざるを得ませんでした。そこでCSSWARPを使って複雑な文字の描画を実現しましょう。 これがテキストというのが驚きです。 ちゃんと文字として選択できます。 こちらは自分で文字を作れるデモ。 ビジュ曲線でぐりぐり動かせます。 回り込みもできます。 円に沿って描いています。 その結果のHTMLを取得できます。IE9/Opera/Firefox/WebKit対応です。 CSSWARPはベジュ曲線などに沿って文字が描けます。テキスト、曲線の動き、フォント、フォントの配置など細かく変更が出来ます。後は生成
2011/05/17 画像タグのみ版追加→CSSだけでサイズ不定画像の中央を正方形に切り抜きサムネイル (かんたん!) 長方形の画像の中心部を正方形に切り出してサムネイル表示したいんだけど、縦横比が定まってない画像の場合ってどうやって中心部を切り出したらいいかしらね、という話。 画像の縦横比が分かっている(一定である)場合 このケースであればoverflow:hiddenな枠で画像を囲って位置を調整してあげればOK。特に問題は無いでしょう。 ↓等が参考になるかと思います。 http://www.multi.ne.jp/staff_note/2008/10/000543.php 画像の縦横比が不明だったり画像ごとにばらばらな場合 前述の方法だと、画像の真ん中辺を表示するために何pxずらして表示すればいいのか分かりません。できるエンジニアなら「じゃぁサーバーサイドでやるわ」とか「JavaScr
お前、誰よ @lanius 仕事:調査、研究開発、技術支援 趣味:脳科学、心、鳥 KoshiNukeってなに? Git Webフロントエンド Gitを便利に使うためのWebアプリケーション(e.g. GitHub) オープンソース 社内向け 簡単インストール タスク管理機能を搭載(予定) アプリケーションライフサイクルマネジメントをサポート(予定) e.g. Rational Team Concert, Team Foundation Server, Atlassian エンタープライズ向けGitのWebフロントエンド「KoshiNuke」 - MOONGIFT オープンソースのGit Webフロント GitWeb cgit Gitblit Gitalist ViewGit, GitPHP, InDefero gitorious, Ginatra, Gitlab pitweb, Rhode
Page Layersは、すごいウェブのキャプチャアプリ。なんとキャプチャするサイトを、DIVやIMG要素ごとにレイヤー分割したPSDにしてくれるのだ! これは素敵と言わざるをえない。 ビデオをみれば使い方は一目瞭然。URLを入力して保存ボタンを押すだけで、なんでも構造化したPSDにしてくれる。 Mac専用アプリで、AppStoreで$28.99。これは買いだと思います。 Web関係者は必須的な。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く