このブログで何回か紹介している0to255というオンラインツールですが、かなり便利だと思うので使い方を説明してみます。 色に関する知識が乏しい私ですが、0to255を使うとまとまった感じの配色になるので重宝しています。今回は0to255を使ってメニューを作る際の色選びをしてみます。 0to255の使い方 まず、0to255の使い方についてですが、下の画像のように「PICK A COLOR」をクリックしてカラーコードを入力します。 今回は「#ff7400」を指定してみます。 すると、指定した色より明るい色と暗い色がグラデーションになってたくさん表示されます。近い色がたくさん表示されますので、これらをうまく使うとまとまった感じのメニューが作れます。 メニューの配色を決める ということで、以下のような配色でメニューを作ってみます。 メニュー背景のグラデーションと境界線の1pxラインに使う色を選ん

開発者が知っておくべき、ドキュメント・データベースの基礎：特集：MongoDBで理解する「ドキュメント・データベース」の世界（前編）（1/3 ページ） ドキュメント・データベースの最大の特長は、「パフォーマンス、大量データ、スケーラブルといった課題を克服するためのシンプルなセットを提供している」という点だ。 もちろん既存の多くのリレーショナル・データベース（以下、RDB）でも、ドキュメント・データベースが備えている特徴的な各機能に類似することが実現可能だし、さらに広範な概念や機能性を提供している。例えばシャーディング（Sharding。詳細後述）についても、既存の多くのRDBでデータの分散化が可能だ。しかしドキュメント・データベースでは、「そもそもデータ構造がこうした構成に適している」という点と、「それに付随して、考え方もシンプルである」という点が優位な特徴である。 万人が、データベースが

By OliBac コンピュータが色に名前を付ける時、数字やアルファベットを6つ並べた1677万7216通りの組み合わせで表される16進数カラーコードが使われます。カラーコードは他のコンピュータ言語と同じく論理的なシステムに基づいて作られるため、Webデザインを行う人間にとって16進数カラーコードを知っておくことは非常に助けになるとして、WebデザイナーのBen Gremillionさんがカラーコードの仕組みや便利なテクニックをまとめているのが「The Code Side Of Color」です。 The Code Side Of Color | Smashing Coding http://coding.smashingmagazine.com/2012/10/04/the-code-side-of-color/ そもそもスクリーン上のカラーは指定がない場合は黒いままで、16進数カラーコ

皆さん、こんばんは。笹亀です。 先日、MacBookProの13インチでRetinaディスプレイを搭載したとっても魅力的なモデルが発表されました。 自分のMacBookProが13インチでもう3年くらい使用しているので、買い替えたいと悩んでます。 PCはエンジニアの商売道具ですから、多少のわがまましても購入してもバチはあたらないかと思ってます＾＾； 本日はレコメンドエンジンについてご紹介したいと思います。 主にPHPで利用できるという目線で使ったことがあるもの、使ったことがないものの両方をご紹介します。 レコメンドというのはよく「この商品を買った人はこの商品も買ってます」とか見受けるかと思いますが、商品などをおすすめするような機能のことを言います。 ただ、一般的に無料（オープンソース）で提供されている独自のロジックにより複雑な計算などをさせてレコメンド機能を実装したい場合などにはあまりむか

こんにちは、エンジニアの岡崎(@watermint)です。今回も国際化における標準を実際にどのように選び、使っていくかを紹介していきます。今回は言語コードのお話です。 アラビア語 言語コードのお話に入る前にひとつご紹介です。先日、GREEプラットホーム新規11言語のサポートというエントリでもお知らせした通り11月に入って、GREEプラットホームに新しくアラビア語のサポートを追加しました。 これでGREEプラットホームがサポートしている言語は12言語になりました。アラビア語圏のお友達がいらっしゃる方がいらっしゃればぜひご紹介ください。 言語コードも前回紹介した国コードと同様の基準で選ぶことになります。GREEのようなインターネットサービスを提供する場合には、必然的にインターネット上でよく使われるプロトコルが重要な選択基準になります。 インターネット上の言語コードは、BCP 47がデファクトス

