The free, ever-expanding design system & UI kit for Figma ✶ Updated every month ✶ The free, ever-expanding design system & UI kit for Figma ✶ Updated every month ✶
最近のトレンドのぼやけたブラーの背景に載せたり、美しい写真の背景にも映える半透明のパネルやテキストを簡単に作成できるPhotoshopのスタイルを紹介します。 素材はレイヤースタイル・aslファイルでダウンロードできます。
画面をダブルクリックで縦書きと横書きを切り替えることができます。要素を指定して縦書きにしている場合は、次回アクセス時に同じ表示が引き継がれます。 どんなサイトでも縦書きにするブックマークレット。 ↓右クリックで「お気に入り」に保存するか、リンクをドラッグしてブックマークバーにドロップします。 「縦書きにする・iPhone 用リンク」 「縦書き可能にする・iPhone 用リンク」 「段組み縦書き可能にする・iPhone 用リンク」 iPhone に登録するには? とりあえずこのページを共有ボタンからブックマーク。 iPhone 用リンク を長押ししてコピー。 ブックマークを開いて、追加したブックマークを「編集」。 名前を「縦書き可能にする」などに変更し、URL 欄に上記コードをペースト。 最初の「http://」を削除。 注意! やや動作が重いです! うまく変換できなかったときは、画面をダブ
前回の記事で紹介した、Video.JSのドキュメントを翻訳してみました。 かなり適当に意訳している部分やよくわからない部分もあったりしたので、間違っている可能性が多分にあります。 正しくは原文を参照してください。 ご指摘などはコメント等でお願いします。。 ※追記:2013年5月21日にバージョンアップされ、Video.js 4.0がリリースされました。 この記事では古いバージョンの説明となりますので、現在のバージョンでは動作しない可能性があります。 (原文のページ) Video.js Documentation https://github.com/zencoder/video-js/blob/master/docs/index.md このドキュメンテーションはこのプレーヤーのセットアップを助けるものです。このドキュメントはVideo.jsライブラリのリポジトリ内で発見でき、役立てることが
Surgeworks' Blog Our team talking about our company, our work, our client and each other. Facebook developers already have a useful info on Facebook components documentation, i.e., they count on Facebook FBML wiki as reference. Thinking of designers and, of course, ourselves as designers, we made a Facebook Graphic User Interface (FBGUI) resource kit for Photoshop to make our work easier. The purp
This is along the same lines as our iPhone PSD. Everyone here in our office seems to get these form elements and browser windows from different sources, some of them are good, most are out of date. So, in an effort to keep our stuff up-to-date and consistent we put together our own. Included is a set for Mac Firefox 3 and another for Vista IE7. If you’re a web designer and think this may be usefu
リダイレクト Fromにサイトパスを入力、ToにURLを入力 301 Moved Permanently 恒久的に移動 From: To: From: To: From: To: 302 Moved Temporarily 一時的に移動 From: To: From: To: From: To:
ここ最近立て続けに素晴らしいアイコン素材がリリースされたので、まとめて紹介します。 ほとんどが商用利用も無料です。
アンティークなデザインの飾り・フローラル・カリグラフィック・フレームなど装飾用のベクター素材をSpeckyboyから紹介します。 30 Free Ornaments, Frames & Borders Vector Resources ライセンスが記されており、商用利用も無料のものをピックアップしました。
画像をはじめ、画像ギャラリー、そして動画、HTMLコンテンツ、外部サイトなど、あらゆるコンテンツを拡大表示するjQueryのプラグインを紹介します。 あらゆるコンテンツをサポートします。 画像、画像ギャラリー、動画(HTML5, YouTube, Vimeoなど)、Flash/swf, Google Maps, iFrame, AJAX, Alert/Confirm/Promptなど 主要なブラウザ全てをサポートします。 IE7/8/9/10, Firefox, Chrome, Safari, Opera iOS4+, Android 主要なデバイスを全てサポートします。 デスクトップ・タブレット・スマートフォン スワイプ操作やRetinaディスプレイもサポートしています。 iLightBoxのデモ デモではあらゆるコンテンツをiLightBoxで拡大表示します。 まずは、画像一枚を拡大表
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
ランダムに要素を並び替える バナーの順番をランダムで切り替えたり、おすすめ情報の並び順を切り替えたりする時に使える「jQuery Shuffle Plugin」をご紹介。 jQueryのプラグインを使用すれば、特定の要素だけランダムで表示できるようになります。 ソースコードは以下 (function($){ $.fn.shuffle = function() { return this.each(function(){ var items = $(this).children(); return (items.length) ? $(this).html($.shuffle(items)) : this; }); } $.shuffle = function(arr) { for( var j, x, i = arr.length; i; j = parseInt(Math.random(
2012年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年目立ったのは、やはりレスポンシブ、そしてCSS3アニメーションでしょうか。 スライダーやギャラリー系もレスポンシブ・アニメーション対応、ナビゲーションやPinterst風のレイアウトなど、多くのプラグインにそれら二つの要素が組み合わさっています。 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関連 背景画像関連 コンテンツスライダー・カルーセル関連 ナビゲーション関連 レイアウト関連 レスポンシブ関連 パネル・ボックス関連 ツールチップ・ティッカー関連 アニメーション関連 エフェクト関連 スクロール操作・スクロールコンテンツ関連 リスト関連 テーブル関連 フォーム関連 テキスト関連 見出し抽出関連 ローディング関連 エレメント・コンテンツ生成 その他 動画関連
【Google Feed APIを使用して、複数のサイトのRSSフィードを取得して更新日順でソート(並び替え)して、さらにそれを「サムネイル付きで」表示する方法】 記事の趣旨はタイトルの通り、「静的ページにブログの最新の更新情報を画像付きで表示する方法」を書いたものです。これを読んでいただいた方の多くから、 「複数のサイトのRSSをこうやってまとめて表示できないかな。サムネイル付きでよ!」みたいな会話が出てきてましたんで、ちょっと調べてみましたが、やり方がありました。結構使えると思いますので、興味がありましたらご参考ください。 2015/12/02追記2015/12/02からGoogle Feed APIが403エラーになって使えない、という方が多いという話を聞いたので、Google Feed APIのページを見ると以下のように書かれていました。 This API is officiall
WordPress のカスタム投稿タイプ、カスタムタクソノミー、カスタムフィールドをまとめて管理できるプラグイン「Types」の日本語ファイルを作ったので公開しておきます。 Types Plugin – WordPress Custom Post Types and Custom Fields WordPress › Types – Custom Fields and Custom Post Types Management « WordPress Plugins このプラグインは 大曲さん (@jim0912) に教えてもらいました。 試してみると結構使いやすそうだと思いました。 が、日本語ファイルはあるものの何故かすごく中途半端だったので、できる範囲を翻訳しておきました。 ダウンロードは以下からどうぞ。 Types 1.0.4 向け日本語ファイル 注意事項など 翻訳ファイルへのパスは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く