進化するWeb ~Progressive Web Appsの実装と応用~(de:code2018より) 物江 修 2018年5月に開催された日本マイクロソフト主催のイベントde:code 2018で「進化するWeb ~Progressive Web Appsの実装と応用~」というセッションを担当しました。 イベントに参加できなかった...
進化するWeb ~Progressive Web Appsの実装と応用~(de:code2018より) 物江 修 2018年5月に開催された日本マイクロソフト主催のイベントde:code 2018で「進化するWeb ~Progressive Web Appsの実装と応用~」というセッションを担当しました。 イベントに参加できなかった...
8つの項目に沿い、稼ぐ人に共通する習慣をリスト化した。あなたは、いくつあてはまるだろうか。チェックしてほしい。 人への関心:誰と、どのくらいの時間会っているかを把握しているか? □情報はいうまでもなく、金もまた人についてくることを知っている。 □大切な人に会うための時間は、ほかの予定を変えてでも捻出する。 □待ち合わせの場所には、常に約束の時間より余裕をもって到着する。 □勉強会や交流会への参加は、会の内容より、参加者の顔ぶれで決める。 □世話になった人へは、お礼のメール・手紙や品を必ず送る。 素直さ:人から勧められたことを、すぐに試す素直さがあるか? □一目置く人から勧められた本や情報は、必ずチェックする。 □年齢や肩書にかかわらず、相手の話には耳を傾ける。 □行動や習慣について指摘されたら、すぐに試したり変えてみる。 □人と話をするときに、「でも」「そうはいっても」などの否定表現を使わ
ビジネスからホビー、楽器や洋服や医療や肉球まで揃ってるピクトグラムのアイコン素材 -1000 Free Icons
「スタートアップはかっこいい」、そんな風潮がなんとなく身の周りで高まっている。最近では、スタートアップ企業が集まるイベントやワークスペースにも、多くの人が集まるようになった。そんな中、起業家であり投資家でもあるニルス・ジョンソン(Nils Johnson)氏は、強いメッセージを発信する――「スタートアップが『かっこいい』というのは、リクルーターによるブランディングメッセージにすぎない」。 7月2日、Open Network Spaceで行われたミートアップで、筆者はBeautylish共同創業者であり投資家のニルス氏に話を聞いた。 ニルス氏は、美容に関する商品やメイクアップ技術などを紹介する電子商取引サイト「Beautylish」を運営する一方で、投資家として立ち上げから間もない10社以上のスタートアップ企業へ出資も行っている。これまでに投資した企業は、Dropboxが買収したMailbo
Stack OverflowのTDD Anti-patterns catalogueというスレがとても面白かったので訳してみた。 Stack Overflowのvoting機能でアンチパターンへの投票を行っている感じ。 上から投票の多い順になっている。 得票数はこの記事執筆時点(2013.7.9)のもの。 SQLアンチパターンっぽく、パターン名はそのまま片仮名にしてみた。 また、内容がかなり被っているとか、状況がかなりレアじゃないかと思うものは、一部省略しました。 (ブコメで訳間違ってるよ、って教えてもらったので、一部修正しました 2013.7.10) フリーライド (テストのただ乗り) 50pt 新しいテストケースを書くのではなく、他の機能のテストに新しいアサーションを追加して既存のテストケースに乗っかる。 セカンドクラス シティズン (二等市民) 47pt プロダクションコードのように
コメントで教えて頂いたのでご紹介。素敵なWordPressテーマを紹介するサイト。無料と有料がありますので結構な数になっています。見てるだけでもインスピレーションが向上しそうですね。 WordPressのテーマギャラリーとしても素敵です。国産のサイトなので日本語ページもありますよ。 有料/無料のテーマがずらっとまとめられています。2013/7/9現在で500以上あるので探しがいもありそうですね。 販売元別でも探すことが出来ます。 Shotokuもご紹介いただきました!休みが取れたらアップデートしたい、と思いながら既に半年休めてない・・貧乏怖い。 Themegraphyは以下よりどうぞー。 Themegraphy
先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 (参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編), (後編)) プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は
ウェブサイトのデザインや実装の一貫性を促進するために、制作に携わる全ての人に役立つスタイルガイドを簡単に作成できるテンプレートを紹介します。 現役時代、独自のテンプレートを使ってましたが、こういう便利なものがリリースされる時代なのですね(遠い目 Style Guide Boilerplate Style Guide Boilerplate -GitHub Style Guide Boilerplateの紹介の前に、スタイルガイド未体験の人用にどのように役立てるか簡単に説明します。 ウェブサイトのデザインや実装方法を定義し、一貫性を促進する。 モジュール形式の考え方を促進する。 ページを作成する際にパーツやエレメントで迷わないようにする。 ウェブサイトを効率的に管理する。 スタイルガイド制作のタイミングとしては、草案を制作中に作りつつ、納品時には定義が全て網羅されている状態がベストではないで
天地左右の中央に配置したい要素のサイズが幅も高さもピクセルで指定されていれば、marginやpaddingで簡単に配置できますが、サイズ指定にパーセントを使用した要素だと表示サイズに依存されてサイズが分かりません。 そんなパーセントで指定されたピクセルでの正確なサイズが不明な要素を天地左右の中央に配置するスタイルシートのテクニックを紹介します。 デモページ:幅780pxで表示 HTML HTMLはシンプルで、中央に配置するdiv要素だけです。 <body> <div>Percentage sized and still centered.</div> </body> CSS ぱっと思いつく方法としてはパーセントをネガティブマージンで使えばいいのでは、となるところですが、ネガティブマージンを使用すると左右の中央はできますが、天地の中央がうまくいきません。 ここではネガティブマージンではなく、
2013年参議院議員通常選挙の広報活動を目的として、2013senkyo.jpというドメイン名が登録(および利用)されています。 これに限らず、このような形で各案件ごとに専用のドメイン名を利用したPR活動が、世界中で頻繁に行われています。 公開予定の映画のタイトルや期間限定で発売される商品名をドメイン名に使ったプロモーションなどが、その典型的なものであるといえるでしょう。 しかし、そのような形態で登録・利用されているいわば「期間限定のドメイン名」では、「使い終わった後のこと」が、しばしば忘れ去られてしまうことがあります。 たとえば、今回取り上げた2013senkyo.jpは汎用JPドメイン名です。 汎用JPドメイン名は日本国内に住所があれば誰でも登録できます。 そのため、仮に今回の選挙終了後にこのドメイン名の使用を終了した場合、登録料さえ払えば基本的に誰でもこのドメイン名を再登録し、次の登
こんにちはこんにちは!! はてなブックマークがリニューアルされてから、4ヶ月ほど経ちましたが みなさんはそろそろ慣れましたか! ぼくはいまだに慣れてません…>< 一覧性が悪いとかそういうのは、他ですでにさんざん言われてるので、ここではあえて触れずにおきます。 が、特に何に慣れないかっていうと、 ぼくはPCで見る時、「マウスのホイールクリックで新タブひらく」というやり方をよくつかうのですが… ふむふむ、読んでみようかな〜 よーし新タブで開いちゃうぞ〜 あっ! これ、文字と文字のあいだ、行間に、けっこう大きな「すきま」があるんですね。 で、そこをクリックしてしまう。 はてなの皆さんは、MacBookとかタブレットばかり使っている リア充オシャレメガネスタバ野郎ばかりだからきっと気づかないのかもしれませんが、 ぼくみたいにふつうのVAIOとかマウスとか使ってる人がいることも忘れないでほしいです。
モダンブラウザの普及により、以前に比べるとCSS... / CSSアニメーションライブラリ / Animate.css他...全19件 モダンブラウザの普及により、以前に比べるとCSS3アニメーションを使う機会が増えてきています。CSSを使ったアニメーションは、プレフィックスが必要だったり、アニメーションの流れがコードを見ただけでは直感的に分かり辛かったり、自由に使いこなせるには慣れと経験が必要です。 そういった悩みを解決してくれるアニメーションライブラリが存在するのをご存氏でしょうか?ちょっとしたCSSアニメーションであればライブラリを使うことでいとも簡単に組み込むことができます。 そんなありがたーいライブラリを集めました。
最近リリースしたもの中心に、個人ブログ、写真やクリエイティブな作品を見せるポートフォリオ、企業・ビジネスサイトなど、レスポンシブ対応のWordPressのテーマファイルのまとめをflashuserから紹介します。
わかっている範囲で、ホワイトハット的なSEOで。 SEOに詳しい方には、すでにご存知のことばかりかとは思いますが、実践可能で具体的な作業としてのSEOのまとめを、自分用にアウトプットします。ご意見、ご指摘などありましたら嬉しいです。 サブドメインでwikiを作る 例 >>ニコニコ大百科トップページ – ニコニコ大百科 >>ピクシブ百科事典 – 同人・漫画・イラスト・二次創作に関する辞典 現在のGoogleは構造化をしたサイトを好む傾向があります。そのため、ビッグワードで上位表示させるには、wiki(構造化が好まれる)を作り、それらから内部リンクを使い、トップにビッグワードで戻るリンクを張ります。 まあ、サイトによってはサブディレクトじゃなく、ダイレクトにそういう構造にしてもいいかもしれません(アフィリエイトで「保険」を狙ってるなど)。 ランサーズで記事を依頼する >>ネーミング・ライターの
6. ブラウザでのPython実行方法 1. javascriptでpythonを実装する 1. <script type= text/python ></ script> 2. pythonで書いてjavascriptにコンパ イルする 1. 実行されるのはjavascript 1. sass -> css 2. jade -> html
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く