最近のWebページで人気のある縦長ページ、CSS3アニメーション、スクロールエフェクト、大きい写真画像を使った背景、カードコンポーネントなど、UIデザインのトレンドを取り入れたBootstrapのテーマを紹介します。 Bootstrap 4ベースのものもリリースされ始めました。
![商用利用無料!Bootstrap 3, Bootstrap 4をベースに最近のUIデザインのトレンドを取り入れた新作テーマのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/2a8218afa9e013bff101bb1355ab64b3130e8031/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201503%2F2015102201.png)
スクレイピングに関しては過去にも一度記事にまとめていますが(過去記事:Webスクレイピングに関する参考記事へのリンクを我武者らにまとめてみた)、あれから約一年経ったので改めてここ最近投稿された「スクレイピング」に関する参考になるブログ記事をピックアップしてみようと思います。 ちなみに「Webスクレイピング」については、以前書いた記事「Webスクレイピングとは何ぞや?という疑問が浮かんできたので調べてみた」を参照してみて下さい。 blog.takuros.net www.workabroad.jp ytera22.hatenablog.com tech.respect-pal.jp nelog.jp blog.takuros.net blog.takuros.net blog.takuros.net orangain.hatenablog.com blog.takuros.net qiita
普通にifを使って書いてみる 単純化してますが、Kekkonクラスに、男性のステータスとかを持ったMenくらすのインスタンスを渡して、 canMarrige で結婚可能かどうかを返すと考えてください。 (ここのロジックはもう少し単純化出来ますが、条件を増やして複雑さを表現するのは大変だったので、あえて複雑なままにしてます) class Kekkon { private $men = null; public function __construct(Men $men) { $this->men = $men; } public function canMarriage() { // 年収が高ければ、身長か学歴のどちらかが高ければ結婚可能 if ($this->men->isHighIncome()) { if ($this->men->isHighHiehgt()) { return tr
(訳注:2020/08/22、画像と動画が正しく表示されていなかったためリンクを修正しました。) こんにちは。このブログは12月にO’Reillyから出版予定の私の著書『 Designing Products People Love 』からの抜粋です。ぜひ本も読んでみてください。また、FacebookやTwitter、 Slackなどで活躍されている20人以上のプロダクトデザイナーにインタビューもしています。* 無味乾燥なUIを経験したことはありますか? 何か が足りないと感じてしまうようなUIを作ってしまったことはありませんか? もしそうであれば、使い勝手の悪いUIを経験したのだと思います。 使い勝手の悪いUIには進捗インジケータがありません。ユーザにどこで障害が起きたのか知らせてくれません。怖いエラーメッセージでも表示してくれれば、なお良いのですが。わずかなデータのみの奇妙なグラフです
OSSのテキストエディター「Brackets」で使える、Web制作に便利なプラグインを紹介し、拡張機能マネージャーの使い方や便利なプラグインを探すコツ、プラグインのインストール方法について解説する。 OSSのテキストエディターの豊富なプラグインをいろいろと使ってみよう OSSのテキストエディター「Brackets」は、拡張が容易に行えて好みの環境にカスタマイズしやすいのが特徴の一つだ。 筆者は、以前の記事でもBracketsの使い方について紹介したが、今回はBracketsのお勧めプラグイン(拡張機能)を紹介していこう。 その前に、Bracketsでプラグインをインストールする「拡張機能マネージャー」を紹介しておく。 Bracketsの「拡張機能マネージャー」とは Bracketsでは「拡張機能マネージャー」を利用してプラグインのインストールやアンインストールができる。「拡張機能マネージャ
こちらの記事ではBracketsとAdobe Edge Inspect CCを連携させ、スマホの開発・デバッグをリアルタイムに行う方法をご紹介します。(といっても使い方は簡単ですが) 基本的な使い方はこちら→Bracketsの機能紹介、使い方解説 その他の便利エクステンション集はこちら→ Brackets おすすめエクステンション集・解説 Adobe Edge Inspect CCとは Adobe Creative Cloud(以下CC)にて提供されている、PCとスマートデバイスを連携させるツールです。 例として スマホサイトをリアルタイムに実機確認しながら開発する PCで表示させているサイトのナビゲーション同期・デバッグ・スクリーンショットの撮影 等のことが行うことが出来るようになります。 (右側がEdge Inspectを接続しているAndroid) 使用方法としては Brackets
デザインのクオリティや良し悪しを決めるのに非常に重要な存在であるフォント。フリーで使用できるものも豊富に配布されていますが、数が多いだけにその中から最適なものを探そうと思うととても大変なもの。そんな時に参考にしたい、デザイン性の高い100種のフリーフォントまとめ「The 100 best free fonts」を紹介したいと思います。 Arkhip font 100種という豊富な種類のフォントがまとめられており、どれもデザイン性の高いものばかり。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Futuracha the font [free] on Behance 細身のラインで描きだされた、どこか記号のような独特な形状のフォント。デザインに個性を演出したい時におすすめです。 Free PSD Goodies and Mockups for Designer
最近、データ分析の真似事をしたくなって、どうせやるなら実益も目指せる株取引を対象に、とごにょごにょ始めたりしています。そこで必要になるのが、データの「見える化」。ローソク足チャートをベースに、諸処の分析結果を作画して「ほほー」等と言ってみたい訳ですが、まずはツール選びに一苦労。jqPlot の様に高レベルに実装されたプロダクトは使うのも簡単なのですが、そのぶんちょっとしたカスタマイズにも苦労するようです。 他の手段を調べてみると、データ分析のビジュアライズには D3.js がイイという話。けど、D3.js ってのは「グラフを簡単に描けるライブラリ」というよりはデータ分析の視覚化フレームワーク的な、非常に広範囲な利用を想定した「低レベル」な実装なんですね。なので、グラフひとつ描くにもそれなりの学習が要るみたい…「努力すんのは嫌いだしめんどっちーし楽して身につく方法はないもんかな」と調べていた
jQueryをSelenium内に取得する Seleniumを使っていて、テストページ内要素をjQueryで指定したりしたい場合、テストページ内にjQueryを埋め込んだあと、Seleniumで「jQuery」にアクセスしてjQueryを取得します。 取得するには、まずwindowオブジェクトを取得し、Firefoxのバージョンによって「wrappedJSObject」を経由するか、直接取得できるかが異なるため、条件分岐で判定して取得するようにします。 取得したjQueryは利用しやすいように変数に格納します。 その後、取得したjQueryを使って要素にアクセスします。 以下のテストケースは、まずjQueryを取得して変数に格納した後、電話番号フォーム値が「090」になっているかどうかをチェックしています。 テスト対象要素 <input type="text" id="tel1" name
この内容は、AngularJS 2.0のStep By Step Guideを翻訳したものです。 注: 「1.Getting Started」は本家のWebサイトから既に削除されています。2,3は、DEVELOPER GUIDEとして2015/10/16現在も存在しています。 1. 始めよう JavaScriptでゼロからシンプルなAngular2 アプリケーションを始めましょう。 4つのステップで行っていきます。 新しいプロジェクトフォルダとindex.htmlの作成 app.jsの中でアプリケーションのルートコンポーネントを書く アプリを起動する 動かす 新しいプロジェクトフォルダとindex.htmlの作成 アプリケーションプロジェクトを格納するための新しいフォルダを作成します。たぶん次のようにするでしょう:
diag.md シーケンス図とかフローチャートをしごとで描画することになった場合、 テキストから生成できたら楽なので、それ系のツールまとめ GraphViz http://www.graphviz.org/ C製 Doxygen, Moinmoinなどと連携可能 ブロック図、クラス図、ネットワーク図など PNG, SVGなど 出力可能形式一覧 JavaScript(Emscripten)版もある。リアルタイムプレビュー出来て便利 https://github.com/mdaines/viz.js PlantUML Java製 シーケンス図, ユースケース図, クラス図, アクティビティ図, コンポーネント図, ステート図, デプロイ図, オブジェクト図などめっちゃたくさん作れる PNG, SVG, LaTeX, ASCII出力 なんとワイヤーフレームも作れる。アイコンとかも入れられる。 オ
テンプレートエンジン不要?JavaScriptで文字列処理を簡潔にするTemplate literal 高津戸壮(株式会社ピクセルグリッド) これまでのJavaScriptでは、複雑な文字列処理はテンプレートエンジンを使うことが一般的でした。しかしECMAScript 2015(ECMAScript 6)では、パワフルなTemplate literalが標準で利用できるようになりました。この新たに追加されたTemplate literalについて、概要とサンプルコードを紹介します。 これまでの文字列組み立て ES6で追加されたTemplate literalを使うと、文字列をより柔軟に、シンプルに組み立てることができます。例えば、これまでのJavaScriptでは、文字列を組み立てるために、例えば以下のような方法を取る必要がありました。 var name = 'john'; var cou
アップルが、ソフトウェア・アップデート「iOS 9.1」の配信を開始しました。 リリース・ノートによる新機能・修正点は次の通りです: Live Photosで、iPhoneを上げたり下げたりしたときの録画を自動的に回避するため、それらの動きをインテリジェントに感知する機能を追加 Unicode 7.0および8.0の絵文字に完全に対応した、150以上の新しい絵文字 CarPlay、“ミュージック”、“写真”、Safari、検索などの安定性を向上 マルチタスクUIのパフォーマンスを向上 “カレンダー”が“月”表示で応答しなくなることがある問題を修正 一部のユーザがGame Centerを起動できない問題を修正 一部のAppの内容が拡大表示される問題を解決 POPメールアカウントの未開封メール数が誤って表示されることがある問題を解決 新しいメールまたはメッセージから最近追加された連絡先をユーザが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く