Dedicated to JavaScript and its awesome community since 2015
![302 - JS.ORG](https://cdn-ak-scissors.b.st-hatena.com/image/square/75d558f09c4c1c3298c076fcdc2a0d0922ba8467/height=288;version=1;width=512/https%3A%2F%2Fjs.org%2Fico%2F512.png)
Dedicated to JavaScript and its awesome community since 2015
WEBデザインにおけるセオリーの定番はいくつかある。 規則・不規則、動線・導線、配色、利便性、アクセシビリティ考慮や、人間工学に基づく動作設計。 挙げるとキリが無いので、ぜひこの記事を書いた発端である「Webデザインセオリー Advent Calender 2015」にきっと有用な記事がこれからたくさん挙がるので乞うご期待! 僕個人として、セオリーと聞いて先ず一番に思ったのは OS・ブラウザ・デバイスに対する適切な設計 デザインツールや紙の上だけでデザインすると、どうしても抜けるところが出てくるので、やはりPCやスマフォ実機テストやプロトタイプテスト、出来るだけ本番に近いサーバ環境でのテストサイト構築がWEBデザインでも重要なのは変わらないところ。 気をつけたいポイント OSやブラウザそのものが持っている動作を損なわないこととか。 PCだったら、スクロールや右クリック、マウス
BootcardsはBootstrapの為のカード型UIフレームワークです。カード型UIとは最近TwitterやGoogle等が提唱し始めたスタイル(?)です(参照:Twitterカード、Google Now カード)。今まで普通に触れていたUIに名前が付いただけのような気もしますが・・w カードUIに関しては Inside Intercomで記事が書かれていたので合わせてご参照下さい。このカードUIにBootstrapで対応出来るようにする、というUIフレームワークになります。モバイルとタブレットファーストな印象で個人的には割と好きでした。ライセンスはMITとの事。 Bootcards動作サンプル
LOTUS303: Situs Judi Slot Online Terbaik & IDN Slot Gacor Terpercaya LOTUS303 merupakan situs judi slot online terbaik dan terpercaya no 1 di Indonesia yang menawarkan game slot gacor gampang menang jackpot slot maxwin. Kami juga menyediakan pilihan taruhan judi online uang asli seperti judi bola, idn live, casino online, tembak ikan, domino, idn poker online terbaik mencakup seluruh bidang permai
Flowchart Maker and Online Diagram Software draw.io is free online diagram software. You can use it as a flowchart maker, network diagram software, to create UML online, as an ER diagram tool, to design database schema, to build BPMN online, as a circuit diagram maker, and more. draw.io can import .vsdx, Gliffy™ and Lucidchart™ files . Loading... Please ensure JavaScript is enabled.
無料で利用することが出来る日本語フォントを 50種類ご紹介します。 ゴシック系、丸ゴシック系の日本語フォントから 毛筆系や明朝系など、良質な日本語フォントを まとめてみました。 基本的には、個人・商用利用OKの日本語フリーフォントを ご紹介しておりますが、フォントをご利用の際は必ずライセンスや利用規約など それぞれのフォント製作者のページでご確認下さい。 ※追記:2016/1/5 「2016年版!無料の日本語フォント80種」も是非合わせてお読み下さい。 ※追記:2016/1/20 「2016年版!欧文フリーフォント50種」も是非合わせてお読み下さい。 ゴシック系の日本語フォント M+ FONTS ⇒ M+ FONTS 【個人◯ 商用◯】 直線処理と柔らかな曲線の対比が特徴的なゴシック体フォントです。 さざなみゴシック ⇒ さざなみゴシック 【個人◯ 商用◯】 「東風フォント」の代替フォント
最近よくお問い合わせをいただく当ブログに設置しているオリジナルのSNSボタン8種類の全コードをご紹介します。コードはコピペでOK!STINGER5への設置方法も説明します。 シェアボタンのコードはツイッター、フェイスブック、グーグルプラス、はてなブックマーク、LINE、Pocket、RSS、feedlyの8種類です。RSSはSNSなのか!?という突っ込みはスルーでお願いします。 【WordPress】オリジナルSNSボタン設置方法!スマホ用シェア数つきSNSアイコンも公開 – ゆめぴょんの知恵 こちらの記事は公開時より年月が経過しており内容が古くなっている可能性があります。この記事で紹介しているソースコードの使用や、phpコードの書き換えは自己責任でお願いします。 プラグイン【SNS Count Cache】でシェア数を取得する プラグイン【SNS Count Cache】を利用するとシェ
Bootstrap-checkbox ON/OFF形式のiOSっぽいチェックボックスが実装できるBootstrapプラグイン。 スマホサイトでも使いやすそうですし、スマホに慣れたユーザの人にはこのUIの方が一般的な時代なのかも 関連エントリ Bootstrapなサイトで使えそうなカラーピッカー「jQuery MiniColors」 Bootstrap用の星型レーティング実装「Bootstrap Star Rating」 BootstrapのDropdownを使うなら必ず知っておきたい「Bootstrap Enhancement Dropdowns」 Bootstrapのポップアップを強化する「WebUI Popover」 Bootstrapのように多数のコンポーネントが詰まったUIツールキット「Titon Toolkit」 Bootstrap標準のModalを進化させた「Bootstrap
TOP > Design > 秀逸なデザイン・機能のGUIテンプレート集「Top 50 Web & Mobile GUI Templates from 2014」 webサイトやモバイルサイトの制作に便利なテンプレート。すでに精度の高いデザインとして完成されているので、使用するだけでハイクオリティなデザインに仕上げることができます。今回はそんな秀逸なデザイン・機能のGUIテンプレート集「Top 50 Web & Mobile GUI Templates from 2014」を紹介したいと思います。 Dribbble – Diagram Template .Sketch File by ismail köse いろいろなテイスト・種類のGUIテンプレートがまとめられており、どれもすぐに使ってみたくなるものばかり。いくつか気になったものをピックアップしましたので、下記よりご覧ください。
こんにちは、デザイナーのモモコです。 新オフィスに引っ越してから、いろいろな人のお手製ご飯が食べられて嬉しい今日この頃です。 今回は、セクションごとにスタイリッシュな切り替えができる固定ヘッダーを簡単に設置できるJavaScript「On Scroll Header Effects」を紹介します。 公式ページはこちら: https://tympanus.net/codrops/2013/07/16/on-scroll-header-effects/ デモ まずは、下記リンクからデモをご覧ください。 https://211.125.65.24/demo/2013/10/effect/ ※現在はサービスを終了しています。 実装手順 使用するのは「jQquery」と「waypoints.js」の2つです。 まずはHTMLとCSSを用意します。 CSSの読み込み <link rel="styles
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く