Sass用ã®ã‚«ãƒ©ãƒ¼èª¿æ•´Webツール・「SassMe〠- ã‹ã¡ã³ã¨.net
SassMeã¯ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§Sass用ã®ã‚«ãƒ©ãƒ¼èª¿æ•´ã‚’è¡Œãˆã‚‹Webツールã§ã™ã€‚カラー関数ã®ã‚µãƒ–セットを視覚化ã—ã¦ãれるã€ã¨ã„ã†ã‚·ãƒ³ãƒ—ルãªã‚‚ã®ã€‚使ã„æ–¹ã¯ãƒ™ãƒ¼ã‚¹ã‚«ãƒ©ãƒ¼ã‚’入力ã—ã¦ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’マウスã§æ“作ã™ã‚‹ã ã‘。Githubã§ã‚‚公開ã•ã‚Œã¦ã„ã¾ã™ã€‚ SassMe On Github
CSS3ã§ã‚¯ãƒ¼ãƒ«ãªãƒ†ãƒ¼ãƒ–ルデザインを作る方法 / ウェブデザインライブラリー
table{ width:100%; border:5px solid #386977; border-collapse: collapse; border-spacing: 0; } tr, td{ font-size:14px; color:#222222; text-shadow:0 1px 1px #fff; padding:5px; text-align:center; border-bottom:1px solid #D3DDE2; border-right:1px dashed #D3DDE2; background: #feffff; /* Old browsers */ background: - moz - linear-gradient(top, #feffff 0%, #e6f1f7 100%); /* FF3.6+ */ background: -webkit-g
イラレã§å†…å´ãƒ‰ãƒãƒƒãƒ—シャドウをアピアランスã§ä½œã‚‹ï¼†ã‚¢ãƒ”アランスã“ãã“ãé”女ã£åパスファインダー
Illustratorã«ã¯Photoshopã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ã®ã‚ˆã†ã«å†…å´ã®ãƒ‰ãƒãƒƒãƒ—シャドウãŒã‚ã‚Šã¾ã›ã‚“。CS6ã‹ã‚‰ã¯åŠ¹æžœï¼žãƒ‘ス＞パスã®å¤‰å½¢ã«ã€Œã‚ªãƒ–ジェクトã®å¤‰å½¢ã€ã€Œãƒ‘ターンã®å¤‰å½¢ã€ãŒã‚ã‚Šã€ã“れを使ã†ã“ã¨ã§å…‰å½©ï¼ˆå†…å´ï¼‰ã®ä½ç½®ã‚’ãšã‚‰ã™ã“ã¨ã§è¡¨ç¾ã—ã¦ã„ã¾ã™ã€‚CS5以å‰ã§ã¯ã“ã®ã‚ªãƒ—ションãŒã‚ã‚Šã¾ã›ã‚“ãŒã€ã€Œãƒ‘スã®è‡ªç”±å¤‰å½¢ã€ã§ä¼¼ãŸã‚ˆã†ãªè¡¨ç¾ãŒä½œã‚Œã¾ã™ã€‚ãŸã 数値指定ãŒã§ãã¾ã›ã‚“。
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
シンプルã§ç¾Žã—ã„ウェブサイトをãŸã£ãŸæ•°åˆ†ã§ä½œæˆã§ãるサービス「Strikingly〠| ライフãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ン
å˜ç´”明快ãªã‚¦ã‚§ãƒ–サイトを作æˆã—ãŸã„ãªã‚‰ã€ãã®ãƒ—ãƒã‚»ã‚¹ã‚’シンプルã«ã—ã¦ãれる「Strikinglyã€ãŒã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚サイトã®ãƒ™ãƒ¼ã‚¹ã‚’é¸æŠžã—ã€ç”»åƒã¨ãƒ†ã‚ストを入力ã™ã‚Œã°ã™ãã«ã‚¦ã‚§ãƒ–ページã®å®Œæˆã§ã™ã€‚ã»ã‚“ã®å°‘ã—ã®æƒ…å ±ã§ã‚‚サイトを作æˆã™ã‚‹ã“ã¨ã¯ã§ãã¾ã™ãŒã€ç†è€…ã¯Strikinglyを使ã£ã¦ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªå…¨ä½“をアップã—よã†ã¨è©¦ã¿ãŸãã†ã€‚ç”»åƒã‚„çµµã®è¿½åŠ ã€å‹•ç”»ãªã©ã®ã‚¢ãƒƒãƒ—ã«ã¯ä½•ã®å•é¡Œã‚‚ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ãŸã 音声ã ã‘ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«ã¯å¯¾å¿œã—ã¦ã„ãªã„よã†ã§ã™ã€‚作ã£ã¦ã¿ãŸã¨ã“ã‚ã€ã“ã®ã‚ˆã†ãªæ„Ÿã˜ã®ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆãŒå®Œæˆã—ã¾ã—ãŸã€‚ Strikinglyã¸ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã¯ãƒ‘ソコンã‹ã‚‰ã ã‘ã§ãªãã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆçµŒç”±ã§ã®ã‚¢ãƒƒãƒ—ã‚‚ã§ãã¾ã™ã€‚å‹•ç”»ã®è¿½åŠ ã¯URLをペーストã€ç”»åƒã®è¿½åŠ ã¯ãƒ‰ãƒãƒƒãƒ—ゾーンã¸ãƒ‰ãƒ©ãƒƒã‚°ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦å¯èƒ½ã§ã™ã€‚写真ã«ã¯æ•°å種類ã®ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã‚‚ã‹ã‘られã¾ã™ã€‚ Strikinglyã¯æ©Ÿèƒ½çš„ã«é™ç•ŒãŒã‚ã‚Šã¾ã™ãŒ
P＆GãŒå®šã‚ã‚‹5ã¤ã®E～確実ã«æˆæžœã‚’出ã™ãƒªãƒ¼ãƒ€ãƒ¼ã®è¡Œå‹•æŒ‡é‡ã¨ã¯ | ライフãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ン
『1å¹´ã§æˆæžœã‚’出ã™P&Gå¼10ã®ç¿’æ…£ã€ï¼ˆæ‰æµ¦é‡Œå¤šè‘—ã€ç¥¥ä¼ç¤¾ï¼‰ã®è‘—者ã¯ã€LVMH（モエ ヘãƒã‚·ãƒ¼ãƒ»ãƒ«ã‚¤ ヴィトン）ジャパンã®ãƒ•ãƒ©ãƒ³ã‚¹ãƒ•ã‚¡ãƒƒã‚·ãƒ§ãƒ³ãƒ–ランドやã€è€èˆ—ãƒã‚¤ã‚¸ãƒ¥ã‚¨ãƒªãƒ¼ãƒ–ランドã®ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã‚’å‹™ã‚ã¦ã„ãŸã¨ã„ã†çµŒæ´ã®æŒã¡ä¸»ã€‚ã—ã‹ã—ã€ä¸–界トップレベルã®ä»•äº‹ã«æºã‚ã£ã¦ã„ãŸã¨ã„ã†è‡ªä¿¡ã‚’ã‚‚ã£ã¦P&Gã®ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°éƒ¨ã«ä¹—り込んã ã‚‚ã®ã®ã€ç¤¾å“¡ã²ã¨ã‚Šã²ã¨ã‚Šã®èƒ½åŠ›ãŒå„ªç§€ãªåŒç¤¾ã®ç¤¾é¢¨ã«åœ§å€’ã•ã‚ŒãŸãã†ã§ã™ã€‚ ãã—ã¦æ°—ã¥ã„ãŸã®ã¯ã€P&Gã«åœ§å€’çš„ãªã€ŒæˆåŠŸã®æ³•å‰‡ã€ãŒã‚ã‚‹ã“ã¨ã€‚ã ã‹ã‚‰ã“ãã€çµŒé¨“ã®ãªã„新入社員ã§ã•ãˆã™ãã«ãƒªãƒ¼ãƒ€ãƒ¼ã¨ã—ã¦æ´»èºã—ã€1å¹´ã§æˆæžœã‚’出ã›ã‚‹ã®ã ã¨ã„ã„ã¾ã™ã€‚ãã®æ³•å‰‡ã‚’明ã‹ã—ãŸæ›¸ç±ãŒæœ¬æ›¸ã ã¨ã„ã†ã‚ã‘ã§ã™ãŒã€ã¯ãŸã—ã¦ãã‚Œã¯ã©ã‚“ãªã‚‚ã®ãªã®ã§ã—ょã†ã‹ï¼Ÿ 第2ç« å†…ã®ã€Œãƒªãƒ¼ãƒ€ãƒ¼ã‚·ãƒƒãƒ—ã¯ã€Žå½±éŸ¿ã€ã¨è€ƒãˆã‚‹ã€ã«ã‚¯ãƒãƒ¼ã‚ºã‚¢ãƒƒãƒ—ã—ã¦ã¿ã¾ã—ょã†ã€‚リーダーシップã®è¡Œå‹•æŒ‡é‡ï¼ˆ5E）を身ã«ä»˜ã‘ã‚‹ P&Gã§ã„ã†ãƒªãƒ¼ãƒ€ãƒ¼ã‚·ãƒƒãƒ—ã¨ã¯
CSSã®ã¿ã¨Sass/SCSSã€Lessã«å¯¾å¿œã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç³»CSSフレームワークã«ã¤ã„ã¦èª¿ã¹ã¦è¡¨ã«ã—ã¦ã¿ãŸ | DevelopersIO
ã¿ãªã•ã¾ã“ã‚“ã«ã¡ã‚。 Webサイト高速化やSCSSã®é€£è¼‰ã‚’書ã„ã¦ã„る野ä¸ã§ã™ã€‚ ãã†ã„ãˆã°Google ReaderãŒçµ‚了ã™ã‚‹ã¨ã®ã“ã¨ã§ã¨ã¦ã‚‚残念ã§ã™ã。 èªè€…ã®ã¿ãªã•ã¾ã‚‚次ã®å¼•ã£è¶Šã—先ツール探ã—ã§å¿™ã—ã„ã¨ã“ã‚ã ã¨æ€ã„ã¾ã™ã€‚ ãã“ã§ã€ã‚¯ãƒ©ã‚¹ãƒ¡ã‚½ãƒƒãƒ‰é–‹ç™ºãƒ–ãƒã‚°ã®RSSも忘れãšã«ç™»éŒ²ã‚’ãŠé¡˜ã„ã—ã¾ã™ã€‚ ã¨ã¦ã‚‚æ›´æ–°é »åº¦ã®é«˜ã„ブãƒã‚°ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã€ã„ã‚ã„ã‚ãªåˆ‡ã‚Šå£ã®RSSを用æ„ã—ã¦ã„ã¾ã™ã€‚ 本題 ãã‚Œã§ã¯æœ¬é¡Œã§ã™ãŒã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç³»ã®CSSフレームワークã£ã¦è‰²ã€…ã‚ã‚Šã¾ã™ã‚ˆã。 個人的ã«ã¯HTML上ã®ã‚¯ãƒ©ã‚¹ã«ã‚ã¾ã‚Šæ„味ã®ãªã„æ–‡å—列ã¯å…¥ã‚ŒãŸããªã„ã®ã§ä½¿ã£ã¦ã„ã¾ã›ã‚“ã§ã—ãŸã€‚HTMLも編集ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã§ã€‚ ãµã¨Sass/SCSSã§Extendã—ãŸã‚ŠMixinsã§åˆ¶å¾¡ã§ãã‚‹ã‚‚ã®ã§ã‚ã‚Œã°ç„¡é§„ãªã‚¯ãƒ©ã‚¹æŒ‡å®šã‚’減らã—ã¦å¯å¤‰ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚°ãƒªãƒƒãƒ‰åˆ¶å¾¡ãŒã§ãã‚‹ã‚“ã˜ã‚ƒãªã„ã‹æ€ã£ã¦æŽ¢ã—ã¦ã¿ãŸã‚‰è‰²ã€…ã¨ã‚ã‚Šã¾ã—ãŸã€‚ 最åˆ
æ–‡å—æ•°ã€æ®µè½æ•°ã€å˜èªžæ•°ã‚’ç°¡å˜ã«æ•°ãˆã‚‰ã‚Œã‚‹JSライブラリ「Countable.jsã€:phpspot開発日誌
Countable.js?live word-counting in JavaScript æ–‡å—æ•°ã€æ®µè½æ•°ã€å˜èªžæ•°ã‚’ç°¡å˜ã«æ•°ãˆã‚‰ã‚Œã‚‹JSライブラリ「Countable.js〠文å—æ•°ã‚’æ•°ãˆã‚‹ãƒ©ã‚¤ãƒ–ラリã¯æ²¢å±±ã‚ã‚Šã¾ã™ãŒã€æ®µè½ã‚„å˜èªžæ•°ã¾ã§ã‚«ã‚¦ãƒ³ãƒˆã—ã¦ãれるライブラリã¯ã¯ã˜ã‚ã¦ã‹ã‚‚。 æ–‡å—æ•°ã€æ®µè½ã®ã‚«ã‚¦ãƒ³ãƒˆã¯æ—¥æœ¬èªžã«ã‚‚対応ã—ã¦ã„ã¾ã™ï¼ˆå˜èªžæ•°ã¯éžå¯¾å¿œï¼‰ 文書を書ã„ã¦ã‚‚らã£ã¦é€ã£ã¦ã‚‚らã†ã‚ˆã†ãªå ´åˆã®å…¥åŠ›è£œåŠ©ãƒ©ã‚¤ãƒ–ラリã¨ã—ã¦ä½¿ãˆãã†ã§ã™ 関連エントリ 美ã—ãアニメーションã•ã›ã‚‰ã‚Œã‚‹ç·šãƒ»æ£’グラフæç”»JSライブラリ「xCharts〠jQuery風ã«ç°¡å˜ã«Canvasを扱ãˆã‚‹ãƒ©ãƒƒãƒ‘ーライブラリ「Canvas Query〠Bootstrapã«è¿½åŠ ã§ä½¿ãˆã‚‹jQueryベースã®UIライブラリ「w2ui〠JavaScriptオフã€CSSã‚’ã®ã¿ã§å‹•ãツールãƒãƒƒãƒ—ライブラリ「hint.css〠シンプル多機能ãªW
æ–‡å—ã‚„ç”»åƒã«ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§ãƒ¢ã‚¶ã‚¤ã‚¯å‡¦ç†ãŒã‹ã‘られるjQueryプラグイン「SPOILER ALERT!ã€:phpspot開発日誌
æ–‡å—ã‚„ç”»åƒã«ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§ãƒ¢ã‚¶ã‚¤ã‚¯å‡¦ç†ãŒã‹ã‘られるjQueryプラグイン「SPOILER ALERT!〠2013å¹´03月21æ—¥- SPOILER ALERT! æ–‡å—ã‚„ç”»åƒã«ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§ãƒ¢ã‚¶ã‚¤ã‚¯å‡¦ç†ãŒã‹ã‘られるjQueryプラグイン「SPOILER ALERT!ã€ã€‚ $ ('spoiler, .spoiler').spoilerAlert()ã®ã‚ˆã†ã«åˆæœŸåŒ–ã™ã‚‹ã ã‘ã§ã€ç”»åƒã‚„æ–‡å—をモザイク処ç†ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ マウスオーãƒãƒ¼ã§ã†ã£ã™ã‚‰ã¿ãˆã‚‹ã‚ˆã†ã«ã€ã‚¯ãƒªãƒƒã‚¯ã§ãƒ¢ã‚¶ã‚¤ã‚¯è§£é™¤ã¿ãŸã„ãªã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ã‚ã¨ã¯ã©ã†ä½¿ã†ã‹ï¼Ÿã¨ã„ã†ã¨ã“ã‚ã§ã™ãŒã€å®Ÿè£…ã®éš›ã«JSå´ã§ã‚„ã£ã¦ã—ã¾ãˆã‚‹ã¨ã„ã†ã®ã¯æ¥½ã§ã„ã„ã§ã™ã。 関連エントリ アニメーションã—ãªãŒã‚‰ã‚½ãƒ¼ãƒˆã§ãã‚‹jQueryプラグイン「Animated Table Sorter〠高機能ãªã‚«ãƒ©ãƒ¼ãƒ”ッカーを実ç¾å‡ºæ¥ã‚‹jQueryプラグイン「Spectrum〠i
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Engadget | Technology News & Reviews
{{#tags}}- {{label}}
{{/tags}}