【Google Feed APIを使用して、複数のサイトのRSSフィードを取得して更新日順でソート（並び替え）して、さらにそれを「サムネイル付きで」表示する方法】 記事の趣旨はタイトルの通り、「静的ページにブログの最新の更新情報を画像付きで表示する方法」を書いたものです。これを読んでいただいた方の多くから、 「複数のサイトのRSSをこうやってまとめて表示できないかな。サムネイル付きでよ！」みたいな会話が出てきてましたんで、ちょっと調べてみましたが、やり方がありました。結構使えると思いますので、興味がありましたらご参考ください。 2015/12/02追記2015/12/02からGoogle Feed APIが403エラーになって使えない、という方が多いという話を聞いたので、Google Feed APIのページを見ると以下のように書かれていました。 This API is officiall

どうも。 書くのが遅くなりすぎてもう半月ほども前のことになってすごく今更感があるのですが、書いておくべきことを書きそびれると、その後出てくる他の書きたい小ネタがどんどん書けなくなっていってドンづまるパターンになるので、やはり書いておきますね。。 先日、第一回 プログラマ向けデザイン勉強会というイベントで下記のスライド発表させていただきました。 少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck 反響の大きさに驚き！ありがとうございました。 実はあんまり発表自体は、盛り上がったという手応えがあまりなくて、一方で他の2人の発表が素晴らしすぎて、割としょんぼりしながら帰ってきたんですが、スライドをアップロードしたらあれよあれよという間に2000ブクマ超え…驚きました。読んで下さった皆様、ありがとうございました。何が原因だったのか考えてみたのですが、デザイン

CEDEC 2013 - 徹底的にチューンしたハイブリッドアプリ「D.O.T. Defender of Texel」の制作Nobutaka Takushima

ガイダンス 2012.4.12 at 一橋大学 社会科学における情報技術とコンテンツ作成Ⅲ (ニフティ株式会社寄附講義)

Websites today are being consumed across a wide range of devices, and with all the new tablets and PCs optimized for Windows 8 coming to market, this trend will only accelerate. Websites that can gracefully adapt to different display characteristics and user input methods offer the best possible experience for the widest audience. Here we'll dive into strategies for using features in Internet Expl

はじめに 第6回名古屋Android勉強会 Java+Eclipse再入門 on Zusaar 第6回名古屋Android勉強会 Java+Eclipse再入門 学生枠 on Zusaar のために書きました。 イベントの流れの都合上 再入門 になっていますが、全然 再 な内容を含んでいないので 入門 でいいんじゃないかと思ってます。 あと、Java + Eclipseというよりは初心者の方でも Androidアプリを作る体験ができること と イヤにならないこと を考えた結果、逆に、Java + Eclipseにあまり触れられませんでした。Java + Eclipseについては今後の宿題ということで考えていきたいと思います。 開発環境について 環境構築については書いても書いてもバージョンが上がるので割愛しています。 以下の開発環境を構築した上でお読み頂ければ幸いです。 Eclipse He

1. [サーベイ報告] 統計的学習手法による人検出 2012年11月17日 第21回 名古屋CV•PRML勉強会 山内悠嗣, 藤吉弘亘 中部大学 http://www.vision.cs.chubu.ac.jp/CVTutorial/PPT/HumanDetectionSurvey.pdf 4. 物体検出の変遷 顔検出 人検出 1969 年 Sakai 1969年 顔検出に関する初めての研究 1994 年 Yang 研究者のルールに基づいた顔検出 物体検出の研究が始まる Sung 1996 年 クラス分布の距離に基づく顔検出 Rowley Sakai, Pattern Recognition, 1969. Neural Network による顔検出 1997 年 Osuna SVM による顔検出 1994年 1998 年 Rowley Neural Network による顔の回転に 対応し

@sngmrです。 先日Titaniumで開発をしているときに、よく分からない現象でちょっとハマってしまいました。 そんなときに@astronaughtsさんが、Titanium Mobile ”early” Advent Calendarという面白そうなイベントをはじめられたので、便乗して顛末を書かせて頂こうと思います。これは11日目の記事になります。 グダグダ説明するほど難しいことではないので、いきなりコードです。簡単なサンプルコードです。 var win = Ti.UI.createWindow({ backgroundColor: '#666' }); // Ti.UI.createLabelでラベルをつくる var label = Ti.UI.createLabel({ color: '#ccc', font: {fontSize:64,fontWeight:'bold'}, t

