2016年4月〜2016年6月の個人的ブックマークです。
2016/04
Development
- Almost complete guide to flexbox (without flexbox) | Kenan Yusuf
- CSS Shapesでテキストを回り込ませるレイアウトを表現 | Webクリエイターボックス
- MaintainableCSS - an approach to writing modular, scalable and maintainable CSS | By Adam Silver
- Modaal is a WCAG 2.0 Level AA accessible modal plugin
- Popper.js
- 360 Degrees Product Viewer in CSS and jQuery | CodyHouse
- Turntable.js : A Responsive JQuery Slider
- SweetAlert2
- Interactive 3D Mall Map | Codrops
- ワイヤーフレームを捨ててHTMLプロトタイプに移行した結果 | sogilog
- オレオレgulpプラグインの作り方 | Firegoby
Design / Inspiration
- 40 Unique Mobile Navigation User Interfaces
- 55 New Excellent Logo Designs For Design Inspiration | InstantShift
- Color Lisa - Color palette masterpieces of the world’s greatest artists.
- A Simple Web Developer's Guide To Color – Smashing Magazine
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
- Free Photos For Commercial Use - Picnshot.com<
- Joy Icon Set (Free Vector & PSD)
- 400 Free Icons of the World
- 56 Awesome Vector Monograms
- Free Flat iMac Mockup (Cinema Display)
- Abyssopelagic - free Personal & Commercial font
- Chart UIkit
- 80's Gadgets – 40 Free Icons
Services / Resources
- Fontea | Google fonts in Photoshop & Sketch, plugin by madebysource
- WordPress 4.5 “Coleman”
- すべての WordPress.com サイトを HTTPS 化 — WordPress.com ニュース
- The best tools for startups, designers, freelancers and more
- インターネットの歴史 History of the Internet - Yahoo! JAPAN
- O RLY Cover Generator
- Powerpuff Yourself
2016/05
Development
- driveway: pure CSS masonry layout aid
- Buttons in Design Systems — EightShapes LLC — Medium
- Webデザイナーに最低限知っておいてほしい、検索と置換(正規表現)|Web Design KOJIKA17
- Animated Transition Effects in CSS and jQuery | CodyHouse
- Distorted Button Effects with SVG Filters | Codrops
- Simple Grid | Lightweight CSS grid for web development
- GitHub - joshbuchea/HEAD: A list of everything that could go in the <head> of your document
- Easy Fullscreen HTML5 Background Video
- Sassを使ったz-indexの管理 - Qiita
- Animated CSS3 Input Checkboxes with - Checkbox.css
- Isometric and 3D Grids | Codrops
Design / Inspiration
- 20 User-Friendly Search Page Designs
- 正解のないデザインについて、それでも正解について考えてみる // Speaker Deck
- Webデザインにおけるタイポグラフィの考察 | Notes | dotgraphy
- Typography: Google Fonts Combinations on Behance
- 10 Fresh Google Fonts Pairings That Work Perfectly Together — Prototyping: From UX to Front End
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
Services / Resources
2016/06
Development
- Yaku Han JP - Qrac GitHub
- Infinite Scrolling Best Practices — UX Planet
- jQuery 3.0 Final Released! | Official jQuery Blog
- jQuery Core 3.0 Upgrade Guide | jQuery
- 【翻訳まとめ】jQuery 3.0 アップグレードガイド - Qiita
- EQCSS • Element Query CSS | Scoped CSS, Meta-Selectors, Element Queries
- anime.js
- Picnic CSS
- gulpのパッケージを管理しやすくするヘルパーモジュールを作成しました。 - Qiita
- 読みやすいREADMEを書く | Yakst
- Particles Animation: 20 Solutions from Codepen | NOUPE
- Pixel Art to CSS
Design / Inspiration
- フリーランスデザイナーの「つくること、はたらくこと」 // Speaker Deck
- 7つの実例で学ぶ「ワイヤーフレーム通り」のデザインから脱却する具体的な方法 | TomoyukiArasuna.com
- 20 Common Typography Mistakes That Designers Make
- 101 best free fonts of 2016, so far | Webdesigner Depot
- 40 Inspiring Typographic Logo Designs
- Gradient & Duotone Design Inspiration | Muzli blog
- How We Lost 47% of Our Users After a Redesign | Icons8
- Particle Love
- Type Terms
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。