2016年1月〜2016年3月の個人的ブックマークです。
2016/01
Development
- 2015: Our Favorite Codrops Resources
- Swiss in CSS
- Top Pens of 2015 on CodePen
- Webサイトを「HTTP」から「HTTPS」へ切り替える際に行う一連の作業をまとめました | 今村だけがよくわかるブログ
- colofilter.css
- jQuery Cards - A hand selected repository of cool jQuery Plugins
- Feature.js
- Pointy Slider in CSS and jQuery | CodyHouse
- Flipster Demo
- 2016 年の WordPress — Medium
- WordPressで「1週間に1回」「30分に1回」など定期実行したいスケジュールを新しく作る方法 | 今村だけがよくわかるブログ
- jQuery 3.0 Beta Released | Official jQuery Blog
- プラグイン公開しました。Post Notifier | 自然体
Design / Inspiration
- Pantone Color of the Year 2016 - Rose Quartz and Serenity
2016年はRose Quartz(ローズクォーツ)とSerenity(セレニティ)に。 - Webデザインの勉強にいい!レイアウトやUIエレメントやカラーの使い方の参考になるStyle Guideのまとめ | コリス
- デザインのディテールへのこだわりが必要な理由 | BLOG | FICC
- グラフィカルに伝えるインフォグラフィックの勉強に最適なデザイン参考サイト20個とツールサイトのご紹介 – YATのBLOG
- 50 Creative Use of Unusual Navigation in Website Design | InstantShift
- Blog Footer Bringing Down Your Site? Get it Right With These 50 Examples – Design School
- mmxv | A review of 2015's best website designs
- Minimalist Color Palettes 2015
- 50 Retro Vintage Logos for Inspiration
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
- Devices — Facebook Design Resources
- FREE Brotherhood font (personal use)
- ELIXIA™ // Free Font
- Audrey | FREE FONT
- Logodust
Services / Resources
2016/02
Development
- Web制作のクオリティを飛躍的に高めるJavaScriptライブラリ10選を一挙公開! - paiza開発日誌
- Flexbox playground
- CSS vs. JS: Selecting Elements
- Sharer.js by ellisonleao
- okayNav jQuery Plugin
- Advanced Search Form in CSS and jQuery | CodyHouse
- Sliding Panels Template in CSS and jQuery | CodyHouse
- Icon Animations Powered by mo.js | Codrops
- ALL ANIMATION CSS3
- Bulma: a modern CSS framework based on Flexbox
- このWebサイトを作ったのは私だと主張するためのスタッフロールを流せるjQueryプラグインを作った|WEB Drawer
Design / Inspiration
- Essential design trends, February 2016 | Webdesigner Depot
- LOL Colors - Curated color palette inspiration
- Navigation Inspiration For Mobile User Interfaces - 57 Designs
- デザインの参考にしたい!今っぽい見出しデザインまとめ18選 | 株式会社LIG
- Logo Design Trends You Can Follow In 2016 | InstantShift
- How designers worked in 2015? / 和訳:角丸と矩形はどっち? ベタ塗りとストロークとシャドウは? やっぱりHelveticaなの? -2015年Webデザイナーの実情を調査 | コリス
- Responsive web design: What the Internet looks like in 2016 – Design School
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
2016/03
Development
- Webサイトに華やかな表現を! HTML5用パーティクルライブラリ「ParticleJS」を公開 - ICS MEDIA
- Intro.js - Step-by-step guide and feature introduction for your website
- Hamburgers by Jonathan Suh
- superplaceholder.js - super charge your input placeholders
- CSS設計の類はもっとカスタムデータ属性を活用するべきでは - Qiita
- 埋め込んだTweetを簡単に中央寄せ表示する方法 – Rriver
- 今どきの入力フォームはこう書く! HTMLコーダーが抑えるべきinputタグの書き方まとめ - ICS MEDIA
- Imagehover.css - A Pure CSS Image Hover Library | imagehover.css
- Grd - A CSS grid framework using Flexbox
- 2016年版 フロントエンド開発フォーマット
- 15 CSS Mobile Header Animations | Simbyone.com
- なぜタイポグラフィにおいてVertical Rhythm(バーティカルリズム)は重要な手法なのか? | デザイン | POSTD
- [CSS]Media Queriesで使う単位はpx, Em, Remのどれが適しているか検証 -px指定は注意が必要 | コリス
- [CSS]レスポンシブ対応の文字サイズを指定するこれからのテクニック | コリス
Design / Inspiration
- The Seven Best Strategies For Using Photos in Web Interfaces
- 印象的なビビッドカラーのWebサイトまとめ | Webクリエイターボックス
- 404 Page Inspiration | Muzli blog
- 15 Free Admin Dashboard Templates (Photoshop & Sketch)
- Flag Stories
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
- Dripicons v2: 200 free icons including webfont
- 1,000 Free Mini Icons Pack - Squid Ink Professional Web Icons
- Printable device sketch sheet templates for UI & UX designers
- Magic brush Photoshop (ABR)
- Doodle Arrows Icons set Free PSD