Titanium mobile "early" Advent Calendar 2012-12日目 他のアプリとのやり取りに使われるURL Schemeですが、Titanium側からTi.Platform.openURLを使って開くことは多いと思います。 逆に他のアプリからURL Schemeを使ってTitanium mobileのアプリを開いた時に引数を受け取る方法を紹介します。 まずはおさらいとしてTitanium側から開く場合。 // iOSのChromeブラウザでわんこそばのキーワード検索をYahooで調べる。 var app = 'googlechrome://' var url = 'search.yahoo.co.jp/search?p=' var keyword = 'わんこそば' // パラメータを渡す必要がある場合はエンコードしておきましょう。 var scheme =

隣の席の人が「Sublime Text 2はじめます！」って言って来たのでTwitterでメンションつけてURLを投げたら有用と思う人がおられるみたいですのでまとめておきます。（2013年01月22日現在） こういうの「ねいばーまとめ」にでもしておけばいいのかなあ。まあ、いいや。 Advent Calendar 2012 Sublime Text 2 Advent Calendar 2012 ドットインストール Sublime Text 2の基礎 (全12回) - ドットインストール 紹介記事 【コラム】イマドキのIDE事情 (143) 今話題の高機能テキストエディタ「Sublime Text 2」その人気の理由は? | 開発・SE | マイナビニュース カスタマイズ自由・軽量なエディタ「Sublime Text 2」 | ACTZERO - 株式会社アクトゼロ 総合 Sublime Te

WordPress のサムネイル画像を一括で生成してくれるプラグイン。Auto Post Thumbnail を導入してみました。これはすごいいいですよ。 まずはプラグインの紹介ページに記載の紹介文を転載。 Automatically generate the Post Thumbnail (Featured Thumbnail) from the first image in post or any custom post type only if Post Thumbnail is not set http://bit.ly/U7vyBE 過去の投稿分全部を遡って、各投稿内に含む画像のサムネールを用意することができます。一括で。自動で。 このプラグインの素晴らしいところは、エントリー内の外部URLの画像のサムネールも生成してくれること。たとえばこのブログの場合なら、Flickr という

こんにちは。クライアント基盤チームの中丸です。 先日、公開されたLWF、お試しいただいているでしょうか？凄そうだけど、とっつきにくい、と感じている方もいらっしゃるかもしれません。デザイナはもちろん、プログラマでも「なんか変換できたけど...これ、どうすんだ？」とか「ruby入れて、batch_convert.sh動かして、あ、Windowsだと、えーと？」とか、躓いちゃったりしますよね。 そこで、「とにかく元ファイルを更新したら、自動でLWFに変換してプレビュー」できるツールを作りました。LWFSといいます。 とりあえず、動かしてみるのがわかりやすいので、http://code.google.com/p/lwfs/downloads/list からLWFS (OS XならLWFS-osx-.zip、WindowsならLWFS-win-.zip)と、サンプルファイルの一式LWFS_work_

やっつけで適当に書いてみた。 yuroyoro/rmruby · GitHub 一体何がしたいのか……。 irb(main):001:0> require 'rmruby' => true irb(main):002:0> Rmruby.eval('3.times do |n| puts "hello #{n}!" end') hello 0! hello 1! hello 2! 3 => nil 毎回mrbインスタンス作ったりコンテキスト使い捨てしたりしてるし、mrubyからの返り値やコンテキスト内の変数にはruby側からはアクセスできないのだけど、あんまり真面目に作ってないのでカンベン汁( ꒪⌓꒪)

nanapiのSEOってすごいの？ いやあ、最近、nanapiのSEOについて聞かれることが多くなってきました。 もともと「いいコンテンツをつくるのが最強のSEOだぜ！」という思想のもと、特に何も施策していなかったのですが、辻さんという、ハイパーなコンサルタントの方に入ってもらってから、めきめきとランクがあがっていきました。 参考：#cssnitelp24　辻大先生による、「事例で考える、SEOの力」 - Togetter →nanapiの事例でお話いただいています というわけで、nanapiのSEOで何をやっているかを紹介します。 そもそもうまくいってんの？ そこそこうまくいってそうです。 一般ワードでも結構上位に来るものが多くなってきました。 「結婚」・・・1位 競合が強そうな儲かる系のワードも 「副業」・・・3位 と、中々の成績です。 製品の説明系も 「line」・・・3位 となって

