心地よã„UIã®æ¸©åº¦ - 言葉ã¨æ°—é£ã„ã§é«˜ã‚ã‚‹UI -
1. OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. Speaker No.4 / KAYAC inc. 割石 裕太 2. 割石 裕太 KAYAC inc. Designer (2012.4 - ) 自己紹介 @KAYAC inc. OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 3. @wariemon Art Direction & Web / App / Blanding / Logo Design OH : http://wariemon.com 自己紹介 @OH (Personal
見やã™ã„プレゼン資料ã®ä½œã‚Šæ–¹ - リニューアル増é‡ç‰ˆ
書ç±åŒ–ã—ã€12万部çªç ´ã—ã¾ã—ãŸã€‚ ã€SlideShare広告回é¿ç”¨ã€‘ https://www.docswell.com/s/morishige/K3MXPZ-howtodesignslides ・PDFã¯ç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ ・自己å¦ç¿’や勉強会ãªã©ã®ç›®çš„ã§ã—ãŸã‚‰ã”自由ã«ãŠä½¿ã„ã„ãŸã ã‘ã¾ã™ ・授æ¥ãƒ»ç ”ä¿®ã¸ã®åˆ©ç”¨ã¯ãƒ•ã‚©ãƒ¼ãƒ ( https://forms.gle/WwgXTT974xFW78mFA )ã«ã”å ±å‘Šãã ã•ã„ ・記事ã¸ã®å‚考資料ã«ã™ã‚‹éš›ã¯é©åˆ‡ãªå‡ºå…¸æ˜Žè¨˜ã‚’ãŠé¡˜ã„ã„ãŸã—ã¾ã™ ã€ä½¿ã£ã¦ã„るフォントã«ã¤ã„ã¦ã€‘ M+フォント「MigMix1Pã€ã§ã™ã€‚ã“ã¡ã‚‰ã‚‚メイリオåŒæ§˜ãŠã™ã™ã‚ã§ã™ã€‚ フリーã§ä½¿ãˆã¾ã™ã€‚ ã€å€‹äººHP】 > https://mocks.jp > 仕事ã®ã”ä¾é ¼ã¯ã“ã¡ã‚‰ã‹ã‚‰ ã€æ›¸ç±æƒ…å ±ã€‘ デザイン入門：https://amzn.asia/d/4WDsTI6 デザイン図鑑：https
LINE Creators' Talk! for ã¾ã«ã¾ã«ãƒ•ã‚§ã‚¹ãƒ†ã‚£ãƒãƒ« P3
2014.10.04 ã¾ã«ã¾ã«ãƒ•ã‚§ã‚¹ãƒ†ã‚£ãƒãƒ« P3（ã¾ã«ãƒ•ã‚§ã‚¹ï¼‰ã§ä½¿ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã€‚ LINE Creators Market ã§ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºã‚¹ã‚¿ãƒ³ãƒ—を作ã£ã¦è²©å£²ã—ãŸã“ã¨ã®ãŠè©±ã§ã™ã€‚å‰åŠã¯å˜ç‹¬ã‚»ãƒƒã‚·ãƒ§ãƒ³ã€å¾ŒåŠã¯ã‚¹ã‚¿ãƒ³ãƒ—クリエイターã•ã‚“3人を交ãˆã¦ã®ãƒˆãƒ¼ã‚¯ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ãŠé€ã‚Šã—ã¾ã—ãŸã€‚
WordCamp Kansai 2014デザイナーãŒæ„Ÿã˜ãŸâ€œGPLâ€ã¨WordPress
WordCamp Kansai 2014ã§ç™ºè¡¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ ã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã®å†…容ã¯WordPress ソフトウェアã¨åŒæ§˜ã€ã€ŒGPL ãƒãƒ¼ã‚¸ãƒ§ãƒ³2 ã¾ãŸã¯ãれ以é™ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€ã§è‡ªç”±ã«ä½¿ç”¨ã„ãŸã ã‘ã¾ã™ã€‚ 19P「ã‚ã·ãƒ¼ã€ã®è‘—作権ã¯ä½œè€…ã®ã‚«ãƒã‚¦ãƒã‚«ã‚ºã‚³ã•ã‚“ã«å±žã—ã¾ã™ã€‚ http://ja.wordpress.org/about-wp-ja/wapuu/ スライドã®å…ƒãƒ‡ãƒ¼ã‚¿ï¼šhttps://github.com/WordCampKansai2014/slide_data/tree/master/designer_GPL It is a slide that was presented at WordCamp Kansai 2014. As with WordPress software, you can freely use in "or a later version of the GPL
個人ã®å†™çœŸç´ æサイトを支ãˆã‚‹é‹ç”¨ãƒ«ãƒ¼ãƒ«ã¨è£å´ã®è©±ï¼MTæ±äº¬ãƒ¬ãƒ“ュー - ã™ã—ã±ãã®æ¥½ã—ã‘ã‚Œã°ã„ã„ã®ã§ã™ã€‚
公開日：2014å¹´5月26æ—¥ カテゴリ：ã±ããŸãインフォメーション ã±ããŸãåˆã‚»ãƒƒã‚·ãƒ§ãƒ³ in MTæ±äº¬ ãŒç„¡äº‹ã«çµ‚ã‚ã‚Šã¾ã—ãŸãƒ¼ã€‚(‘A’) ã¨è¨€ã£ã¦ã‚‚ã€åƒ•ã¯ä½•ã‚‚ã—ã¦ã„ãªã„ã‚“ã§ã™ãŒã。 テクニカルディレクターã®Yuuã•ã‚“ã¨åºƒå ±ã®å¤§å·ã•ã‚“ãŒç™»å£‡ã—ã¦ãã‚ŒãŸãŠã‹ã’ã§å¤§ç››æ³ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã¨ãªã‚Šã¾ã—ãŸã€‚ 申込者100åã€ãã®ä¸ã§ç™ºè¡¨ã—ãŸå†…容ã¨æ„Ÿæƒ³ã‚’記事ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ãœã²èªã‚“ã§ãã ã•ã„。 ã€MTæ±äº¬-02】Movable TypeケーススタディVol.2 - MTæ±äº¬ | Doorkeeper ã±ããŸãåˆã‚»ãƒƒã‚·ãƒ§ãƒ³ 先日ã€ã†ã¡ã®ãƒ–ãƒã‚°ã§ã‚‚ã”紹介ã—ãŸã‚ˆã†ã«ã€ 5/23 ã±ããŸãåˆã‚»ãƒƒã‚·ãƒ§ãƒ³ï¼é‹ç”¨ãƒ«ãƒ¼ãƒ«ã¨è£å´ã®è©±ã‚’ã—ã¾ã™ã€‚ 今回ã®åˆã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã¯Google社ã®ä¸ã®äººã‚„ã€Sixapart社 ã®å‰ã„人é”ã®å‰ã§ã€å€‹äººã‚µã‚¤ãƒˆã§ã‚ã‚‹ã†ã¡ãŒç™»å£‡ã™ã‚‹ã“ã¨ã«ãªã£ã¦ã„ã¾ã™ã€‚オファーãŒã‚ã£ãŸæ™‚ã€ã€Œã†ã¡ã§æœ¬å½“ã«ã„ã„ã‚“ã§ã™ã‹ï¼Ÿ
ç”»åƒç‰ã‚’回転ã—ã¦è¦‹ã›ã‚‹äº‹ãŒã§ãã‚‹jQueryプラグイン-Roundabout
リストã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ãŸè¦ç´ ã‚’ãã‚‹ãる回転ã•ã›ã¦è¦‹ã›ã‚‹äº‹ãŒã§ãã‚‹JQueryã®ãƒ—ラグインã€Roundaboutを使ã£ã¦ã¿ã¾ã—ãŸã€‚ 「サンプルã€ã‚‚作りã¾ã—ãŸã€‚ スタンダードã§ã¯è¦ç´ ãŒå¥¥è¡ŒããŒã‚るよã†ã«ãã‚‹ãる回転ã—ã¾ã™ãŒã€ã‚ªãƒ—ションã§3Dã®ã‚ˆã†ã«å›žè»¢ã•ã›ãŸã‚Šã€è¦ç´ ã®ã¾ã‚りを回転ã•ã›ãŸã‚Šã¨ã„ã‚ã‚“ãªãƒ‘ターンã§å›žè»¢ã—ã¦è¦‹ã›ã‚‹äº‹ãŒã§ãã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ ダウンãƒãƒ¼ãƒ‰ï¼šfredleblanc/roundabout · GitHub 使ã„æ–¹ スタンダード htmlã¯ulã®ãƒªã‚¹ãƒˆå½¢å¼ã§è¨˜å…¥ã—ã€å›žè»¢ã•ã›ãŸã„ã‚‚ã®ã‚’liã®ä¸ã«è¨˜å…¥ã—ã¾ã™ã€‚ cssã¯ulã®æ¨ªå¹…（回転ã™ã‚‹ãƒœãƒƒã‚¯ã‚¹ãŒä¸¦ã‚“ã 横幅より少ã—大ãã„ãらã„ã®ã‚µã‚¤ã‚ºï¼‰ã¨ã€liã®æ¨ªã¨ç¸¦ã®ã‚µã‚¤ã‚ºã‚’指定ã—ã¾ã™ã€‚ ヘッド内ã§jQuery本体ã¨ãƒ—ラグインファイルをèªã¿è¾¼ã¿ã¾ã™ã€‚ <script type="text/javascript" src="https://aj
ã€ãƒ—レゼン】見やã™ã„プレゼン資料ã®ä½œã‚Šæ–¹ã€åˆå¿ƒè€…用】
プレゼンテーションã®ã‚¹ãƒ©ã‚¤ãƒ‰è³‡æ–™ã‚’作る上ã§æŠ¼ã•ãˆã¦ãŠããŸã„基本をã¾ã¨ã‚ã¾ã—ãŸï¼Ž 多分ã“ã‚ŒãŒslideshare内ã§ä¸€ç•ªå½¹ã«ç«‹ã¤ã¨æ€ã„ã¾ã™ï¼Ž スライドã®ä½œã‚Šæ–¹ã‚’å¦ã‚“ã ã“ã¨ãŒãªã„æ–¹ã€å‚考ã«ã©ã†ãžï¼ 2016.01.22 書ç±ç™ºå£²ã€€å¥½è©•ã«ã¤ãé‡ç‰ˆæ±ºå®šï¼ï¼ http://book.impress.co.jp/books/1114101129 リニューアル増é‡ç‰ˆ http://www.slideshare.net/yutamorishige50/ss-41321443 2014.11.9アップãƒãƒ¼ãƒ‰ï¼ ã€é€£çµ¡å…ˆç‰ã€‘ Yuta Morishige Webサイト: https://mocks.jp/ ※旧タイトル ã€ãƒ—ãƒ¬ã‚¼ãƒ³ã€‘ç ”ç©¶å®¤ç™ºè¡¨ã®ãƒ—レゼン資料ã®ä½œã‚Šæ–¹ã€åˆå¿ƒè€…用】Read less
Webデザイナーã®ãŸã‚ã®ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°åŸºç¤Žè¬›åº§
Webデザイナーã®ãŸã‚ã®ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°åŸºç¤Žè¬›åº§ 1. Webデザイナーã®ãŸã‚㮠マーケティング基礎講座 Marketing Basic Course for Web Designers 2. ∼自己紹介∼ åå‰ï¼š 枌谷 力（ããŽãŸã« ã¤ã¨ã‚€ï¼‰ 所属： æ ªå¼ä¼šç¤¾ãƒ™ã‚¤ã‚¸ è·æ¥ï¼š 代表ï¼ãƒ—ãƒãƒ‡ãƒ¥ãƒ¼ã‚µãƒ¼ï¼ã‚¢ãƒ¼ãƒˆãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ ç•¥æ´ï¼š 立教大å¦æ–‡å¦éƒ¨å²å¦ç§‘å’。1997年∼2001å¹´ã¾ã§æ ªå¼ä¼šç¤¾ NTTデータã§ã‚³ãƒ³ã‚µãƒ«å–¶æ¥ã«å¾“事。ãã®å¾Œã€Webæ¥ç•Œã«è»¢ è·ã€‚Webデザイナー/Webディレクターã¨ã—ã¦6年間制作 会社ã§WebデザインやWebビジãƒã‚¹ã®æ案æ¥å‹™ã«æºã‚る。 2007å¹´ã«ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã¨ã—ã¦ç‹¬ç«‹ã€‚2010å¹´ã«æ ªå¼ä¼šç¤¾ãƒ™ イジè¨ç«‹ã€‚ç¾åœ¨ã«è‡³ã‚‹ã€‚ Copyright©baigie inc. All rights reserved. 3. ∼本講義ã®ã‚´ãƒ¼ãƒ«âˆ¼ “マーケティング視点â€ã§ デザインãŒè¦‹ã‚Œã‚‹ã‚ˆ
デザインã§ä½¿ã†ã€Œè‰²ã€ã«ã¤ã„ã¦è€ƒãˆã‚ˆã† Web touch meeting #66
1. 26 April 2014 Aika Kohama | Web Touch Meeting #66 Think about a color 2. 1. ã„ã‚ã„ã‚ãªè‰²ã®è¦‹ãˆæ–¹ 2. 色覚ã®ç¨®é¡ž 3. カラーユニãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ 4. 実際ã«æ°—ã‚’ã¤ã‘ãŸã„ã“㨠5. ã“ã‚Œã‹ã‚‰å¿…è¦ãªã“㨠6. ã•ã„ã”ã« Today I’ll talk about… 今日ãŠè©±ã™ã‚‹ã“ã¨ä»Šæ—¥ãŠè©±ã™ã‚‹ã“ã¨
ページ背景をフルスクリーンã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã«ã™ã‚‹jQueryプラグインを作ã£ã¦ã¿ãŸã€‚（CSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã®ã¿ã§å®Ÿç¾ï¼‰ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ページ背景をフルスクリーンã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã«ã™ã‚‹jQueryプラグインを作ã£ã¦ã¿ãŸã€‚（CSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã®ã¿ã§å®Ÿç¾ï¼‰ デモページ　ダウンãƒãƒ¼ãƒ‰â†“ ã“ã‚“ã°ã‚“ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®Oã§ã™ã€‚ ã¾ãšã¯ãƒ‡ãƒ¢ã‚’ã©ã†ãžáƒš(╹◡╹ლ)。 先日ã€ã€Œãƒšãƒ¼ã‚¸èƒŒæ™¯ã«ç”»åƒã‚’フルスクリーンã§è¡¨ç¤ºã•ã›ã¦ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’æµã™ã€ã¨ã„ã†æ¡ˆä»¶ãŒã‚ã‚Šã¾ã—ãŸã€‚ ã“ã‚Œã®å®Ÿè£…ã§ã™ãŒã€ã¾ã£ã•ãã«è€ƒãˆãŸã®ã¯ã‚„ã¯ã‚ŠjQueryプラグインã§ã—ãŸã€‚ ã“ã®æ‰‹ã®ãƒ—ラグインãªã‚‰æŽ¢ã›ã°ãã“らä¸ã«ã”ã‚ã”ã‚転ãŒã£ã¦ã‚‹ã—ã€ã‚ã¾ã‚Šæ–°é®®å‘³ãŒæ„Ÿã˜ã‚‰ã‚Œãªã„ã¨ã„ã†ã‹ãƒ»ãƒ» ã¨ã“ã‚ãŒã€ã„ã¤ã‚‚ã®ã‚ˆã†ã«ãƒ—ラグインã‚ã•ã‚Šã—ã¦ãŸã‚‰ã€ã“ã‚“ãªé¢ç™½ã„記事ãŒç›®ã«ç•™ã¾ã£ãŸï¼ Fullscreen background image slideshow with CSS3 ã“ã‚Œã€CSS3ã®ã¿ã§ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’作るã¨ã„ã†è©¦ã¿ã§ã™ãªï¼åƒ•çš„ã«ã¯çµæ§‹é¢ç™½ãã¦ã€ç‰¹ã«ä¸‰ç•ªç›®ã®ãƒ‡ãƒ¢ã€èƒŒæ™¯
プレゼン用ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’実装ã™ã‚‹ã€ã‚ãšã‹1KBãªã®ã«å¤šå½©ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å‚™ãˆã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã«ã‚‚対応ã—ãŸã‚¹ã‚¯ãƒªãƒ—ト -Bespoke.js
コンカーブ 凹状ã«é…ç½®ã—ãŸãƒ‘ãƒãƒ«ã‚’スライドã—ã¾ã™ã€‚ Bespoke.jsã®ä½¿ã„æ–¹ スライドショーã®å®Ÿè£…ã¯ç°¡å˜ã§ã€3ステップã§ã™ã€‚ Step 1: HTMLã¨å¤–部ファイル スタイルシートã¨ã‚¹ã‚¯ãƒªãƒ—トを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã€å„パãƒãƒ«ã¯sectionè¦ç´ ã§å®Ÿè£…ã—ã€articleã§åŒ…ã¿ã¾ã™ã€‚ スタイルシートã¯ãƒ†ãƒ¼ãƒžã”ã¨ã«å¤‰æ›´ã—ã¾ã™ã€‚ <link rel="stylesheet" href="path/to/my/theme.css"> <article> <section>Slide 1</section> <section>Slide 2</section> <section>Slide 3</section> </article> <script src="bespoke.min.js"></script> <script src="path/to/my/script.js"></scri
ã²ã¨ã‚Šã§Web制作ã§ããŸï¼Webデザインã®å‹‰å¼·ã«ã‚‚ãªã‚‹ç‹¬å¦ã€Œã‚¹ãƒ©ã‚¤ãƒ‰ã€ç·ã¾ã¨ã‚
作æˆï¼š2014/02/24 更新：2016/06/30 Webデザイン > デザインã®æµã‚Œã‚„基本的ãªãƒ•ãƒãƒ¼ãªã©ã‚’勉強ã—ã¦ãŠãã ã‘ã§ã‚‚効率ãŒè‰¯ããªã‚‹ã—ã€èµ·æ¥ã®éš›ã«ã‚‚å½¹ã«ç«‹ã¤ã¨æ€ã„ã¾ã™ã€‚デザイナーã•ã‚“ã«ã‚‚ã£ã¨ãƒ‡ã‚¶ã‚¤ãƒ³åŠ›ã‚’上ã’ãŸã„ã¨è¨€ã‚ã‚ŒãŸã®ã‚‚ã‚ã‚Šã€ä»Šå›žã¯åˆ¶ä½œãƒ•ãƒãƒ¼ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãã®ä»–ã®çŸ¥è˜ã‚’å¦ã¹ã‚‹ã‚ˆã†ã«ã€å‡ºæ¥ã‚‹ã ã‘制作フãƒãƒ¼ã«ãã£ã¦ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚膨大ãªé‡ã«ãªã£ãŸã®ã§ç°¡æ½”ã«ã—ã¦ã„ã¾ã™ã€‚å…¨ã¦ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚
発表スライドã«ã¤ã„ã¦ã®ãƒ«ãƒ¼ãƒ«
å¦ä¼šã€å’æ¥ç ”究ç‰ã®ç™ºè¡¨ä¼šã§ã®ãƒ—レゼンテーションを念é ã«ã€å®ˆã£ãŸã»ã†ãŒã„ã„（ã¨ã¼ããŒè€ƒãˆã‚‹ï¼‰ã”ã基本的ãªãƒ«ãƒ¼ãƒ«ã‚’ã¾ã¨ã‚る。 物ç†ã«è¿‘ã„分野ã§ã®ç™ºè¡¨ã‚’想定ã—ã¦ã„ã‚‹ãŒã€ãŠãらãã»ã¨ã‚“ã©ã®ã‚¸ãƒ£ãƒ³ãƒ«ã«ã‚ã¦ã¯ã¾ã‚‹ã€‚ ã‚‚ã¡ã‚ã‚“ã€ã™ã¹ã¦ã®ç ”究者ãŒä»¥ä¸‹ã®ãƒ«ãƒ¼ãƒ«ã®ã™ã¹ã¦ã‚’実践ã—ã¦ã„ã‚‹ã‚ã‘ã§ã¯ãªã„。 ã—ã‹ã—ã€ãƒ—レゼンテーションã«ã¤ã„ã¦çœŸå‰£ã«è€ƒãˆã‚Œã°ã€å¤šãã®ãƒ«ãƒ¼ãƒ«ã«è³›åŒã—ã¦ã‚‚らãˆã‚‹ã¯ãšã ã¨ä¿¡ã˜ã¦ã„る。 ã“ã“ã§ã¯ã€ã‚ˆã„発表をã™ã‚‹ãŸã‚ã®å¿ƒãŒã‘や考ãˆæ–¹ã«ã¯ï¼ˆã»ã¨ã‚“ã©ï¼‰è§¦ã‚Œã¦ã„ãªã„。ãã‚Œã¯ã¾ãŸåˆ¥ã«æ›¸ãã¹ãã ã‚ã†ã€‚ ã¾ãŸã€å®Ÿéš›ã«ï¼ˆPowerPoint ã‚„ Keynote ãªã©ã®é“具を使ã£ã¦ï¼‰ã„ã‹ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’作るã‹ã¨ã„ã†ã“ã¨ã«ã¯å…¨ã触れã¦ã„ãªã„。ã“ã‚Œã«ã¤ã„ã¦çœã¿ã‚‹ã«ã€ã¼ã自身ãŒå®Ÿéš›ã®ã‚¹ãƒ©ã‚¤ãƒ‰ä½œæˆã«ã¤ã„ã¦ã¯ç¢ºå›ºãŸã‚‹ãƒŽã‚¦ãƒã‚¦ã‚’æŒãŸãšã€ãã®å ´ãã®å ´ã§ãªã‚“ã¨ãªã作ã£ã¦ããŸãŸã‚ã€äººã«ã—ã£ã‹ã‚Šã¨ä¼ãˆã‚‰ã‚Œã‚‹ã“ã¨ãŒãªã„ã®ã ã¨è‡ªè¦šã—ãŸã€‚ スラ
2時間ã§Sassã‚’ç¿’å¾—ï¼Sassåˆå¿ƒè€…å‘ã‘è¬›ç¿’ã‚¹ãƒ©ã‚¤ãƒ‰å¤§å…¬é–‹ï¼ | WebNAUT by Beeworks
※ã“ã®è¨˜äº‹ã¯2014å¹´2月4æ—¥ã«åŸ·ç†ã•ã‚ŒãŸè¨˜äº‹ã§ã™ã€‚ç¾åœ¨ã¯ä»•æ§˜ãŒç•°ãªã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ CSSを効率的ã«æ›¸ã‘る言語ã¨ã—ã¦æ˜¨ä»Šè©±é¡Œã®Sass。 ã“ã‚Œã‹ã‚‰å°Žå…¥ã‚’ãŠè€ƒãˆã®æ–¹ã«å‘ã‘ã¦2時間ã§ãƒžã‚¹ã‚¿ãƒ¼ã§ãã‚‹åˆå¿ƒè€…å‘ã‘ã®Sass講習スライドを公開致ã—ã¾ã™ã€‚ 普段CSSを書ã人も書ã‹ãªã„人もSassãŒã©ã†ã„ã†ã‚‚ã®ã‹ã‚’知る良ã„機会ã§ã™ã®ã§ã€æ˜¯éžã”覧ãã ã•ã„。 スライドã«æ²¿ã£ã¦å®Ÿè·µã™ã‚Œã°Sassã®åŸºæœ¬ã‚’çŸæ™‚é–“ã§ãƒžã‚¹ã‚¿ãƒ¼ã§ãã¾ã™ï¼ ã“ã®è¬›ç¿’ã§ã¯ç›®ã§è¦‹ã‚‹ã‚ˆã‚Šã‚‚実際ã«è§¦ã‚Œã‚‹äº‹ã§ç†è§£ãŒæ·±ã¾ã‚‹ã‚ˆã†ã€å®Ÿç¿’スタイルをå–ã£ã¦ã„ã¾ã™ã€‚ 実習ã«ä½¿ã†ãƒ•ã‚¡ã‚¤ãƒ«ã‚»ãƒƒãƒˆã¯ã“ã¡ã‚‰ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ä¸Šè¨˜ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã¨åˆã‚ã›ã¦ãŠä½¿ã„ãã ã•ã„。 https://webnaut.jp/download/markup_140204/sass.zip（3.5MB） Sassã®è‰¯ã•ã‚’æ´»ã‹ã™ãŸã‚ã«ã¯ã€ãƒãƒ¼ãƒ 全員ãŒSassã‚’ç†è§£ã™ã‚‹ã“ã¨ãŒå¤§åˆ‡ Sass
HTML5時代ã®Webデザイナー ã“ã‚Œã‹ã‚‰ã®ç”Ÿãã‚‹é“ - HTML5 Conference 2013 in Gifu
HTML5 Conference 2013 in Gifuã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒˆãƒ©ãƒƒã‚¯ã§è¡Œãªã‚ã‚ŒãŸã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚¹ãƒ©ã‚¤ãƒ‰ã€‚ アプリデザインã«ã¤ã„ã¦ã®è¬›æ¼”。Read less
iQONã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã«ã¤ã„ã¦ç™ºè¡¨ã—ã¦ãã¾ã—㟠| VASILY DEVELOPERS BLOG
ã¯ã˜ã‚ã¾ã—ã¦ã€VASILYデザイナーã®ã“ã‚“ã§ã™ã€‚ 今ã¾ã§ã¯ã€ŒTech Blogã€ã¨ã—ã¦ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é™£ã§æŠ€è¡“çš„ãªç™ºä¿¡ã‚’ã—ã¦ãã¦ã„ãŸã®ã§ã™ãŒã€ デザイン的ãªç™ºä¿¡ã‚‚ã—ã¦ã„ã‘ã‚‹å ´æ‰€ã‚’è¨ã‘ãŸã„ã¨ã„ã†ã“ã¨ã«ãªã‚Šã€ 「Developers Blogã€ã¨æ”¹åã—ã€ã‚ãŸãã—ã‚ãŒç´…一点()ã¨ã—ã¦åŠ ã‚ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ 今回ã®è¨˜äº‹ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦ã®ç°¡å˜ãªç´¹ä»‹ã¨ãªã‚Šã¾ã™ãŒã€ ã“ã‚Œã‹ã‚‰æœ‰æ„義ãªæƒ…å ±ã‚’ãŠå±Šã‘ã§ãるよã†ã«ã—ã¾ã™ã®ã§ã€ よã‚ã—ããŠé¡˜ã„ã—ã¾ã™ï¼ 先週ã®è©±ã«ãªã‚Šã¾ã™ãŒã€11/20ã«ã‚¢ãƒ—リやWebサービスã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’対象ã«ã—㟠Designers meetup Vol.2ã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ VASILYã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯ç¾åœ¨ 常é§ç§ï¼‘人ã¨ã€ã‚¢ãƒ«ãƒã‚¤ãƒˆ3人ã§å›žã—ã¦ã„ã¦ã€ 普段ã¯ã€ç¤¾å†…ã®äººé–“ã¨ã—ã‹è©±ã•ãªã„ãŸã‚〠他社ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã¨èµ¤è£¸ã€…ãªè©±ã§ç››ã‚Šä¸ŠãŒã£ãŸã‚Šã€ 自社サービスをやã£ã¦ã‚‹
[JS]1ページã§æ§‹æˆã•ã‚ŒãŸã‚µã‚¤ãƒˆã«è±Šå¯Œãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„をスライドã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Slideme
動作を簡å˜ã«èª¬æ˜Žã™ã‚‹ã®ãŒé›£ã—ã„ã®ã§ã™ãŒã€1ページã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’åž‚ç›´ã«è¤‡æ•°é…ç½®ã—ã€ãã®å„コンテンツをãã‚Œãžã‚Œæ°´å¹³ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«ã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ IE7もサãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ã‚ˆã€‚ Slideme Slidemeã®ç‰¹å¾´ã¨ãƒ‡ãƒ¢ Slidemeã®ä½¿ã„æ–¹ Slidemeã®ç‰¹å¾´ã¨ãƒ‡ãƒ¢ デスクトップ・スマフォ・タブレットã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応 フルスクリーンã«å¯¾å¿œ CSS3アニメーション（IE7互æ›ï¼‰ 実装ãŒç°¡å˜ カスタマイズもå¯èƒ½ マルãƒã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ ページã®éšæ‰€ã«ã“ã®SlidemeãŒä½¿ç”¨ã•ã‚Œã¦ãŠã‚Šã€ã¾ãšã¯ãƒ‰ã‚ュメントã§ä½¿ç”¨ã•ã‚Œã¦ã„る動作を見ã¦ã¿ã¾ã™ã€‚
ズルã„デザインテクニック2013 + セミフラット version
[大阪] プãƒã‚°ãƒ©ãƒžãƒ¼å‘ã‘デザイン勉強会ã§ç™ºè¡¨ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ http://connpass.com/event/3086/ --- [ã‚ã‚ã›ã¦èªã¿ãŸã„] KSSã§ä½œã‚‹ãƒ‘ターンライブラリ by @machida https://speakerdeck.com/machida/k…
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://cssnite-aomori.net/slide/vol10/CSSNiteAomori10-session4-mashiko.pdf
「やりãŸã„ï¼ã€ãŒã€Œã§ããŸï¼ã€ã«å¤‰ã‚る。ãƒãƒ¼ãƒ ã§ä½œã‚‹Webサービス〜Scoobã®å ´åˆã€œ
{{#tags}}- {{label}}
{{/tags}}