Objective-Cの残念な子なところ - soutaroブログ それ、(ARC使っていれば)RAIIでもっと簡潔にできると思います。 @interface AutoTimer : NSObject -(void)report; @end @implementation AutoTimer { NSString *label; NSDate *start; } -(id)initWithLabel:(NSString*)labelText { self = [super init]; if (self) { label = labelText; start = [NSDate date]; } return self; } -(void)report { NSLog(@"%@: %g[sec]", label, -[start timeIntervalSinceNow]); } -(vo

この記事はあすt（略） とふざけてばかりでは、いい加減怒られそうなので(^^; この記事は、@astronaughtsさんが主催の11月1日〜30日まで毎日誰かがTitanium Mobileに関する記事を書くイベント「Titanium mobile “early” Advent Calendar 2012」向けにまとめたもので、中間点その１を担当するのがわたくし@donayamaであります。 ちなみに明日の中間点その２は@papetto_tvさんのご担当です。 さて、プログラムをしているなかでどういう変数名を付けるかやブロックの記述するときのスペーシングやインデントといった細々としたことではありますが、ともすれば一人だけでやっていてもブレがち、複数名のプロジェクトにおいては示し合わさなければ合うはずもないというわけで、コーディング規則（コーディング規約とか…いろいろ呼び名はあると思うけど

わずか、２０行で出来たjavascript版マリオを見つけました。 最小限のコードで作成されたマリオ。 いい感じですね。 20 Lines JavaScript – Super Mario Tribute

Flashになじみのある人がHTML5でまず興味を持つのが、アニメーションやモーションなどの表現力ではないでしょうか？　私がFlashに興味を持ち、虜になったきっかけも、モーションの気持ちよさやデザイン性、インタラクティブな表現力でした。 今回は基本的なモノ(object)を動かすための準備として、矩形や円を描画してみましょう。HTML5では、canvas要素とJavaScriptのCanvas APIによって、ビットマップ画像を描画できます。 Canvasで画像を描画するには、HTMLでキャンバス領域を定義します。 ■サンプル1[01.html] <body> <canvas id ="cvs1" width="150" height="150"></canvas> <script type="text/javascript" src="js/01.js"></script> </bod

ぼくはライフワークとして画面をチカチカさせる活動をしてるのだけど，周りの人にあまり理解してもらえなくて，まぶしいとか，そんな低俗なことをやって，みたいな反応をされる． けど，画面をチカチカさせるだけでも，いろいろと工夫できることとかある．今日はこれまでの活動の振り返りと，それで得たノウハウを共有しようと思います． 過去の活動 これまでに，いろいろ画面をチカチカさせるやつ作っているので，順に紹介します． コード残ってるのは2010年からだけど，一番古いのは中学生のときにRPGツクールで作った画面がチカチカするゲームで，途中まではRPGとして遊べるけどストーリーが進むと画面が高速で点滅し始めてそれ以降何もできなくなるというゲームでした． 古くはポケモンショックというイベントもあったけど，ぼくは関西に住んでて見れなかった． ウェブページをチカチカさせる このbookmarkletを起動するとウェ

長いテキストを省略して表示 する、というjQueryプラグイン 、Smarttruncationのご紹介。 CSSのみでも一応は可能ですけど、 こちらはある程度応用が利くの で覚えておこうかと思います。 この手のライブラリはいくつか見かけましたけど、これは日本語でもそのまま利用出来るので一応メモ。 動作サンプル 長いテキストが省略されています。上は語尾を、下は真ん中あたりで省略。なかなか便利なのでは。 CSSのtext-overflow:ellipsis;で制御できない時に試してみてはいかがでしょう。 コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js'></script> <script src="jquery.smarttruncat

Photoshop Javascript ToolsはPhotoshopの自動操作を行うためのJavaScriptライブラリ集です。 知らなかったのですが、Photoshopの自動操作を行うスクリプトはJavaScriptで記述可能です。今回はそのためのツール集とも言えるPhotoshop Javascript Toolsを紹介します。 インストールします。PhotoshopのScriptsディレクトリ内にコピーします。 スクリプトメニューに取り込まれました。 一例です。ガイド作成します。 こんな感じにラインが引かれました。 エラーを見るとJavaScriptっぽいのが分かります。 主な機能は二つで、ガイドラインを引くライブラリとフォント名を表示したり変更できるライブラリになります。また、その他プログレスバーのUIやカレンダーを作成する、JPEGへのエクスポートを行うライブラリなど小さなツ

Video: http://youtu.be/8cTz73zdDuc?hd=1 In this talk from YUIConf 2012, I provide code samples and real-world anecdotes to illustrate how to decide when to use YUI, when to use vanilla JavaScript, when to consider other libraries, and what the tradeoffs are in terms of performance and maintainability. Advice ranges from simple rules of thumb to more nuanced discussion of complex architectural deci

Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)

This is a collection of some basic styles that can come in handy when creating your own style definitions. Learn how to make some useful classes for simple styles and how to apply them to a variety of elements. Today we are going to dig a little bit more into process development. When you’re creating a website or an application from scratch, you may need a collection of patterns helping you buildi

仮面ライダーウィザードのウィザードリングが5つ集まりました ishida です。 コレ以上あつめると嫁さんに怒られるので、リング集めはもう辞めます。でもベルトがほしいよぉー さてさて、本日はファイルも文字コードと改行コードチェックに便利なツールのご詳細です。 プロジェクトではそれぞれコーディングルールも異なります。 HTMLのバージョンだったり、文字コード、改行コード、対象ブラウザなど。 複数プロジェクトが同時進行の場合は、注意が必要です。 特に改行コードについては、目に見えるものではないので分かりにくいですよね。 Dreamweaverは環境設定で改行コードを変更できますが、プロジェクトごとに変更はできないので、改行コードをつい前回作業したままの状態になっていることも多いです。 そこで、便利なツールがこれ。 FileCode Checker ファイルの文字コードと改行コードを一覧表示して

グーグルのBigQuery、高速処理の仕組みは「カラム型データストア」と「ツリー構造」。解説文書が公開 SQLのクエリに対応し、3億件を超えるデータに対してインデックスを使わないフルスキャン検索で10秒以内に結果を出す。グーグルのBigQueryは大規模なクエリを超高速で実行する能力を提供するサービスです。その内部を解説する文書「An Inside Look at Google BigQuery」（PDF）を公開しました。 グーグルは大規模クエリを実行するサービスとして社内でコードネーム「Dremel」を構築しており、2010年にそのDremelを解説する文書「Dremel: Interactive Analysis of Web-Scale Datasets」を公開しています。BigQueryは、そのDremelを外部公開向けに実装したものです。 グーグルはこのDremel/BigQue

Apple の Twitter を使うサンプルが Twitter API の仕様変更で動かなくっていました。 具体的は「Get Public Timeline」のボタンを押した時に正しく動作しません。 修正方法 TweetingViewController.m の以下の部分が問題となる部分です。 - (IBAction)getPublicTimeline:(id)sender { // Create a request, which in this example, grabs the public timeline. // This example uses version 1 of the Twitter API. // This may need to be changed to whichever version is currently appropriate. TWReques

要約：Free モナドは何が嬉しいのかを議論するためのたたき台。以下の2つの論文に載っている例を3つの方法で実装する。 Janis Voigtlander, "Asymptotic Improvement of Computations over Free Monads" Wouter Swierstra and Thorsten Altenkirch, "Beauty in the Beast -- A Functional Semantics for the Awkward Squad" モナド 最近、僕はモナドを次のように説明するようにしている。「モナドとは言語内DSLを実装するための API (あるいはフレームワーク)」 だから、何か言語内DSLを作るなら、それをモナドのインスタンスにすべきだ。ここでは、getChar と putChar という API を持つ簡単な DSL を考

IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

「再代入なんて、あるわけない」 ～ふつうのプログラマが関数型言語を知るべき理由～ (Gunma.web #5 2011/05/14)parrotstudio

わかめモナ化: Maybeモナドの証明 + Coq入門 証明の重要性 うかつにモナドと言うと刺される 例: jQueryはモナドだ - id:anatooのブログ 「jQueryはモナドである」と主張したけど、証明はなかったのですぐに刺された。 JQueryがモナドかどうかとか - たけをの日記＠天竺から帰ってきたよ うーん… これ、いわゆる3つのモナド則じゃないよね。ココに書かれてるのはモナドの構造のこと、それもHaskellに特化したもので、圏論的な構造じゃない。抽象的に書けば、モナドは関手に2つの変換 unit と join が付随したもの（Haskell の bind はこれらから導出できる）だし、更に 左単位則、右単位則、結合則の3つの法則を満たすたものでなければならない。 この記事で何をやりたかったかはわかるんだけど、でもうまく行ってないね。もし何かをモナドと呼ぶときはもっと厳

travis-proがRuby1.9.3-p194 => Ruby1.9.3-p327になってdebuggerビルドできなくてテスト落ちて右往左往した。 正しくやるべきこと Travis-ci環境でdebuggerは要らないので外しましょう http://about.travis-ci.org/docs/user/languages/ruby/#Exclude-non-essential-gems-like-ruby-debug-from-your-Gemfile having trouble getting ruby gem debugger installed – Google Groups debuggerのビルドにはrubyのヘッダーが必要で、ヘッダーはdebugger-ruby_core_sourceから持ってきてて、debugger-ruby_core_sourceがrubyの

わかめのモナド浸しと第6回 スタートHaskell2で「モナドは単なる自己関手の圏におけるモノイド対象だよ。何か問題でも？」という話をしてきた。スライドは以下。 モナモナ言うモナド入門 *1 モナモナ言うモナド入門.tar.gz .tar.gz の方はHaskellでの説明だったので、検証用コードも書いてみてgistに上げてる。QuickCheckとか使わずに値一個与えてみてるだけだけど、型が通ることくらいは確認できるかと。以下、検証用コードについて解説する。 MonoidはHaskの圏のモノイド まず、Monoidの方。図式はスライドを見てもらうとして、ソースは以下。満たすべきは各図式の時計回りと半時計回りが等しいことであり、具体的には、モノイドであれば clockwiseX == anticlockwiseX である必要があるという意味である。 assoc :: ((a, b), c)

Being a purely functional language, Haskell limits you from many of the conventional methods of programming in an object-oriented language. But does limiting programming options truly offer us any benefits over other languages? In this tutorial, we'll take a look at Haskell, and attempt to clarify what it is, and why it just might be worth using in your future projects. Haskell at a Glance Haskell

designboost.net This domain is registered for one of our customers. If this is your domain name, please visit this page to see how to register it as DNS zone into your account. Note: If you already have registered the DNS zone for your domain name, please wait for DNS propagation. Your web site will be displayed soon. It may take few minutes. * Do you know what DNS zone transfer is? Suggested arti

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

HTML5 introduces a variety of new goodies for front-end developers, such as the additions to the browser's history object. Let's take a look at its new features in this lesson. Introduction Always present the same information when the user refreshes the page. The history object isn't new; in fact, you can trace its beginnings to the early browsers from the 1990s. While it has never been based on a

TOP  >  Design  >  さまざまな種類の炭が揃ったテクスチャまとめ「30 Free Burnt Wood Texture with Great Quality」 デザインを作り上げる際にさまざまなテクスチャを利用して、雰囲気のある作品に仕上げるということも多いのではないでしょうか？今回はそんなテクスチャの中から、炭のテクスチャにクローズアップしたテクスチャまとめ「30 Free Burnt Wood Texture with Great Quality」を紹介したいと思います。 Burnt Wood Texture by ~catemate on deviantART 木の種類や模様の異なるさまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Burnt by =DustwaveStock on

「神は細部に宿る」といわれるように。デザインの業界に置いて、デザインについてはのクオリティは細部をどれだけ作り込めたかで決まってきます。今日紹介するのは、細部までこだわるためのCSS3フォームデザインパーツチートシート「CSS3 Form Styling Cheat Sheet」です。 フォームのインプットのスタイルだったり、ボタンのスタイルを、サンプルと再現できるソースコードともに紹介してくれるというものです。どれもものすごくシンプルなものなのですが、paddingの取り方だったり、ちょっとした角アールだったり、中と外に綺麗にかけられたドロップシャドウなどなど、細かな部分を詰めた洗練されたフォームの材料を取得する事ができます。いくつか下記に紹介致します。 詳しくは以下 公式サイトではCSS3のソースコードもワンクリックでコピーできるようになっています。クオリティの高いフォームを制作したい

私はメインマシンとして Mac を使用していますが、一時期全くメンテナンスをせずに使っていたら、10ヶ月ほどで買った時より明らかに動作が遅くなってしまいました。 そこで、最近は毎月1回メンテナンス作業を行うことにしています。 具体的には以下のような感じです。 関連記事: Windows 10を快適に使用し続けるために月1回やった方が良いメンテナンス ディスクユーティリティ メニューバー右端の検索アイコンをクリックするか、command + space または control + space キーを押して Spotlight を起動します。 disk と入力します。すると、候補にディスクユーティリティが出てくるはずなので、Enter キーを押して起動します。 ディスクユーティリティでディスクを検証 ディスクユーティリティの［First Aid］ボタンをクリックし、［実行］をクリックするとMa

こんにちは、サリーです。 最近は無料のスライダーでも良質のものがたくさん溢れていて、どれを使っていいか悩みすぎてしまう。。ということがよくありまして。 「これだ！」という決め手があればなあ。ということで、今回は他との違いを見せつける個性的なスライダーばかりを集めてみました。 今すぐ使いたくなるような、わくわくする動きでいっぱいです。デモページと共に紹介していきます。 【最新スライダーはこちら！】 ☞ 高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた Slit Slider Revised http://tympanus.net/codrops/2012/10/24/slit-slider-revised/ DEMO： http://tympanus.net/Tutorials/FullscreenSlitSlider/ 絵が真ん中から横にバカッと、時

作成：2012/11/19 更新：2014/11/01 WordPress > 自分のブログならいいけど、受託の場合は出来るだけプラグインやブログパーツ使用は控えたい。 例えば、Zenbackやlinkwithinって便利だけど外部リンクが表示されちゃうから、クライアントさんには使えない。プラグインを出来るだけ使わずに、自分でやんなきゃいけないこともあります。まぁそこで 「分かんなくなったらここ見よう」と参考にさせていただいたサイトをまとめました。カスタマイズをやっていくうちに内部施策が充実したのか、アクセスも40日間で147%アップ。集客提案の一つとしても使えると思います。 フッターにこだわったり、タグ・カテゴリ一覧表示したり、サムネイルで関連記事を表示、アバターを写真にしたり、レスポンシブ、マルチサイト化にカートまで受託開発で必要なことなどもメモメモ。※一部プラグインを使用します。 エ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

RedmineとGitを組み合わせて使うノウハウとRedmineでスクラムを実現するRedmine Backlogsを紹介します

YAPC::Asia 2014 - 半端なPHPDisでPHPerに陰で笑われないためのPerl Monger向け最新PHP事情Junichi Ishida

ShareWis is an online learning platform with Snack Courses and Pro Courses. You can get smarter a bit just in 90 seconds with the Snack Courses and improve your skills with the Pro Courses created by professional instructors.

カテゴリー DX (2) 一般 (58) 研究会 (6) 働き方 (4) 技術 (349) Edge AI (2) Edge Computing (12) Erlang (1) FIWARE (2) Fog Computing (9) Infiniband (31) Internet of Things (32) Key Value Store (17) Linux (3) Linux KVM (10) Machine Learning (2) RealTime Web (14) Webサービス (42) インフラ (7) コンテナ (3) ストレージ (92) データセンター (7) データベース (47) データ流通 (6) テレプレゼンス (2) ネットワーク (214) 仮想化 (110) 災害コミュニケーション (26) 空間情報 (30) 量子コンピューティング (3) 教育

以下は、Locking Down WordPress（CC BY-NC-SA 3.0, 2012）のまとめの章、”TL;DR: Our Collaborators’ Advice in Short Shots -要約: 協力してくれた方々のアドバイスの簡潔なまとめ”をPHP祭り2012のハッカソン中に訳したものです。その訳はAzure上に作ったWordPressに置いていたのですが、お試し用に貸していただいていた場所なのでこちらに移しました。 この「まとめ」以外の中身の訳と、これを（生涯初の）LTで発表してスライドごと大失敗に終わってしまった顛末はまたの機会にｗ。 あらためて、Azureを紹介してくださった廣瀬 一海（デプロイ王子）さんとPHP祭り青年団のみなさんお礼申し上げまする。 PHP祭り2012、レガシーズのみなさん 要約: 協力してくれた方々のアドバイスの簡潔なまとめ あなたの仕

スマートフォンの普及に伴い、米Microsoftの「Skype」といったサービスだけでなく、NTTコミュニケーションズが提供する「050 plus」（関連記事）やNHN Japanの「LINE」（関連記事）など、音声通話ができる数多くのサービスが登場しています。これらのサービスは、従来の電話サービスが採用している回線交換方式ではなく、VoIP（Voice over IP）技術を用いたデータ通信による音声通話を可能としています。 一方、携帯電話事業者各社はLTE方式の通信サービスを順次開始しています。現在はデータ通信サービスに特化していますが、日本国内でも早ければ2013年内を目途に新しい音声通話サービスを開始する予定です。この新たな音声通話サービスはLTE上で音声の送受信を行うことからVoLTE（Voice over LTE、ボルテと読むのが一般的）と呼ばれています。 この特集では表1に示